Re: [css-d] site test please
Daniel Hammond wrote: > URL: http://www.northsidecreativeservices.org/design.htm > CSS: http://www.northsidecreativeservices.org/cs.css > > Could someone please test the above URL in IE6 and IE7? I heard that > someone was looking at the site, and the top nav (blog, design > services, banners & signs, production) was stacked vertically rather > than in line horizontally. I tested it in IE8, Chrome, Opera, Safari, > and FF (Mac and Win), and they all display it correctly (in line > horizontally). > > browsershots.org wasn't working with this URL for some reason. > > Thanks, > Daniel Hammond > Try changing all instances in #nav from: display: inline-block; to: display: inline; __ 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] site test please
Daniel Hammond wrote:
> David Laakso wrote:
>
>> Daniel Hammond wrote:
>>> URL: http://www.northsidecreativeservices.org/design.htm
>>> CSS: http://www.northsidecreativeservices.org/cs.css
>>>
>>> Could someone please test the above URL in IE6 and IE7? I heard
>>> that someone was looking at the site, and the top nav (blog,
>>> design services, banners & signs, production) was stacked
>>> vertically rather than in line horizontally. I tested it in IE8,
>>> Chrome, Opera, Safari, and FF (Mac and Win), and they all display
>>> it correctly (in line horizontally).
>>>
>>> browsershots.org wasn't working with this URL for some reason.
>>>
>>> Thanks,
>>> Daniel Hammond
>>>
>>
>>
>> Try changing all instances in #nav
>> from:
>> display: inline-block;
>> to:
>> display: inline;
>
> That fixed the initial problem, but it also messed with the height of
> the nav. It appears that "line-height" no longer affects it. The nav
> also no longer touches the top of the white area as it's supposed to.
>
> Daniel
>
On this end IE 6/7/8 are nearly identical.
The only difference is IE 6 and IE 7 have aprox +1px white space above
the border. Tweak the line-height: use a unit-less (raw) number. 1.68
not 1.68px, for example.
This filter targets IE 6 and below
* html {}
This filter targets IE 7 only
*:first-child+html {}
__
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] site test please
David Laakso wrote: > Daniel Hammond wrote: >> URL: http://www.northsidecreativeservices.org/design.htm >> CSS: http://www.northsidecreativeservices.org/cs.css >> >> Could someone please test the above URL in IE6 and IE7? I heard >> that someone was looking at the site, and the top nav (blog, >> design services, banners & signs, production) was stacked >> vertically rather than in line horizontally. I tested it in IE8, >> Chrome, Opera, Safari, and FF (Mac and Win), and they all display >> it correctly (in line horizontally). >> >> browsershots.org wasn't working with this URL for some reason. >> >> Thanks, >> Daniel Hammond >> > > > Try changing all instances in #nav > from: > display: inline-block; > to: > display: inline; That fixed the initial problem, but it also messed with the height of the nav. It appears that "line-height" no longer affects it. The nav also no longer touches the top of the white area as it's supposed to. 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] site test please
Your problem is that IE 6 and 7 don't have support for inline-block. (Neither does FF2, since it was still -moz-inline-block then). I believe that the work around (in IE) is to give the element hasLayout, and a display: inline instead, but I don't have much experience with that, so I'll leave it to more experienced people on the list. ---Tim __ 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] site test please
It's vertical in FF2 as well...I'll look at it a bit later and see if I can see why __ 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] site test please
URL: http://www.northsidecreativeservices.org/design.htm CSS: http://www.northsidecreativeservices.org/cs.css Could someone please test the above URL in IE6 and IE7? I heard that someone was looking at the site, and the top nav (blog, design services, banners & signs, production) was stacked vertically rather than in line horizontally. I tested it in IE8, Chrome, Opera, Safari, and FF (Mac and Win), and they all display it correctly (in line horizontally). browsershots.org wasn't working with this URL for some reason. Thanks, Daniel Hammond __ 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] styling tables
Hi everyone! I have to build a table that has rounded corners on the top. Does anyone have any good info on styling tables? I tried putting a background image for one corner on the and a repeating image on the 's but the image was being hidden. Any help would be great! Thanks, Jeff __ 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] missing background repeat image in IE
On 10/09/2009, at 9:50 PM, Chris Blake wrote:
> Hi,
>
> http://forge.redrunner.co.uk/node/3?q=node/1
>
> I have had reports that the background image that repeats down the
> Navigation UL is not showing up in Internet Explorer.
It's usually a good idea to specify which version of Internet Explorer
you are referring to. They are all awful. Just increasingly less awful.
> It seems to be
> working fine in FF and Safari so my guess is need some workaround to
> get it to work in IE. Have you got any ideas how I can do this?
#navlist need 'layout' (http://www.satzansatz.de/cssd/onhavinglayout.html
). Understanding this is crucial to forcing IE to do something sensible.
There are a number of ways of giving an element layout. One is...
#navlist { zoom: 1; } /* proprietary MS CSS. Only useful for giving
the element layout! */
Cheers, Tim
__
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] missing background repeat image in IE
Hi,
http://forge.redrunner.co.uk/node/3?q=node/1
I have had reports that the background image that repeats down the
Navigation UL is not showing up in Internet Explorer. It seems to be
working fine in FF and Safari so my guess is need some workaround to
get it to work in IE. Have you got any ideas how I can do this?
I won't put conditional comments in my CSS this time! But seeing as
the HTML is created by Drupal, I can only add the work-around into the
main content div.
Here is the CSS for the menu:
/*CHRIS NEW SIDEBAR NAV*/
#navcontainer { background-image: url(/img/navtop.jpg);
background-position: top right;
background-repeat: no-repeat;
width: 199px;
margin: 0 0 0 10px;
padding: 37px 0px 0px 0px;
}
#navcontainer h4{
background-image: url(/img/navrunner.jpg);
background-repeat: repeat-y;
margin: 0px;
padding: 5px 0px 4px 5px;
text-align: left;
color: #94D100;
font-size: 2em;
}
#navcontainer #sbbttm{
background-image: url(/img/navbttm.jpg);
height:18px;
width: 199px;
background-repeat: no-repeat;
}
#navcontainer ul
{
background-image: url(/img/navlinkrunner.jpg);
background-repeat: repeat-y;
margin-left: 0px;
padding: 0px 0 0 5px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
list-style-image: none;
}
#navcontainer a
{
display: block;
padding: 0px;
padding-left: 10px;
padding-top: 5px;
width: 180px;
height: 20px;
border-top: 2px solid #D7E697;
color: white;
text-decoration: none;
background-color:#b2d233;
}
#navcontainer a:hover
{
background-color: #00653F;
color: white;
}
__
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/
