[WSG] Navigation menu problem
Hi All,
Im having a problem getting a menu to look right in IE6, it can be found at
http://darkvirus.homeip.net/~darkness/h2/new/
IE7 and FF seem fine but IE6 seems to put a margin under each link and I
cant seem to get rid of it (IE8 only seem to change the background colour
when the mouse is over the text or border which I put on earlier).
To save you looking through the source the relevant css is
#nav
{
float: left;
width: 195px;
margin: 0 0 10px 0;
text-align: center;
}
#nav ul
{
list-style-type: none;
padding: 0;
margin: 10px auto;
background: #f2edf6;
width: 175px;
border: 1px solid #7d50a6;
text-align: left;
}
#nav li
{
font-size: 13px;
padding: 0;
margin: 0;
}
#nav li a
{
display: block;
padding: 5px;
text-decoration: none;
font-weight: bold;
color: #7d50a6;
background: #f2edf6;
margin: 0;
}
#nav li a:hover
{
text-decoration: underline;
background: #dccce9;
}
PS. Any general comments or recommendations on the site are greatly welcome.
Thanks
Kevin
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Navigation menu problem
hello,
Study this one http://www.brunildo.org/test/IEWlispace.phpThere are a lot of
combinations, fast dirty hack would be to give li's hasLayout
li{zoom:1}
On Fri, Mar 7, 2008 at 11:50 PM, Kevin Arrowsmith
[EMAIL PROTECTED] wrote:
Hi All,
Im having a problem getting a menu to look right in IE6, it can be found
at http://darkvirus.homeip.net/~darkness/h2/new/
IE7 and FF seem fine but IE6 seems to put a margin under each link and I
cant seem to get rid of it (IE8 only seem to change the background colour
when the mouse is over the text or border which I put on earlier).
To save you looking through the source the relevant css is
#nav
{
float: left;
width: 195px;
margin: 0 0 10px 0;
text-align: center;
}
#nav ul
{
list-style-type: none;
padding: 0;
margin: 10px auto;
background: #f2edf6;
width: 175px;
border: 1px solid #7d50a6;
text-align: left;
}
#nav li
{
font-size: 13px;
padding: 0;
margin: 0;
}
#nav li a
{
display: block;
padding: 5px;
text-decoration: none;
font-weight: bold;
color: #7d50a6;
background: #f2edf6;
margin: 0;
}
#nav li a:hover
{
text-decoration: underline;
background: #dccce9;
}
PS. Any general comments or recommendations on the site are greatly
welcome.
Thanks
Kevin
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
С уважением,
Юрий akella Артюх,
UA WEB http://uaweb.in.ua,
http://cssing.org.ua
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Navigation menu problem
Heloo there,
Try this:
* html #nav li a {
height: 1%;
}
I guess this can do the trick.
Best Regards,
Luiz Gustavo Aleagi Nunes
-
Nosce te ipsum
-
http://sapiensdc.com.br
On Fri, Mar 7, 2008 at 6:50 PM, Kevin Arrowsmith
[EMAIL PROTECTED] wrote:
Hi All,
Im having a problem getting a menu to look right in IE6, it can be found at
http://darkvirus.homeip.net/~darkness/h2/new/
IE7 and FF seem fine but IE6 seems to put a margin under each link and I
cant seem to get rid of it (IE8 only seem to change the background colour
when the mouse is over the text or border which I put on earlier).
To save you looking through the source the relevant css is
#nav
{
float: left;
width: 195px;
margin: 0 0 10px 0;
text-align: center;
}
#nav ul
{
list-style-type: none;
padding: 0;
margin: 10px auto;
background: #f2edf6;
width: 175px;
border: 1px solid #7d50a6;
text-align: left;
}
#nav li
{
font-size: 13px;
padding: 0;
margin: 0;
}
#nav li a
{
display: block;
padding: 5px;
text-decoration: none;
font-weight: bold;
color: #7d50a6;
background: #f2edf6;
margin: 0;
}
#nav li a:hover
{
text-decoration: underline;
background: #dccce9;
}
PS. Any general comments or recommendations on the site are greatly welcome.
Thanks
Kevin
***
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]
***
RE: [WSG] Navigation menu problem
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Kevin Arrowsmith
Sent: Friday, March 07, 2008 1:50 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Navigation menu problem
Hi All,
Im having a problem getting a menu to look right in IE6, it can be found
at http://darkvirus.homeip.net/~darkness/h2/new/
IE7 and FF seem fine but IE6 seems to put a margin under each link and I
cant seem to get rid of it (IE8 only seem to change the background colour
when the mouse is over the text or border which I put on earlier).
For ie8 try this:
/*/ #nav a {position:relative;} /**/
--
Regards,
Thierry | http://www.TJKDesign.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Navigation menu problem
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Thierry Koblentz
Sent: 07 March 2008 22:32
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Navigation menu problem
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Kevin Arrowsmith
Sent: Friday, March 07, 2008 1:50 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Navigation menu problem
Hi All,
Im having a problem getting a menu to look right in IE6, it can be found
at http://darkvirus.homeip.net/~darkness/h2/new/
IE7 and FF seem fine but IE6 seems to put a margin under each link and I
cant seem to get rid of it (IE8 only seem to change the background colour
when the mouse is over the text or border which I put on earlier).
For ie8 try this:
/*/ #nav a {position:relative;} /**/
--
Regards,
Thierry | http://www.TJKDesign.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Thanks guys,
* html #nav li a {
height: 1%;
}
Solved the IE6 problem and /*/ #nav a {position:relative;} /**/ fixed the
IE8 problem
Thanks
Kevin
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Navigation menu problem
/*/ #nav a {position:relative;} /**/
Thierry, will this be seen only by IE8?
8 марта 2008, в 00:31, Thierry Koblentz написал(а):
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On
Behalf Of Kevin Arrowsmith
Sent: Friday, March 07, 2008 1:50 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Navigation menu problem
Hi All,
Im having a problem getting a menu to look right in IE6, it can be
found
at http://darkvirus.homeip.net/~darkness/h2/new/
IE7 and FF seem fine but IE6 seems to put a margin under each link
and I
cant seem to get rid of it (IE8 only seem to change the background
colour
when the mouse is over the text or border which I put on earlier).
For ie8 try this:
/*/ #nav a {position:relative;} /**/
--
Regards,
Thierry | http://www.TJKDesign.com
***
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]
***
RE: [WSG] Navigation menu problem
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of ?
Sent: Friday, March 07, 2008 3:22 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Navigation menu problem
/*/ #nav a {position:relative;} /**/
Thierry, will this be seen only by IE8?
It should, but we should also expect to see that parsing bug fixed in a
future release.
Let's hope MS fixes the real issue before that bug so we have a filter in
the mean time...
--
Regards,
Thierry | http://www.TJKDesign.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
