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>
...
Regards,
Kepler Gelotte
http://www.neighborwebmaster.com
-----Original Message-----
From: [email protected] [mailto:[EMAIL PROTECTED]
On Behalf Of Sarah Peeke (XERT)
Sent: Monday, February 19, 2007 11:43 PM
To: WSG
Subject: [WSG] Opera 9.10 Margin
One more query please:
Can anyone please explain why in Opera 9.10 (both WIN XP and Mac OSX)
that the first navigation list element sits a pixel lower than the
others.
They all line up perfectly in other browsers (despite the icon in the
first link).
URL: <http://www.xert.com.au/mytest/>
CSS: <http://www.xert.com.au/mytest/mytest.css>
Many thanks folks...
--
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]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
