Hi Kepler,

Many thanks for your reply.

However I already have a background image on the <li> elements (the
vertical pipe separating each link), and I have not found a way to add
this extra image as a background the the first element.

Do you have any suggestions please?

> Hi Sarah,
> 
> The problem appears to be the <img> tag you have embedded in the first 
> list
> item. The img has a height of 12px and is enlarging the list item 
> containing
> Home. 
> 
> A better solution would be to remove the img tag from the first list 
> item
> and use a background URL instead:
> 
> In mytest.css:
>   #footer li.first { padding-left: 15px; background: url('home.gif')
> no-repeat; }
> 
> In index.html:
>   <div id="footer">
>       <h2 class="structurallabel">Footer Navigation</h2>
>       <ul>
>           <li class="first"><a href="/mytest/">Home</a></li>
>           <li id="subhere">About</li>
> ....
-- 
XERT Communications
email: <[EMAIL PROTECTED]>
mobile: 0438 017 416

<http://www.xert.com.au/>
web development : digital imaging : dvd production


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to