Programación Web y Scripting > CSS / SASS / LESS

 Problema con menu en CSS

(1/1)

Ryusaki N:
Hola a todos, bueno pues la verdad es que tengo un problema con un menu que estoy haciendo a base de una lista.  Para no confundirlos les dejo parte del codigo en HTML y en CSS:

HTML:

--- Código: Text ---<div align="center" class="nav">                     <ul class="nav">                         <li id="nav-child"><a id="nav a"  href="#" onclick="">Texto1</a></li>                         <li id="nav-child"><a  id="nav a" href="#" onclick="">Texto2</a></li>                         <li id="nav-child"><a  id="nav a" href="#" onclick="">Texto3</a></li>                         <li id="nav-child"><a  id="nav a" href="#" onclick="">Texto4</a></li>                     </ul>                </div> CSS:

--- Código: Text ---.nav{  background-color: #000000;  list-style: none;  list-style-image: none;  list-style-type: none;} #nav-child{   border: 1px solid;   border-color: #000000;   margin-right: 1cm;   text-decoration: none;   color: #FFFF99;   float: left;} #nav a{   color: #FFFF99;   font-weight: bold;   text-align: center;   text-decoration: none;}  
Solo quedan los rectangulos marcados (Bordes) y los links no salen como lo especifico en el id #nav a. Me podrian dar una mano?

zeickan:
Me voy a tomar la libertad de modificarlo un poco que a mi gusto te ahorra muchas clases definidas si siempre vas a usar lo mismo.



--- Código: Text ---<div align="center" class="nav">                     <ul>                         <li><a  href="#" onclick="">Texto1</a></li>                         <li><a  href="#" onclick="">Texto2</a></li>                         <li><a  href="#" onclick="">Texto3</a></li>                         <li><a  href="#" onclick="">Texto4</a></li>                     </ul></div> 

--- Código: Text --- .nav { background-color: #000000; }.nav ul {  list-style: none; }.nav li { border: 1px solid #000;   //border: 0px solid #000; (no entendi si no querias borde XD)   margin-right: 1cm;   text-decoration: none;   color: #FFFF99;   float: left;}.nav a {color: #FFFF99;   font-weight: bold;   text-align: center;   text-decoration: none; }  
Lo unico que defines es el class del div y despues heredas propiedades a distintas etiquetas dentro del div que tiene la clase nav

Suerte

¿¿¿(Que necesito para tener permisos de enlaces? XD)???

Ryusaki N:
Gracias de nuevo jeje, esta es la segunda vez que respondes a una de mis preguntas, ahi lo voy a probar.  Y que quieres decir con enlaces? enlaces en el foro?

zeickan:
No hay problema ayudo por gusto :)

Si, es que luego quiero poner enlaces a tutoriales y eso; y el foro me dice que soy "nuevo novato" y que no tengo permiso para hacer spam... digo para publicar enlaces XD

Ryusaki N:
LOL. Yo tambien soy nuevo y me dice lo mismo. Ni siquiera puedo poner la firma que diseñe. Al parecer hay que seguir posteando para que los moderadores nos den esos derechos... No estoy muy de acuerdo... <_<

Navegación

[0] Índice de Mensajes