|
|
Posted by BootNic on 11/04/06 15:58
> patrick j <patrick@jamesnews.orangehome.co.uk> wrote:
> news: 0001HW.C172466800BC95B6B019F94F@News.Individual.Net
> Hi
>
> I've just discovered that IE 7 messes up horizontal lists.
>
> I've done a bit of searching the web but a solution has not sprung
> forth from this searching.
>
> Below is a url with a horizontal list:
>
> <http://css.maxdesign.com.au/index.htm>
>
> With IE 7 all looks very well at 100% but increase the zoom to 125% or
> 150% then all the text in the list crushes together but the positions
> of the links seem to remain in scale with the zooming. What you have
> is a jolly mess :(
>
> I'm wondering if there are any horizontal list experts who know of a
> solution to this one?
zoom:100%;
padding:0 0.3em;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content=
"text/html; charset=windows-1252">
<title></title>
<style type="text/css">
#nav {
margin: 0;
padding: 0;
}
#nav li {
background-color: #ffe;
display: inline;
margin: 0 0.3em;
padding: 0 0.3em;
}
#nav li:hover {
background-color: #fcc;
}
#nav, #nav li {
list-style: none;
}
</style>
<!--[if IE 7]>
<style type="text/css">
#nav li {
padding: 0 0.3em;
}
#nav, #nav li {
zoom: 100%;
}
</style>
<![endif]-->
</head>
<body>
<ul id="nav">
<li><a href="/listamatic/">Listamatic</a></li>
<li><a href="/listamatic2/">Listamatic2</a></li>
<li><a href="/listutorial/">Listutorial</a></li>
<li><a href="/floatutorial/">Floatutorial</a></li>
<li><a href="/selectutorial/">Selectutorial</a></li>
<li><a href="http://www.maxdesign.com.au/book/">Book</a></li>
</ul>
</body>
</html>
--
BootNic Saturday, November 04, 2006 10:57 AM
Nothing is stronger than habit.
*Ovid*
Navigation:
[Reply to this message]
|