You could possibly use a dotted border instead of an image for the
vertical pipe, but the one pixel issue is a Opera bug as it works
correctly in our public builds of Opera 9.2. Development is wrapping
up shortly on 9.2, so it should be out soon. you can test the page
using this build by downloading the weekly at http://my.opera.com/
desktopteam/blog/
Thanks,
David Storey
Chief Web Opener
Opera Software ASA
On 20 Feb 2007, at 10:09, Sarah Peeke (XERT) wrote:
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]
*******************************************************************
David Storey
Chief Web Opener
Opera Software
Oslo, Norway
W: http://my.opera.com/dstorey
✉ : [EMAIL PROTECTED]
✆ : +47 24 16 42 26
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
