Posted by dalyea@gmail.com on 08/23/07 03:31

This will probably be super easy for some of you CSS pros, but I can't
figure it out
at the moment. I'm going off the definition "floated text is relative
to the block element
containing it" but not having much luck on that front.

The page in question is:

http://www.skicandy.com/

and it's the header graphic and text that I can't figure out. The
header is:

<div id="logo1">
<div id="logo1t">Search our database of 75,000 ski products to find
the best pri
ces on skis, boots, bindings, poles, clothing and all your skiing
needs!</div>
<div id="logo1w">We search the web to find great ski deals for you!</
div>
</div>

and the CSS in the referenced css file is:

div#logo1 {
width: 971px;
height: 134px;
text-align: center;
align: center;
background-attachment: fixed;
background-image: url(/images/logo-971-1.gif);
background-alt: "Ski Search Engine";
background-repeat: no-repeat;
background-position: center top;
}

div#logo1t {
color: #000;
width: 375px;
font-family: "Trebuchet MS", Arial;
font-size: 12px;
font-weight: normal;
line-height: 14px;
position: relative;
top: 48px;
left: 115px;
}

div#logo1w {
color: #6b2a5a;
width: 375px;
font-family: "Trebuchet MS", Arial;
font-size: 14px;
font-weight: bold;
position: relative;
top: 53px;
left: 135px;
}

Thanks in advance!
David

• Next in forum: Re: How best to highlight an an item...
• Prev in forum: Re: How best to highlight an an item...
• Thread view: CSS problem - ok in IE, not in Firefox

[Reply to this message]