date:20090305

Re: [css-d] nav displaying incorrectly in IE

2009-03-05 Thread Alan Gresley

Daniel Hammond wrote:
[...]
> That didn't quite do it. Thanks for the attempt though. I messed  
> around with it a little more, and if you look at it now, you'll see  
> that it looks a little better, but still not how it should be. Again,  
> look at it in FF to see how it is supposed to look. IE is having some  
> padding/margin issues or something.
> 
> Thanks,
> Daniel

The padding issues seen in IE is due to your alternative IE stylesheet.

#navmenu li a {
line-height: 22px;
padding: 4px 10px 4px 0px; /* IE uses this padding */
display: inline; /* possibly not needed */
}

-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] nav displaying incorrectly in IE

2009-03-05 Thread Daniel Hammond

> Daniel Hammond wrote:
>>> Daniel Hammond wrote:
>>>
 URL: http://www.studentremix.org
 The top navigation (Middle School, High School, Parents)  
 displays   correctly in FF, Safari, and Opera, but IE really  
 messes it up.

>>>
>> Again,  look at it in FF to see how it is supposed to look. IE is  
>> having some  padding/margin issues or something.
>>
>> Thanks,
>> Daniel
>>
>
>
> It may look as it is supposed to in FF but +1 font-scaling breaks  
> the layout. Would it help to do just a very simple test case with  
> just the nav in question (isolating it) on a clean sheet with the  
> styles embedded in the head of the document? Might make it easier to  
> de-bug. Are you trying to hit IE/6, too?


IE6 would be nice, but if we get it working in IE7, and IE6 still  
requires a good bit of debugging, then I won't worry about it too  
much. I can work on isolating it on its own page. Let me know if you  
come across any solutions until then, though.

Thanks much,
Daniel
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css-d Digest, Vol 76, Issue 5

2009-03-05 Thread peter . twiggs


I am currently out of the office and will return on Monday the 9th of March.
If you have any urgent queries please contact Steve Lee on 0113 391 2929.

Regards
Peter


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] nav displaying incorrectly in IE

2009-03-05 Thread David Laakso

Daniel Hammond wrote:
>> Daniel Hammond wrote:
>> 
>>> URL: http://www.studentremix.org
>>> The top navigation (Middle School, High School, Parents) displays   
>>> correctly in FF, Safari, and Opera, but IE really messes it up.
>>>   
>>
> Again,  
> look at it in FF to see how it is supposed to look. IE is having some  
> padding/margin issues or something.
>
> Thanks,
> Daniel
>   

It may look as it is supposed to in FF but +1 font-scaling breaks the 
layout. Would it help to do just a very simple test case with just the 
nav in question (isolating it) on a clean sheet with the styles embedded 
in the head of the document? Might make it easier to de-bug. Are you 
trying to hit IE/6, too?

-- 

A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] nav displaying incorrectly in IE

2009-03-05 Thread Daniel Hammond

> Daniel Hammond wrote:
>> URL: http://www.studentremix.org
>> The top navigation (Middle School, High School, Parents) displays   
>> correctly in FF, Safari, and Opera, but IE really messes it up.
>
> Internet Explorer doesn't support display:inline-block.
>
> Changing this rule should help:
> #navmenu li {
>   display: inline-block;
>   display: inline !ie; zoom:1 !ie;/* << inline-block for IE */
>   height: 63px;
>   line-height: 63px;
>   margin: 0 0 0 14px;
>   padding: 0px;
>   vertical-align: bottom; /* << might also need this */
> }
>
> Hope it helps.
> --Bill

That didn't quite do it. Thanks for the attempt though. I messed  
around with it a little more, and if you look at it now, you'll see  
that it looks a little better, but still not how it should be. Again,  
look at it in FF to see how it is supposed to look. IE is having some  
padding/margin issues or something.

Thanks,
Daniel
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can't eliminate border on linked images

2009-03-05 Thread Seona Bellamy

2009/3/6 Kim Brooks Wei 

> Hi People,
>
> I added a link to the fotos in my #sitenav. Now there's a blue border
> around the foto-links but I can't seem to find what's causing it.
>
> See border here:
> http://thewei.com/sandbox/scenter/
>
> No border here (but fotos aren't links, either)
> http://thewei.com/sandbox/scenter/about.php
>
> Please help me find the border in my code. Thanks as always . . .
>
>
This will remove the borders from any images you may have linked anywhere in
your site:

a img { border: none; }

If you want to make it specific to just the sitenav links, then change it
to:

#sitenav a img { border: none; }

I find it's more useful to take it off everything, though, since I almost
never want it. :)

Cheers,

Seona.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Can't eliminate border on linked images

2009-03-05 Thread Kim Brooks Wei

Hi People,

I added a link to the fotos in my #sitenav. Now there's a blue border 
around the foto-links but I can't seem to find what's causing it.

See border here:
http://thewei.com/sandbox/scenter/

No border here (but fotos aren't links, either)
http://thewei.com/sandbox/scenter/about.php

Please help me find the border in my code. Thanks as always . . .

Kimi

-- 
This email sent by
Kimi Wei
201-475-1854  |  k...@thewei.com  |  thewei.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Element alignment.

2009-03-05 Thread David Laakso

bruce.som...@web.de wrote:
> I would appreciate it, if someone would look at 
> http://www.maireadnesbitt.com/initial.html
>
> The page has three columns: leftcontent, centercontent and rightcontent. Why 
> does the centercontent not begin at the top of the window?
>
> centercontent has no top margin, while rightcontent has a top margin of 25 
> px. Why do they line up vertically, nonetheless?
>
> There are 3 characters, ï»¿ , at the top left of the window, whose origin 
> escapes me. They are not found anywhere in the HTML-file. Has anyone seen 
> such an occurence?
>
> Thanks for any tips.
>
> Bruce
>   




The bom can be seen in FF at the left rail just beneath the top chrome. 
Get rid of it and delete the margin-top of 10px on the body declaration 
and the center panel will kiss the bottom of the top chrome. It would be 
a good idea to validate.




-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Element alignment.

2009-03-05 Thread Els

bruce.som...@web.de wrote on Friday, March 6, 2009:

> > Von: "Els" 

> > bruce.som...@web.de wrote:
> > 
> > > http://www.maireadnesbitt.com/initial.html
> > >
> > > The page has three columns: leftcontent, centercontent and
> > > rightcontent. Why does the centercontent not begin at the top
> > > of the window?
> > 
> > Because of there being 'things' before the columns inside the
> >  element.
> > 
> > > centercontent has no top margin, while rightcontent has a top
> > > margin of 25 px. Why do they line up vertically, nonetheless?
> > 
> > The top margin of the right content is overlapping the space that
> > is caused by said 'things'.
> > 
> > > There are 3 characters, ï»¿ , at the top left of the window,
> > > whose origin escapes me. They are not found anywhere in the
> > > HTML-file. Has anyone seen such an occurence?
> > 
> > That is something called "UTF-8 BOM". Your editor puts it in
> > there I think. Choose an editor that doesn't add it, or one where
> > you can choose to add or not add it. Personally I use TextPad
> > (only on Windows), which has a tickbox for it, which I untick.
> > 
> > The second thing that probably takes up space above your columns,
> > is your  element. This belongs inside the  of your
> > document, not in the .
> 
> What sort of 'things' can be within the body-element before the
> columms? From where?

Thing 1: the UTF-8 BOM
Thing 2: the style element.
> 
> The style-element IS contained within the head-element:
> 
>  ...