Recommend that you constrain this fluid layout of your shop so that
spacing between pics does not grow.
Consider adding a main wrapper and setting min and max width immediately
after body {} in CSS
div#mainwrap { min-width:780px; max-width:880px; margin-left:auto;
margin-right:auto; border:1px so
Thanks guys,
and a big oops! (blush!) It's been a long weekend. Thanks for spotting
that.
Now, to see if there's any problems in the PC browsers...
Dave
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listi
I'm trying to create a horizontal navigation menu where each list item
contains an image and descriptive text. I want the image to be centered
within the item and also be block so that the text is below it. I
haven't been able to get this to work perfectly between IE/FF and I
haven't found a go
Hi all
I have two lines of text (as part of a logo) that are different sizes and I
want them to align perfectly on the left. I've tried text-align but that
doesn't seem to work to well when the lines are different text sizes.
I can achieve this using an estimated negative margin and it seems OK
On 01/06/06, Mark Batty <[EMAIL PROTECTED]> wrote:
>
> Hi all
>
> I have two lines of text (as part of a logo) that are different sizes and
> I
> want them to align perfectly on the left. I've tried text-align but that
> doesn't seem to work to well when the lines are different text sizes.
>
> I c
> Try enclosing the text in paragraphs - at present the text is contained
in anonymous lines boxes and cannot be styled.
Thanks Dave, I tried this but it still doesn't align properly without using
a negative margin.
__
css-disc
Inspired by a message Els posted a few days ago, I finally got around to
doing a CSS layout to replace my current table layout. My shot at it has
a good assortment of problems, I'm sure (and comments or suggestions
gladly welcome!), but for now I'm trying to fix just some simple ones ...
In F
> > Try enclosing the text in paragraphs - at present the text is contained
> in anonymous lines boxes and cannot be styled.
>
> Thanks Dave, I tried this but it still doesn't align properly
> without using
> a negative margin.
>
>
>
> Cannot see what the problem is. I have commented out the -ve em
> code and it
> still lines up on FF1.5 and IE6.
>
Hi Ian, I've put a couple of screenshots (in FF) with the negative margin
here ...
http://public.softectra.com/dev/lang/markup/css/cssd/010606_1/screen1.jpg
I get the same effect
Hi Guys..
I am fairly new to CSS and am working my way through Eric Meyer's "On
CSS" books and checking out each design as it progresses in Firefox
1.5.03, Opera 8.54, Netscape 8.1 and IE 7 Beta 2 (7.0.5335.5).
There are two projects, Project 12 - Fixing your backgrounds (in EM on
CSS), and Proje
On 5/31/06, Robert O'Rourke <[EMAIL PROTECTED]> wrote:
> You can either do this:
>
> .float
> {
> float: left;
> width: 190px;
> margin: 0;
> padding: 0 0 0 10px;
> }
>
> to fix it.
Hi Robert I made the changes that you suggested to my CSS and the
thread div is
Mark Batty wrote:
> I have two lines of text (as part of a logo) that are different sizes and I
> want them to align perfectly on the left. I've tried text-align but that
> doesn't seem to work to well when the lines are different text sizes.
>
> I can achieve this using an estimated negative marg
>
>> RE:
>> html:
>> http://public.softectra.com/dev/lang/markup/css/cssd/010606_1/index.html
>> css:
>> http://public.softectra.com/dev/lang/markup/css/cssd/010606_1/screen.css
>>
>> Thanks.
>>
>> Mark.
>>
Mark, note that the CSS for the header in my previous reply has been
revised to:
d
Hi Brian,
It looks like there's about 20px padding on the right hand side of the
image - before the "border" - I think getting rid of that should do it.
Tom.
On 1 Jun 2006, at 00:06, Brian Jones wrote:
> Hi,
>
> I have a problem with this layout that I am working on. On the right
> side of the
> Mark, this is as close as I can come to what I guess you are after:
> HTML
>
>
> Blindmice
> They all run after the farmer's wife.
>
>
Thanks very much for a working answer David, it seems to work better than
the negative margin.
I need to look at your css to make sure I understand WHY it w
Brian Jones wrote:
> On 5/31/06, Robert O'Rourke <[EMAIL PROTECTED]> wrote:
>> You can either do this:
>>
>> .float
>> {
>> float: left;
>> width: 190px;
>> margin: 0;
>> padding: 0 0 0 10px;
>> }
>>
>> to fix it.
>
> Hi Robert I made the changes that you suggest
On 06/06/01 11:00 (GMT-0400) Mark Batty apparently typed:
>> Mark, this is as close as I can come to what I guess you are after:
>> HTML
>>
>>
>> Blindmice
>> They all run after the farmer's wife.
>>
>>
> Thanks very much for a working answer David, it seems to work better than
> the negative
Jonathan Carter wrote:
> I'm trying to create a horizontal navigation menu where each list item
> contains an image and descriptive text. I want the image to be centered
> within the item and also be block so that the text is below it. I
> haven't been able to get this to work perfectly between
Hi all,
I'm baffled by a 40 pixel band of white which shows up at the top of
my pages in Internet Explorer, version 6. I've found something
related in the archives from a few years ago, but it doesn't seem to
apply. The strange thing is that this didn't happen on our test
system, but it do
Does anyone know how I can achieve the same effect as this line here
without using it?
* html #main {zoom:1;} /* Fixes bug in IE6 with Table display */
I mean it makes my page look exactly the way I want it, (thanks to the
person who contacted me directly with this fix btw), but it causes the
W3C
Hello everyone,
I've done this before but for whatever reason it ain't working now :)
I'm trying to float one div up next to the other.
You can see the code here-- http://www.mearis.com/
It looks like it should in FF but in IE6 div#right is wrapping beneath
div#left...
Any ideas?
Thanks-- M
On 6/1/06, Robert O'Rourke <[EMAIL PROTECTED]> wrote:
> one big image to create a border. I've had some time today and here's
> what i've come up with:
> > http://www.sanchothefat.com/css/css-d-brianj.html
> (css is in the header)
Thank you so much Robert..what would the world be without
Chris C wrote:
> Does anyone know how I can achieve the same effect as this line here
> without using it?
> * html #main {zoom:1;} /* Fixes bug in IE6 with Table display */
Google "Conditional Comment"
---
Regards,
Thierry | www.TJKDesign.com
__
So, by that your saying:
... is my only solution?
IE browsers will just have to face the facts that I can't deliver a W3C
compatible page to them without redesigning?
Chris
-Original Message-
From: Thierry Koblentz [mailto:[EMAIL PROTECTED]
Sent: Thursday, June 01, 2006 1:15 PM
To:
Chris C wrote:
> Does anyone know how I can achieve the same effect as this line here
> without using it?
> * html #main {zoom:1;} /* Fixes bug in IE6 with Table display */
>
> I mean it makes my page look exactly the way I want it, (thanks to the
> person who contacted me directly with this fix
Chris C wrote:
> So, by that your saying:
>
>
> ... is my only solution?
No, you could also try something else to give layout to that element without
breaking anything in other browsers; for example, can you set a width?.
Google "hasLayout"
BTW, you do not need the "* html" hack (filter) since
I print many divs with style page-break-after: always;
so my structure is like this
content4
content3
content2
content1
I want to put a page footer in all pages, How to do it?
thanks
__
css-discuss [EMAIL PROTECTED]
ht
Hello all,
Whenever I have a list with the standard bullets, the list text is
flush left with the previous paragraph, but the list bullets are over
to the left of the parent container. Is there a way to get the list
to automatically flush left with the previous paragraph. I know I
can ad
Chris C wrote:
> So, by that your saying:
>
>
> ... is my only solution?
>
This hides the invalid code from the validator, but it's still there.
Your only other option is to use a different hasLayout hack, such as
width or height.
> IE browsers will just have to face the facts that I can't
On 01/06/06, Fernando <[EMAIL PROTECTED]> wrote:
>
> I print many divs with style page-break-after: always;
> so my structure is like this
>
>
> content4
>
>
> content3
>
>
> content2
>
>
> content1
>
>
> I want to put a page footer in all pages, How to do it?
>
> thanks
>
> __
Thank you... and everyone else who replied
I was reading a lot of the content from
http://www.satzansatz.de/cssd/onhavinglayout.html (given to me by a
previous reply) and trying to grasp the "hasLayout" concept.
What you say is right, that I don't really need it to validate... Its
just one of
Hello all,
Can anyone tell me how I can make the second line (when there is one)
of the lefthand navigation copy align with the first line? In this
example: http://www.pcc.com/clients/contact.php the 6th, 7th, and 8th
links illustrate my problem.
Thanks in advance.
Barb
_
Bar
> From: Barbara Dozetos
> Sent: Thursday, June 01, 2006 1:15 PM
> Can anyone tell me how I can make the second line (when there
> is one)
> of the lefthand navigation copy align with the first line? In this
> example: http://www.pcc.com/clients/contact.php the 6th, 7th,
> and 8th
> links
Thanks for the help, Glenn. I'll give the display:block a try.
As for this:
> As an aside, I noticed you have each li marked with a different
> class, but
> didn't see any styling for those classes. You can probably safely
> remove
> them and reduce the page size.
>
>
>
>
>
> If you leave t
I have a page with overlapping elements that work properly until I
apply overflow: auto to one of the elements. Then it seems to throw
the z-index off. This is happening in Firefox but not Safari. Any
suggestions?
Thanks!
-Christy
_
Marty said:
> I've done this before but for whatever reason it ain't working now :)
>
> I'm trying to float one div up next to the other.
>
> You can see the code here-- http://www.mearis.com/
>
> It looks like it should in FF but in IE6 div#right is wrapping beneath
> div#left...
Marty, I think
Michael Larocque wrote:
>Hi all,
>
>I'm baffled by a 40 pixel band of white which shows up at the top of
>my pages in Internet Explorer, version 6. I've found something
>related in the archives from a few years ago, but it doesn't seem to
>apply. The strange thing is that this didn't happen
Chris C wrote:
> I will try to figure out why "hasLayout" isn't kicking in. Is there a
> tool you can use where you find out what areas of the page have the
> "hasLayout" flag set and which ones don't? I'm using Liquid Columns, so
> I don't know what I can play with yet to avoid breaking them.
>
Hi all,
I posted a while back, about trying to get an element to be 100% height
- 50px;
Subject: "[css-d] CSS options for 100% - 50px;"
Unfortunately, although all the info was helpful, I couldn't figure out
a solution for this.
I've decided to attach a quick snippet here, to explain my situa
Michael Larocque wrote:
> Hi all,
>
> I'm baffled by a 40 pixel band of white which shows up at the top of
> my pages in Internet Explorer, version 6. I've found something
> related in the archives from a few years ago, but it doesn't seem to
> apply. The strange thing is that this didn't hap
Hi group,
On this site... http://www.lorettosedgwick.org/ ...which many of you
have helped me create through your expert knowledge, the client has now
requested that the list be flush left with the heading, no
margins/padding. So I did that but now the overflow wraps down and to
the left to
> From: Stephen Cunliffe
> Sent: Thursday, June 01, 2006 3:13 PM
> What I want, is for the lower "body" section to be 100% of
> the browser window height, minus the 50px at the top.
> What I've posted, exceeds the vertical browser window, as it
> is 100% of
> the window height, not the remain
Don rapidly wrote:
> Why not just make a list with no symbol in front? That way you
> automatically get a 2 line link to line up.
Don, I'd love to. But the client wants that "special" diamond there.
They asked me to design these links with three different symbols,
didn't like what they wanted,
On 2006-Jun-01, at 14:15, Zoe M. Gillenwater wrote:
> Michael Larocque wrote:
>> Hi all,
>>
>> I'm baffled by a 40 pixel band of white which shows up at the top of
>> my pages in Internet Explorer, version 6. I've found something
>> related in the archives from a few years ago, but it doesn't see
Andreas Kakanis-Silk wrote:
> www.vakalis.edu.gr/aks/ch02proj.html
(corrected address)
> In Project 2, the use of the child selector:
>
> html>body div.pic ul {background: #BB; border: 3px double
> #22;}
>
> is to not confuse poor IE6 which Eric says "will get hopelessly
> mud
Stephen Cunliffe wrote:
> Hi all,
>
> I posted a while back, about trying to get an element to be 100%
> height - 50px;
>
> Subject: "[css-d] CSS options for 100% - 50px;"
>
> Unfortunately, although all the info was helpful, I couldn't figure
> out a solution for this.
Probably because there a
Fernando,
On Jun 1, 2006, at 1:48 PM, Fernando wrote:
> I print many divs with style page-break-after: always;
> so my structure is like this
>
>
> content4
>
>
> content3
>
> ...
> I want to put a page footer in all pages, How to do it?
The css way is to include the footer once in source a
Christy,
On Jun 1, 2006, at 2:57 PM, Christy Collins wrote:
> I have a page with overlapping elements that work properly until I
> apply overflow: auto to one of the elements. Then it seems to throw
> the z-index off. This is happening in Firefox but not Safari. Any
> suggestions?
We will nee
As much as I enjoy a good laugh, I'm pretty tired of trying to track
down why my inline UL links (say it with me...) work fine in FF, Safari,
Opera, and Camino, but produce an amusing shell game in MSIE 5.5/Mac.
Shell game? Yes. Visit http://www.floralore.com/ with MSIE and roll the
mouse over
Dave,
On Jun 1, 2006, at 4:39 PM, Dave Pierce wrote:
> On this site... http://www.lorettosedgwick.org/ ... the client has
> now requested that the list be flush left with the heading, but now
> the overflow wraps down and to the left to line up with the bullet
> image. Can this be fixed?
You
On Jun 2, 2006, at 9:56 AM, Steve Tyron wrote:
> As much as I enjoy a good laugh, I'm pretty tired of trying to track
> down why my inline UL links (say it with me...) work fine in FF,
> Safari,
> Opera, and Camino, but produce an amusing shell game in MSIE 5.5/Mac.
>
> Shell game? Yes. Visit h
On Jun 1, 2006, at 7:51 PM, Roger Roelofs wrote:
> Christy,
>
> On Jun 1, 2006, at 2:57 PM, Christy Collins wrote:
>
>> I have a page with overlapping elements that work properly until I
>> apply overflow: auto to one of the elements. Then it seems to throw
>> the z-index off. This is happening
Brian Jones wrote:
>On 6/1/06, Robert O'Rourke <[EMAIL PROTECTED]> wrote:
>
>
>>You have to be pretty careful when using one big image
>>to create a border. I've had some time today and here's
>>what i've come up with:
>>
>>
>>>http://www.sanchothefat.com/css/css-d-brianj.html
>>>
Skye,
On May 31, 2006, at 4:54 PM, skye estes wrote:
> in firefox it works great, thanks to the idea of wrapping the pictures
> in
> lists in order to drop the text under them,
> but in i.e./win some of the pictures seem like they've randomly grown
> huge
> margins!
> the url is http://heli.cx/
From: Michael Larocque <[EMAIL PROTECTED]>
>>> I'm baffled by a 40 pixel band of white which shows up at the top of
>>> my pages in Internet Explorer,
>>> URL: http://trinaread.com/
>>> CSS: http://trinaread.com/css/style.css
Try the following changes to your style sheet -
body {
/*
position:
55 matches
Mail list logo