Comunidad de diseño web y desarrollo en internet online

Problema con padding del menu <ul> <li> en firefox y Opera

Citar            
MensajeEscrito el 04 Jun 2008 01:42 am
Hola a todos espero que me puedan ayudar con esto.

Estoy construllendo una pagina xhtml + css validandola a cada rato y va perfecta solo tengo un problemita con exploradores como firefox y opera especificamente con la barra de navegacion, en estos dos navegadores el padding left del menu se me duplica expreso el codigo xhtml y luego el css para que lo vean.

Este es el xhtml

Código :

<div id=\"menu\">
 <ul> 
 <li><a href=\"#\" class=\"selected\">Inicio</a></li>
 <li><a href=\"#\">Trabajos</a></li>
 <li><a href=\"#\">Curriculum</a></li>
 <li><a href=\"#\">Contacto</a></li>
 </ul>
 </div>


y este es el Css

Código :

#menu {
   background-color: #669900;
   margin: 0px;
   float: left;
   height: 25px;
   width: 760px;
   padding-left: 20px;
   padding-top: 10px;
   padding-bottom: 0px;
}
ul {
   margin: 0px;
   float: left;
   list-style-type: none;
}
li {
   float: left;
   margin-right: 10px;
   margin-left: 0px;
}
li a {
   display:block;
   color:#003300;
   width:100px;
   text-decoration:none;
   font-weight:bold;
   background-image: url(imagenes/menu1.png);
   background-repeat: repeat-x;
   background-position: top;
   text-align: left;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 20px;
}
li a:hover {
   color: #D3FFA8;
   background-image: url(imagenes/menu2.png);
   background-repeat: repeat-x;
   background-position: top;
}
.selected {
   color: #D3FFA8;
   background-image: url(imagenes/menu2.png);
}


Espero haber sido claro, y si me pueden ayudar desde ya muchas gracias :crap:

Por godzuky

15 de clabLevel



Genero:Masculino  

buenos aires, argentina

firefox
Citar            
MensajeEscrito el 04 Jun 2008 02:09 am
Sólo por curiosidad:
¿has reiniciado en el CSS los valores de padding/margin?
Si no, prueba con:
*{margin:0px;padding:0px;}
y luego reconfigura a los valores que desees.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 04 Jun 2008 02:55 am
Muchas gracias rizome :D

Puse todo en cero como dijiste y lo reconfigure nuevamente y esta vez funciona como lo diseñe y en todos los navegadores.

en dos horas de lucha con el codigo nunca pense en resetear los valores y empezar desde arriba. borren el post me da verguenza jajaja , igualmente recien ayer arranque con el css con varios tutos de critalab y no me esta llendo mal solo tuve esta traba.

muchas gracias otra vez :wink:

Pd: esta comunidad es la mejor de diseño web de habla hispana

Por godzuky

15 de clabLevel



Genero:Masculino  

buenos aires, argentina

firefox
Citar            
MensajeEscrito el 04 Jun 2008 10:18 am
El reseteo del CSS es algo básico desde que existen diferentes navegadores... ;)
Busca por google, y verás que hay resets muchísimo más completos, pues el que te puse, es sólo una pequeñíiiiiiiisima muestra de lo recomendado (extraída sólo para tu problema particular)
Ej: Reset más completo.
Te ahorrará muchos apuros el usarlo siempre antes de nada. Ya verás.



Bienvenido.

PD: me encanta tu avatar.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.