Hi,
I have the following testing page:
In mozilla/netscape it display good (no problem..) but IE6 center the options and they are not showed as I need (bottom border of options must be in the same line as bottom of line). IE5 (not 5.5, not tested yet) not even show the borders of options.
What am I doing wrong?
Thanks in advance.
I have the following testing page:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html>
<head>
<title>Ejemplo</title>
<style>
body { margin: 0px;
padding: 0px;
font-size: 0.75em;
font-family: arial,sans-serif,verdana;
color: #000;
text-align: justify;
}
img { vertical-align: middle}
#menu { line-height: 24px;
height: 23px;
padding: 0px;
padding-top: 6px;
width: 100%;
margin: 0px;
background-color: #EEF4FF;
border-bottom: 1px solid #000;
}
#opcion { border: 1px solid #000;
padding: 2px 5px 4px 5px;
background-color: transparent;
}
#menu li {
padding-bottom: 0px;
margin: 0;
border: 1px solid #000;
padding: 2px 5px 4px 5px;
display: inline;
list-style-type: none;
}
</style>
</head>
<body>
<div id="menu"><nobr>
<span id="opcion"><img src="home_small.png" width=12> Inicio</span>
<span id="opcion"><img src="person.gif" width=12> Contactos</span>
<span id="opcion"><img src="pubfile.gif" width=12> Gabinete</span>
<span id="opcion"><img src="todo.gif" width=12> Tareas</span>
<span id="opcion"><img src="project_s.gif" width=12> Proyectos</span>
</div>
<ul id="menu">
<li><img src="home_small.png" width=12> Inicio</li>
<li><img src="person.gif" width=12> Contactos</li>
<li><img src="pubfile.gif" width=12> Gabinete</li>
<li><img src="todo.gif" width=12> Tareas</li>
<li><img src="project_s.gif" width=12> Proyectos</li>
</ul>
<ul id="menu">
<li><img src="home_small.png" width=12> Inicio</li>
<li><img src="person.gif" width=12> Contactos</li>
<li><img src="pubfile.gif" width=12> Gabinete</li>
<li><img src="todo.gif" width=12> Tareas</li>
<li><img src="project_s.gif" width=12> Proyectos</li>
</ul>
</body>
</html>
In mozilla/netscape it display good (no problem..) but IE6 center the options and they are not showed as I need (bottom border of options must be in the same line as bottom of line). IE5 (not 5.5, not tested yet) not even show the borders of options.
What am I doing wrong?
Thanks in advance.