>  Your approach is complicating the matters for you. You should be using
>  background images instead of putting presentational images right into
>  the markup. Instead of having:
>
>  <div><img width="32" height="30" class="image" title="Image"
>  alt="windows logo" src="/images/windows-logo.gif"/>
>  <a class="title" href="/windows/">ASP.NET 3.5 Hosting</a></div>
>
>  you could have:
>
>  <h4><a class="title" href="/windows/">ASP.NET 3.5 Hosting</a></h4>
>
>  and have the following in the CSS:
>
>  h4 {
>  background: transparent url("/images/windows-logo.gif") no-repeat center 
> center;
>  }
>
>  This is the minimal code needed, but of course you could play on the
>  CSS as much as you wish to get the needed effect with precise detail
>  level.
>
>  Usamah
>

I'm sorry; I forgot to declare the left padding on the level 4 heading:

h4 {
background: transparent url("/images/windows-logo.gif") no-repeat center center;
padding-left: 42px;
 }

Just ditch the floating altogether. It's not needed.

Usamah
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Reply via email to