Re: [css-d] page bottoms

[Roger Roelofs]

Stuart,

On Jan 10, 2006, at 11:54 AM, Stuart King wrote:

> Site: http://www.conigliowines.com
>
> Problem: I have cut off or uneven page bottoms on the "Wines", "Trade
> Tools" and "Purchase" pages on this site. Please help.

This caused by the heights on #wrapper and #content.  Remove them and 
things will work better.  I also noticed that #textBl and #textBr are 
set to float and position: absolute;  You should pick one or the other.
-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image Placement

[Roger Roelofs]

Richard,

On Jan 10, 2006, at 10:12 AM, Richard Brown wrote:

> Hi All
>
> I have a couple of images on this site:
> http://www.uzellacourtantiques.co.uk/
> http://www.uzellacourtantiques.co.uk/wp-content/themes/antiques/
> style.css
>
> The first image is the one that sits in the top left. I would like the
> image to also appear in all the other corners. Is this possible please?
I didn't see a reply to this, if I missed it, you can ignore this.

If it needs to work in ie/win, then the only way is extra markup.  You 
can sometimes manage two by styleing the html element separately...
html {
background: #A30D15 url(images/bkgdcorner1.jpg) no-repeat top left;
}

body {
min-width: 600px;
background: transparent url(images/bkgdcorner1.jpg) no-repeat top 
right;
}
If ie users don't have to see the other two images you could use 
generated content...
#wrap:before {
position: absolute;
left: 0;
bottom: 0;
width: picwidth;
height: picheight;
background-image: url(whatever);
}
#wrap:after {
position: absolute;
right: 0;
bottom: 0;
width: picwidth;
height: picheight;
background-image: url(whatever);
}

The big downside to this is that you can end up covering up content if 
you're not careful.

> The second image is the one that sits in the nav bar at the bottom.
> Rather than sit alongside the text, I would like it to sit on top. How
> do I do this please?

set the images display to block.

hth
-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] mac/IE not reading stylesheet?

[Philippe Wittenbergh]

On 11 Jan 2006, at 1:38 am, John Haas wrote:

> http://www.lullabot.com
>
> Is it because of the way i'm linking css files?
>
> @import "themes/lullabot_jack/ 
> style.css";
>
> Thanks in advance for any help.
>

That  imported stylesheet contains these two:
@import url('main.css');
@import url('adminnav.css');
IE Mac doesn't understand that particular syntax.

No quotes or double quotes would be fine:

@import url(main.css);
@import url("adminnav.css");

See



Philippe
---
Philippe Wittenbergh



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Clearing does not work as I hoped..

[Roger Roelofs]

On Jan 10, 2006, at 3:18 PM, yaXay wrote:

> Hello,
>
>>> I'm applying the clearfix to a div that contains a label and a input 
>>> field. I'm floating the label to the left and the input field to the 
>>> right. For some reason the clearing does not work on this (FF1.5). 
>>> When I remove the "input { float: right; }" it does.. why?
>>>
>>> Example: http://yaxay.ya.funpic.de/clearfix.html (I'm sorry for the 
>>> ad, it's not mine..)
>>>
>> When I view the page in FF1.5, I see the same thing that IE6/winxp is
>> showing me.  I tried deleting the "input float right" but nothing
>> changed.  Have you managed to fix this?
>>
> my mistake; I should have mentioned, I only checked FF1.5 and Opera9.0
> (I know it's not final yet..). But still, shouldn't the "[further form
> fields..]" be in the next line? For some reason -- that I'd really like
> to know -- the Computed Style shows 0px for the height of the 
> containing
> div. Is it supposed to be that way?

Because both the label and input are floated, the div has no content so 
its height becomes 0.

I think you found a ff1.5 bug.  Opera and safari display as you would 
expect.  Apparently my firefox settings and extensions from 1.5 are 
making 1.07 unhappy.  I'll have to rectify that later.   The upshot is 
that I can't tell for sure if ff1.07 has this bug or not (1.6a1 does).

If you were to change the css for fieldset>div:after so you could see 
it,

fieldset>div:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: visible;
border-top: 1px solid red;
}

You will notice that in ff1.5, The 'clearer' generated content for the 
first div is actually displayed above the text of the first div 
(because the floated elements overflow). However, the 'clearer' 
generated content for the second div is below it as you would expect.

There are several fixes.  Probably the simplest in your case is

fieldset>div:before {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

The second simplest is to give fieldset>div a min-height of 1.2em.

hth
-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Boxproblem

[francky]

Daniel Liljeberg wrote:

> Hi again… Thanx for that info. It doesn’t work 100% yet since I needed 
> to change a few things. But it will in a minute. The best solution I 
> have seen so far. Just thinking, couldn’t you use a 1px wide image for 
> bottom and top and repeat them instead of having a long one? Since 
> that limits maximum resolution supported? Still doesn’t take much 
> space so so this work fine.
>
> / Daniel
>
> 
>
> *From:* francky [mailto:[EMAIL PROTECTED]
> *Sent:* den 6 januari 2006 23:56
> *To:* Daniel Liljeberg
> *Cc:* css-d@lists.css-discuss.org
> *Subject:* Re: [css-d] Boxproblem
>
> Daniel Liljeberg wrote:
>
>I have a box with rounded corners created with divs and background graphics
>
>of the corners, sides and the bottom. 
>
> 
>
>... Javascript ...
>
> 
>
>The problem is that it doesn't scale with the content.
>
>  
>
> Hi Daniel,
> Going to the Wiki, like the others said, is a good idea.
> In addition: on my site I have an article/tutorial "Liquid Round 
> Corners 
> " 
> in pure (and simple) css, which scale automatically. Cross-browser, 
> and no javascript needed! Also a "Liquid Corners Playgarden 
> "
>  
> with examples is provided.
> I got the advise to add this to the Wiki, but did not succeed yet to 
> get it on.
> Hope you can use something of it.
>
> francky
>

Yes Daniel,
Glad it is going to work.

I think it is good possible indeed to use an image of just 1px width. 
Then it has to be called by another  between the left and right 
ones on top and bottom.
But because it has to be repeated in the background, it cannot be a part 
of a combined corner image (with left and right corner in it).
Then you need in total 2 images instead of 1. That is: 1 image with the 
4 corners, and an 1px image with top and bottom border (under each other).

Is a bit css and html more, and there are two http-requests needed to 
get the two images downloaded. That is: two relative slow 
upload-questions from client to provider plus two times the sending of a 
TCP/IP-package with image downwards. So it will be some more time to get 
2 images on screen.
I think the advantage of 2 smaller images instead of 1 long sigar (only 
1 http-request needed) is not so big, if not contraproductive for the speed.
- The sigar width only limits the supported maximum resolution, if to 
small. Easy made a long one for say a 26 inch 3200x2400 monitor, then we 
have some years in advance before we have to adapt! ;-)

Btw, css does not have this option, but an easy way should be if we 
could give the width and height attributes to a background image, or a 
stretching factor. Would be nice!

francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Newbie to CSS, Need Help!

[Rahul Gonsalves]

Hi Donna:

Donna wrote:

>Hello Everyone!
> 
>Can someone help me out here?  I am having a problem with my 'Right' column
>for this web page.  I am VERY new to this, so please bear with me...I know
>my questions/problems are very basic.
>  
>
 From one newbie to another ;-).

I assume you want the right column to move to the right-hand side of the 
page. What you need to do is just decrease the padding on the #right 
element - I used 2% instead of 20% and it worked like a charm.

Just remember that you only have 100% of the page to work within ;-) - 
your padding + widths added up to well over a 100% - and so Firefox at 
least pushed the content below, as it should.

> 
>http://sswd51.accountsupport.com/springhillrealty.html  
> 
>Thanks All!
>
Regards,
Rahul


-- 

. . . . . . . . . . . . . . . . . . . . . . . .
Rahul Gonsalves
Make PNG, not War.
. . . . . . . . . . . . . . . . . . . . . . . .

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] NN6 problem with top margin

[francky]

Christine Robinson wrote:

>...
>In NN6 the graphic banner is going up under the top header of the page. The
>way I understand it is, NN6 has some type of a problem regarding using the
>body margin when it shouldn't? If that is my situation, I have not been able
>to find a fix for this.
>...
>The website that I am using to test and work on this project is:
>http://itmbanner.blogspot.com/
>
>Like I said, the problem is only in NN6, so if anybody has access to that
>browser I would appreciate any type of assistance.
>
Hi Christine,
I did a look with NN6.2.1. - Analizing:
- The page has no DOCtype declaration, as far as I can see. But adding a 
DTD HTML4.01 Transitional did not help NN6.
- The page calls 2 times the main.css and the 3.css. Both are indeed 
downloaded, says the Edit-option of the Firefox Developers Toolbar. A 
pity: I removed one, but it didn't go better with NN if only 1 time asked.
- The inline 

Re: [css-d] Spread words evenly.

[Matthew Levine]

On Jan 10, 2006, at 6:02 PM, Daniel Liljeberg wrote:

> I have a string of words like this.
>
> Foo1 Foo2 Foo3 Foo4
>
> How do I do to place them evenly within a div?
>
> I tried to do something like this and thought that MIGHT place the  
> spans
> like I wanted them to.
>
> Foo1Foo2.
>
> But as you can guess. No go :P
>
> So, any ideas?

Daniel,

I'd mark up these words as a list and float the list items.  Here's  
what it would look like:

HTML:

   
 Foo1
 Foo2
 Foo3
 Foo4
   

CSS:

   ul.even-words {
 margin: 0;
 padding: 0;
 list-style: none;
   }

   ul.even-words li {
 margin: 0;
 padding: 0;
 float: left;
 width: 25%;
   }

Be aware of a couple of issues with this method.

First, you might run in to rounding problems with IE, so it'll  
probably a good idea to decrease the width to something more like 24.9%.

Second, since you're floating the list, you'll need to clear the  
floats to preserve your layout. If it makes sense to clear the  
element directly after this list, do that (you might also want to  
float the ul in this case, if you need it to be tall enough to  
contain the floats; i.e. if it's background is important).   
Otherwise, you might want to auto-clear the ul.  You can do it with  
this code:

   .even-words:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
   }

   * html .even-words {
 height: 1%;
   }

This will make the  act as a normal block-level element; no need  
to worry about its floating contents.

Hope that helps!

-- 
Matthew Levine (http://www.infocraft.com/)

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Spread words evenly.

[Susan Tilley]

On 1/10/06, Daniel Liljeberg <[EMAIL PROTECTED]> wrote:
>
> I have a string of words like this.
>
>
>
> Foo1 Foo2 Foo3 Foo4
>
>
>
> How do I do to place them evenly within a div?
>
>
You can style them as if they were a horizontal menu. Just remove the link
styling. See http://css.maxdesign.com.au/listamatic/
for ideas.

HTH,

--
Susan
A Street Web Design
http://astreetweb.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Spread words evenly.

[Adie Hart]

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Daniel Liljeberg
Sent: Wednesday, January 11, 2006 8:02 AM
Subject: [css-d] Spread words evenly.

 

I have a string of words like this. How do I do to place them evenly within
a div?

 

Foo1 Foo2 Foo3 Foo4

 

I tried to do something like this and thought that MIGHT place the spans

like I wanted them to.

 

Foo1Foo2.

 

[Adie Hart] 

 

You could try floating the spans and then applying a % width to them.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Spread words evenly.

[Daniel Liljeberg]

I have a string of words like this.

 

Foo1 Foo2 Foo3 Foo4

 

How do I do to place them evenly within a div?

I tried to do something like this and thought that MIGHT place the spans
like I wanted them to.

 

Foo1Foo2.

 

But as you can guess. No go :P

 

So, any ideas?

 

Best regards

Daniel

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] default margins

[Matthew Levine]

On Jan 10, 2006, at 2:43 PM, Torp wrote:

> This works. So by adding the #col2 rule the specifity gets higher?  
> Almost a hack...

I wouldn't quite call it a hack; it's not exploiting any browser  
problems like the "* html" hack.  It's just making use of normal  
specificity rules from the CSS spec:
http://www.w3.org/TR/CSS21/cascade.html#specificity

Specificity is a great tool I use constantly in my work.

Glad it helped out!

-- 
Matthew Levine (http://www.infocraft.com/)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Newbie to CSS, Need Help!

[Donna]

Hello Everyone!
 
Can someone help me out here?  I am having a problem with my 'Right' column
for this web page.  I am VERY new to this, so please bear with me...I know
my questions/problems are very basic.
 
http://sswd51.accountsupport.com/springhillrealty.html  
 
Thanks All!
 
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal positioning within a line

[francky]

Earth Repair & Restoration wrote:

>Hi again :-)
>
>Thanks for the help its much appreciated, not sure how to call up the two
>images together?
>
>As for the header image, I think its ok for the moment, I probably can save
>some with the buttons on the left as they are 5k each so I might see how I
>can make them a little better, and sharpen the header and compress slightly
>more.
>
> 
>Regards,
>Erica Mueller
>Office Manager
>Earth Repair & Restoration Pty Ltd
>Web   : www.earthrepair.com.au
>Email   : [EMAIL PROTECTED]
>Phone  :  (02) 9648-2660
>7 Worsley St East Hills NSW 2213
>
And Hi Erica again,
The trick with the double image is that you have the two buttons 
combined in one image (or 4 buttons in 1 image, if you want a 
hover-state also), but shows them separatedly in two links with the 
relevant part of the combined image as background. By defining a certain 
width and height for each -block you make a "port-hole" to view 
trough, and the rest of the image is cut off. The atrribute for this 
goal is: { background-position: Xpx Ypx }, with X the horizontal 
start-position of the image, and Y the vertical. So normal position is: 
0 0. Not only px are possible, also %. Because of the definition of the 
port-hole just as big as one button, we don't need the { 
background-repeat: no-repeat; } ingredient.
In fact the 4 button-images are downloaded one time, and used serveral 
times (for a different part) on the page: they are already in the cache 
of the browser of the visitor. Also for hovering everything is ready 
behind the screens, there is (for the first time) no waiting time till 
the hover-image is downloaded: he is allready inside!

I made a testpage with the validation buttons 
 
on it (can use it myself too!).

In this page also some links to articles about background-positioning 
and css roll-overs.
CSS is a great invention!

francky






__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Clearing does not work as I hoped..

[yaXay]

Hello,

>>I'm applying the clearfix to a div that contains a label and a input field. 
>>I'm floating the label to the left and the input field to the right. For some 
>>reason the clearing does not work on this (FF1.5). When I remove the "input { 
>>float: right; }" it does.. why?
>>
>>Example: http://yaxay.ya.funpic.de/clearfix.html (I'm sorry for the ad, it's 
>>not mine..)
>>
>>
>When I view the page in FF1.5, I see the same thing that IE6/winxp is
>showing me.  I tried deleting the "input float right" but nothing
>changed.  Have you managed to fix this?
>  
>
my mistake; I should have mentioned, I only checked FF1.5 and Opera9.0 
(I know it's not final yet..). But still, shouldn't the "[further form 
fields..]" be in the next line? For some reason -- that I'd really like 
to know -- the Computed Style shows 0px for the height of the containing 
div. Is it supposed to be that way?

Thank you for your reply,
Ben

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] spacing issue in FireFox

[Tom Dell'Aringa]

Agh, thank you Ingo! I did indeed miss those - must have got jammed in the 
spambox or something. I will check them out!
 
 Tom
 
 
 Original Message 
 From: Ingo Chao <[EMAIL PROTECTED]>


Tom Dell'Aringa wrote:
> ...  Does anyone have any ideas on how to fix it?

Probably you've missed two mails, Tom.

  my suggestion for a fix /in your thread/
  http://archivist.incutio.com/viewlist/css-discuss/68655

  a public announcement by Zoe:
  http://archivist.incutio.com/viewlist/css-discuss/68459


Ingo

-- 
http://www.satzansatz.de/css.html






__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] spacing issue in FireFox

[Ingo Chao]

Tom Dell'Aringa wrote:
> ...  Does anyone have any ideas on how to fix it?

Probably you've missed two mails, Tom.

  my suggestion for a fix /in your thread/
  http://archivist.incutio.com/viewlist/css-discuss/68655

  a public announcement by Zoe:
  http://archivist.incutio.com/viewlist/css-discuss/68459


Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] FW: Minor differences in IE

[Chris Maiden]

> I am still chipping away at my first css page and I now have 
> the layout sorted - it looks fine in both FF and Opera but I 
> get minor differences when viewed in IE (all on Windows XP 
> Pro) - I would like to correct if possible.
> 
> Page is at http://www.samatason.co.uk/clients/tc/index.php 
> and Css is at http://www.samatason.co.uk/clients/tc/css/tc.css
> 
> I would appreciate if any one could identify either the 
> bug(s) I am experiencing or problems with my css (both 
> index.php and tc.css validate but of course that doesn't mean 
> all is ok!)
> 

I forgot to mention the differences...

1. Extra space at the bottom of the page under the "find" button.
2. "just ask" shifted to the right.

Thanks

Chris


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Minor differences in IE

[Chris Maiden]

Hi

I am still chipping away at my first css page and I now have the layout
sorted - it looks fine in both FF and Opera but I get minor differences when
viewed in IE (all on Windows XP Pro) - I would like to correct if possible.

Page is at http://www.samatason.co.uk/clients/tc/index.php and 
Css is at http://www.samatason.co.uk/clients/tc/css/tc.css

I would appreciate if any one could identify either the bug(s) I am
experiencing or problems with my css (both index.php and tc.css validate but
of course that doesn't mean all is ok!)

Thanks

Chris


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Replicating the 'Million Dollar Webpage' in CSS

[Brian Cummiskey]

nouhad wrote:
> Can anyone help me code this layout in CSS ?
> I am somewhat new to CSS but I do know how to code in it.
> Help would be much appreciated.

There's a couple ways.

1, is to float each ad with a container wrapper div, but if you have 
different ad heights, it might become a mess and then yuo'll run 
into overlapping or spaces.

The other way is to use absolute positioning on each element... a pain, 
for sure.

Frankly, i think the image map is the best way.

an image map is still valid code, so long as its done correctly.

For those who don't know- this site is:
http://www.milliondollarhomepage.com/
and I wish I thought of it first

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] default margins

[Torp]

Raoul, Matthew, CJ

Thanks for your replies. I'm sorry about my bad English: I didn't 
mean "on top" but "at the top" - of a div. While making an example 
for you guys I tracked down to the problem.
The  is not at the top but slightly lower. It 
doesn't have the right margin but still has the margin of #col2 p. Is 
this because of the "specifity"?

Thanks again, Jan

#col2
{
margin:0;
padding: 0 0 20px 20px;
vertical-align:top;
}

#col2 p
{
margin: 1em 0;
}

p.error
{
margin: 0 0 1em 0;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] spacing issue in FireFox

[Tom Dell'Aringa]

A screen shot would be great. I'm not sure why the tab would wrap, there should 
be 20px of space so that is confusing. So this would be a margin issue? Does 
anyone have any ideas on how to fix it? 
 
Tom

- Original Message 
From: Roger Roelofs [EMAIL PROTECTED]

I don't have ie to compare to, but I'd bet the ie is forcing the nav 
container taller than it seems while ff is letting the tabs 'overflow.' 
  I'm not entirely sure, because on my mac the tabs wrap onto a second 
line in ff and safari.  I can send you a screen shot if that would 
help.

On Jan 9, 2006, at 12:59 PM, Tom Dell'Aringa wrote:

> I'm working on a template for a site where I am using an H1 below some 
> nav tabs. In this H1, there is some space missing in FireFox, and I 
> cannot figure out why. I thought possibly vertical margin issue but 
> there is padding on the element. The page is at
>
> http://dev.pixelmech.com/inside.html
> http://dev.pixelmech.com/include/main.css <-- css
>
> I'm talking about the "Oracle Technical Consulting" heading. I cannot 
> seem to figure out either where the extra space is in IE, or the 
> missing space in FF went. THe navigation is floated right above the 
> h1. Any help is greatly appreciated.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] conditional comments/IE5 check

[Eystein Mack Alnæs]

> Still missing in IE5 (left). ie5.css references a PNG for this  
> graphic. Is
> that right?
>
> 5.5 (on the right) is picking up the alpha-transparent graphics,  
> but opaque
> ones get placed over them, suggesting that it's picking up the IE5
> stylesheet too.
>>
>>  http://test.gc.rayon.no/ny/

Dobble-doh! I think the Apple-keynote is making me very unfocused...
anyhow, the ie5.css is updated, and i'm directing ie5.5 to the same  
stylesheet.

any better now?

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Replicating the 'Million Dollar Webpage' in CSS

[nouhad]

Can anyone help me code this layout in CSS ?
I am somewhat new to CSS but I do know how to code in it.
Help would be much appreciated.
Thanks,
Nouhad.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE cutting off the width of my subnav? please help.

[John Haas]

Didn't try it locally.



Don't know if or what part of the bug is fixed in IE7.

Ingo



If it did not fix your problem, I'd appreciate a reply that it didn't 
work, John.


Ingo


Ingo,

I'm sorry, your message seemed to get lost in another thread in my mail 
reader.  I use threaded messages.
Anyhow, I just added the code and well, it seems to have done the trick 
in IE6/PC.  Now to test in other places. Thanks!!!


-John

--


John Haas
Web/Multimedia Designer

[man][ape] design

w: http://www.manapedesign.com
e: [EMAIL PROTECTED]
p: 215.868.2661

630 N. 17th St. #1
Philadelphia, PA 19130

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.371 / Virus Database: 267.14.16/225 - Release Date: 1/9/2006
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE cutting off the width of my subnav? please help.

[Ingo Chao]

Ingo Chao wrote:
> John Haas wrote:
>> http://www.lullabot.com/node/18
>>
>> The problem in question is the secondary subnavigation layout. In IE, 
>> the background image only extends so far in IE, whereas in 
>> Firefox/everything else looks fine. See how, when correct, the 's 
>> are wide enough that they'll go past the left edge of the browser? Not 
>> happening in IE ...
> 
>> .second #secondary-nav {
>> position: absolute;  ...
>> }
> ...
>> .second #secondary-nav a.active {
>> background-image: url('images/sl-whitebar.gif');
>> background-position: center right;
>> background-repeat: no-repeat;
>> margin: 0 0 0 -800px;
>> }
> 
> 
> Didn't try it locally.
> 
> 
> 
> Don't know if or what part of the bug is fixed in IE7.
> 
> Ingo
> 

If it did not fix your problem, I'd appreciate a reply that it didn't 
work, John.

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem in IE with subnav layout

[John Haas]

CJ Larson wrote:


This isn't what I'm seeing. Using the CSS Editor in FF (web developer

toolbar extension) I go to "outline custom elements" and highlight "div"
and "a".  Both are extending completely the left (in the naviation, not
content).

In IE (doing the same thing using the IE Developer Toolbar) the div is
restricted in size and does not go completely to the left.  However, the
"a" does.  The white is being stopped at the left edge of the navigation
div instead of running all the way to the left with the "a".

[sending screen shots off list]
 

Thanks! I didn't even know there was a toolbar tool for IE.  That helps 
in visualizing the problem, buy I still can't figure out how to make 
that div in IE function just like the div in Firefox/others.  Any 
changes to width or padding make the div extend rightwards.


-John

--


John Haas
Web/Multimedia Designer

[man][ape] design

w: http://www.manapedesign.com
e: [EMAIL PROTECTED]
p: 215.868.2661

630 N. 17th St. #1
Philadelphia, PA 19130

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.371 / Virus Database: 267.14.16/225 - Release Date: 1/9/2006
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] page bottoms

[Stuart King]

Site: http://www.conigliowines.com

Problem: I have cut off or uneven page bottoms on the "Wines", "Trade
Tools" and "Purchase" pages on this site. Please help.

Thank you.

Sincerely,

Stuart
zinlover
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] mac/IE not reading stylesheet?

[John Haas]

http://www.lullabot.com

Is it because of the way i'm linking css files?

@import 
"themes/lullabot_jack/style.css";

Thanks in advance for any help.

-John


--


John Haas
Web/Multimedia Designer

[man][ape] design

w: http://www.manapedesign.com
e: [EMAIL PROTECTED]
p: 215.868.2661

630 N. 17th St. #1
Philadelphia, PA 19130

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.371 / Virus Database: 267.14.16/225 - Release Date: 1/9/2006
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem in IE with subnav layout

[CJ Larson]

> Well, if i outline the #secondary-nav div, i see in all browsers that
> the width of that div stays at 120px as defined in the css.  However,
> the difference is that the  breaks out of this parent div in
> FF/others, and is displayed running all the way left to the edge of
the
> browser.  Not in IE. The  stays within the parent div
(#secondary-nav).

This isn't what I'm seeing.  Using the CSS Editor in FF (web developer
toolbar extension) I go to "outline custom elements" and highlight "div"
and "a".  Both are extending completely the left (in the naviation, not
content).

In IE (doing the same thing using the IE Developer Toolbar) the div is
restricted in size and does not go completely to the left.  However, the
"a" does.  The white is being stopped at the left edge of the navigation
div instead of running all the way to the left with the "a".

[sending screen shots off list]

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] default margins

[Matthew Levine]

On Jan 10, 2006, at 9:39 AM, Torp wrote:

> Without css a  gets a blank line before and after
> 1) even when there is an image
> 2) except when the  is on top.
> But when changing the margins with css, these two behaviours are gone.
> Is there a workaround for this?

The reason (1) and (2) happen is because, with most browsers, there's  
a default style rule that behaves like this:

p { margin: 1em 0; }

So  will always have a single line-height margin on top and on  
bottom, regardless of contents (images, texts, input elements,  
whatever).

If "the  is on top", I'm not sure exactly what you mean by this.   
On top of what?

My best guess is that you mean on top of another . In this case,  
the vertical margins collapse, which means that the space between the  
two  tags (or any other elements with vertical margins) will be  
the greater of the two margins, not the sum of the two margins. For  
two unstyled  tags, that means there will only be 1em of space  
between them, not 2em (as it would be if you added the margins).

As for workarounds, I'm not exactly sure what you're trying to  
accomplish. The effects you describe are margins -- but you want to  
apply different margins?

If you want to preserve this exactly behavior, make sure that your  
vertical margins are 1em. You can set the horizontal margins to  
whatever else you want.

I hope that helps. Send out a clarification of the effect you're  
trying to achieve (or a link), and I'll try to do a better job of  
explaining it :)

-- 
Matthew Levine (http://www.infocraft.com/)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem in IE with subnav layout

[John Haas]

Well, if i outline the #secondary-nav div, i see in all browsers that 
the width of that div stays at 120px as defined in the css.  However, 
the difference is that the  breaks out of this parent div in 
FF/others, and is displayed running all the way left to the edge of the 
browser.  Not in IE. The  stays within the parent div (#secondary-nav).


Now, if i expand the width of the secondary-nav div to, say 500px, it 
extends rightwards, not leftwards (the desired effect).  Is it possible 
to get it to extend leftwards somehow?


Thanks, I really appreciate the help.

-John


CJ Larson wrote:


The page:
http://www.lullabot.com/node/18

The problem in question is the secondary subnavigation layout. In IE,
the background image only extends so far in IE, whereas in
Firefox/everything else looks fine. See how, when correct, the 's
are wide enough that they'll go past the left edge of the browser? Not
happening in IE.
   



If you outline  elements in both FF and IE you'll see that FF sends
your navigation div all the way to the left, whereas IE does not.  Where
IE stops the white is exactly where the menu div ends.  Get that menu
div to extend left in IE and you'll be golden!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/




 



--


John Haas
Web/Multimedia Designer

[man][ape] design

w: http://www.manapedesign.com
e: [EMAIL PROTECTED]
p: 215.868.2661

630 N. 17th St. #1
Philadelphia, PA 19130

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.371 / Virus Database: 267.14.16/225 - Release Date: 1/9/2006
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] NN6 problem with top margin

[Christine Robinson]

 
 
Hello,

Although I have gotten to a point where I feel relatively ok  with regards
to this project, I have run into one last eyesore I really could use some
help on.

In NN6 the graphic banner is going up under the top header of the page. The
way I understand it is, NN6 has some type of a problem regarding using the
body margin when it shouldn't? If that is my situation, I have not been able
to find a fix for this.

By the way, I realize that the page is non-compliant. Although that has been
a huge problem for me while working on this, it is not my site (the real one
 not my test site) and I do not have control over it. All I can do is try to
get this graphic banner situated the best I can and pass along the
information to the owners.

The website that I am using to test and work on this project is:
http://itmbanner.blogspot.com/

Like I said, the problem is only in NN6, so if anybody has access to that
browser I would appreciate any type of assistance.

Thank you,

Christine
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] default margins

[Torp]

Without css a  gets a blank line before and after
1) even when there is an image
2) except when the  is on top.
But when changing the margins with css, these two behaviours are gone.
Is there a workaround for this?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] conditional comments/IE5 check

[Eystein Mack Alnæs]

On Jan 10, 2006, at 3:57 PM, Rowan @ Jetboy wrote:

> A footer, but no header - IE5 left, Firefox right.
>
>  http://test.gc.rayon.no/ ny/
>
>

Doh!  Didn't upload the header-jpg. Is there a header now?
Anyhow, looks like it's working - thanx.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Image Placement

[Richard Brown]

Hi All

I have a couple of images on this site:
http://www.uzellacourtantiques.co.uk/
http://www.uzellacourtantiques.co.uk/wp-content/themes/antiques/ 
style.css

The first image is the one that sits in the top left. I would like the  
image to also appear in all the other corners. Is this possible please?

The second image is the one that sits in the nav bar at the bottom.  
Rather than sit alongside the text, I would like it to sit on top. How  
do I do this please?

Many thanks.

-- 
Rich
http://www.cregy.co.uk
Embracing what God does for you is the best thing you can do for him.  
Romans 12 v 1

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Specificity Problem

[Adam Kuehn]

Philippe Wittenbergh wrote:

>On 10 Jan 2006, at 3:21 am, Adam Kuehn wrote:
>
> >>> [1] http://www.littleandreid.com/mentaidyn/about
> >>>
> >>> 
> >>> Home
> >>>  >>> id="menu_about">About
> >>> [--more links--]
> >>> 
>
>But in this case, the CMS (textpattern) and the plugin used for
>generating the menu does the correct thing, by adding the
>class .active to the .
>
>It is just a question of specificity to apply the class
>.mainnav li a:link is more specific than just .active

Yes, except the presence of the ID could complicate things as the ID 
could "trump" any number of classes.  I agree that if the CSS is 
constructed properly, your way should work, but the pre-existing ID 
makes it a bit tricky.  The author would need to make certain that 
any CSS selectors which use that ID do not contain rules the author 
wants overridden by the .active class, or the CMS would need to be 
configured to swap out the ID (which could get fairly 
complicated).  Good construction will make it easy, though, as the 
rest of your post suggests.



-Adam Kuehn 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Using an image as a bullet image for a list

[francky]

Ken Robinson wrote:

>... and everything is now working (at least on FF1.5 & MSIE 6 for 
>windows). If someone can give me feedback from other browsers, I 
>would appreciate it. Since I'm still in the testing (& playing) phase 
>I haven't validated the CSS or HTML code yet.
>...
>
Hi Ken,

Ehm, I think validation is just one of the 1st important things in the 
testing and playing phase! ;-)
For instance, Tiny on testlist.php says: the required attribute 
*type="text/css"* is omitted in the 

[css-d] Base CSS in Browsers

[Fred D Yocum]

At least two dynamics that come into play when a browser displays a Web 
page -- 
1) How to interpret a css attribute (text-decoration: blink)
2) What it regards as the default values for a particular HTML element 
(A:link)

In and effort to understand the latter I've  extracted the cascading style 
sheet "html.css" from the FireFox application  (there are a bunch of other 
css documents in the application package on the Mac but I think this is 
the important one). 

I'm trying to add get a handle on what default attributes are being 
applied to elements/pages. I would like to the defaults  for IE, Opera, 
Safari. Can anyone enlighten me as to where the major browsers store their 
default definitions? Is there a resource on the Web that already contains 
this information?

TIA
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem in IE with subnav layout

[CJ Larson]

> The page:
> http://www.lullabot.com/node/18
> 
> The problem in question is the secondary subnavigation layout. In IE,
> the background image only extends so far in IE, whereas in
> Firefox/everything else looks fine. See how, when correct, the 's
> are wide enough that they'll go past the left edge of the browser? Not
> happening in IE.

If you outline  elements in both FF and IE you'll see that FF sends
your navigation div all the way to the left, whereas IE does not.  Where
IE stops the white is exactly where the menu div ends.  Get that menu
div to extend left in IE and you'll be golden!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Clearing does not work as I hoped..

[CJ Larson]

> I'm applying the clearfix to a div that contains a label and a input
> field. I'm floating the label to the left and the input field to the
> right. For some reason the clearing does not work on this (FF1.5).
When
> I remove the "input { float: right; }" it does.. why?
> 
> Example: http://yaxay.ya.funpic.de/clearfix.html (I'm sorry for the
ad,
> it's not mine..)


When I view the page in FF1.5, I see the same thing that IE6/winxp is
showing me.  I tried deleting the "input float right" but nothing
changed.  Have you managed to fix this?

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Using an image as a bullet image for a list

[Ken Robinson]

Quoting francky <[EMAIL PROTECTED]>:

> Ken Robinson wrote:
>
>> ... and everything is now working (at least on FF1.5 & MSIE 6 for 
>> windows). If someone can give me feedback from other browsers, I 
>> would appreciate it. Since I'm still in the testing (& playing) 
>> phase I haven't validated the CSS or HTML code yet.
>> ...
>>
> Hi Ken,
>
> Ehm, I think validation is just one of the 1st important things in the
> testing and playing phase! ;-)
> For instance, Tiny on testlist.php says: the required attribute
> *type="text/css"* is omitted in the 

Re: [css-d] conditional comments/IE5 check

[Eystein Mack Alnæs]

On Jan 10, 2006, at 2:58 PM, [EMAIL PROTECTED] wrote:

> You can get an IE 5 standalone at http://downloads.skyzyx.com/
>

thanx, but I'm on a Mac. 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] conditional comments/IE5 check

[Eystein Mack Alnæs]

I'm using conditional comments to feed jpg's instead of png's to IE5.  
But I have no IE5 to test on. Can anyone please tell me if there is a  
non-transparent header + footer on this page: http://test.gc.rayon.no/ 
ny/ ?

(The transparency is working in IE6, FirefoxPC & Mac, and Safari)

css:
http://test.gc.rayon.no/ny/Public/Styles/gc.css
http://test.gc.rayon.no/ny/Public/Styles/ie-all.css
http://test.gc.rayon.no/ny/Public/Styles/ie5.css<-- The jpg's are  
set as background images here.
http://test.gc.rayon.no/ny/Public/Styles/ie55-6.css
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Simple question - Left Navigation Bar

[Danilo Laurindo]

Yes! :)
Footer problem solved... at least I got it working on the 3 main win
browsers :)

Thank you, Roger!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Specificity Problem

[L. David Baron]

On Monday 2006-01-09 15:07 -0500, Adam Kuehn wrote:
> Darn it.  I hit "send" by mistake, before I verified this 
> claim.  That is, of course, not correct.  Only one ID per element is 
> allowed.  I hate having to print retractions, but that's what I get 
> for doing this stuff while I'm busy with other things.  Apologies, all.

This statement can be made more generally:  documents must not repeat an
attribute name within the same tag.

In the XML spec, this is a well-formedness constraint:
  # Well-formedness constraint: Unique Att Spec
  # 
  # An attribute name MUST NOT appear more than once in the same start-tag
  # or empty-element tag.
  -- http://www.w3.org/TR/REC-xml/#uniqattspec

I suspect SGML (on which HTML4 is technically based) says something
about it as well.  At the very least, the W3C validator gives the
nsgmls or SP error message:
  # duplicate specification of attribute "CLASS".

-David

-- 
L. David Baronhttp://dbaron.org/ >
   Technical Lead, Layout & CSS, Mozilla Corporation


pgpRrXg5DISlt.pgp
Description: PGP signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css print help

[Phønix webmaster - Jesper Brunholm]

Greg Morphis wrote:
> I removed all padding off of hours and added a height/fontsize to all
> container divs and have come up with
> http://home.alltel.net/omen/schedule.htm
> It still has the row pushed down.. Can you suggest something else to try?

Now I've got my thesis out of the house, and has taken an hour to look 
on the thing.

First thing: CSS is case-sensitive, thus, when we use  we must use 
body {} as well :)

I have made experiments on 

I have been experimenting somewhat to try and find the cause, and 
finally found out that the "activity" text or elements is somehow 
pushing somewhere. It can be overcome for mozilla by defining the height:

div.hours, div.employee, div.employeelabel, .tophead div {
height: 14px;
}

There is still a 1px gab between the hours-indicating line and the 
employee-hours-lines _in mozilla_! That's the only problem in print in 
that one.

However, Explorer insists on pushing the row after an activity down in 
print :(

The only solution I can come up with on that is more experiments as to 
"what is pushing" OR a border-top on .hours and .employee, which I 
actually think makes a viable solution: 


Hope that you can use this :-)

Regards

Jesper Brunholm
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Specificity Problem

[Nick Fitzsimons]

And now I see your retraction (sigh).

Ah well, maybe having the links in the archive will be of value if this
discussion ever comes up again :-)

Regards,

Nick.
-- 
Nick Fitzsimons
http://www.nickfitz.co.uk/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Specificity Problem

[Nick Fitzsimons]

> At 02:11 PM 1/9/2006, CJ Larson wrote:
>> > > > id="menu_about">About
>> >
>> > Note we have just changed the class="active" to id="active".  Your
>> > global CSS file would then include something like this:
>> >
>> > ul li a#active {background-color: foo;}
>>
>>One note about this:  now he has two IDs instead of one ID and one
>>class.
>
> Which is, of course, perfectly valid.  There is nothing wrong with
> attaching two IDs to a single element, so long as the attribute
> values are unique within the document.
>
> -Adam Kuehn
>

Not correct, at least in XHTML. From XHTML 1.0: "In XML, fragment
identifiers are of type ID, and there can only be a single attribute of
type ID per element." [1]

While HTML 4.01 does not explicitly preclude the use of multiple ID
attributes on an element[2], I believe it should not be considered good
practice, as it comes into conflict with other W3C standards relevant to
HTML documents. For example, DOM 1.0 defines the "id" attribute of
"HTMLElement" to be of type DOMString [3]; this cannot support multiple
IDs per element. I would suggest that the lack of specific exclusion of
multiple IDs per element in HTML 4.01 is an oversight in the specs.

[1]
[2]
[3]

Regards,

Nick.
-- 
Nick Fitzsimons
http://www.nickfitz.co.uk/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/