Problemas con la hoja de estilos, 2º leccion, menú li

tali · 13 Abr 2010, 11:24 · Solicitar retirada

Hola! espero haber especificado medianamente bien el asunto. Voy por la leccion 2, rellenando y modificando el menú y cuando quiero quitar los puntos que salen al hacer la lista con li y escribo lo que decis # menu li{list-style:none} en la hoja de estilos, ahi siguen los puntitos. Ya me paso en la primera leccion con el reborde para enviar e-mail, el reborde seguia ahí, eso si, en otro color. Por lo visto, el none me ignora, alguna idea de que puedo estar haciendo mal? lo he repasado y se me escapa. Por cierto,las lecciones estan muy bien explicadas y tienen un puntito "salao" que resulta muy agradable. Bueno, espero vuestra ayuda, gracias. Un saludo

Yaneth · 13 Abr 2010, 16:19 · Solicitar retirada

hola

para ayudarte ahora y en el futuro, debes mostrarnos lo que tienes

url de tu pàgina web
o bien los codigos completos de html y css

saludos

tali · 14 Abr 2010, 10:50 · Solicitar retirada

Cierto, perdón. Espero que esto valga. Es lo que tengo referente a la 2ª lección.Un saludo

Plantilla HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion"> Barra de Navegacion</div>
<div id="contenido"><div id="menu"><ul>

<a href="#" Enlace 2

<a href="#"Enlace 3</a></div> Esta sera la zona principal de la Web</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>

Estilo-general.css:

body{text-align:center}
#global{width:800px;margin:4px auto}
#cabecera{background-color:pink}
#navegacion{background-color:gray}
#contenido{background-color:orange;width:800px;float:left}
#menu{background-color:yellow;width:150px;float:left}
#pie{background-color:brown}
#menu li{list-sytle:none}

Raulyure · 14 Abr 2010, 13:55 · Solicitar retirada

tali escribió:Cierto, perdón. Espero que esto valga. Es lo que tengo referente a la 2ª lección.Un saludo

Plantilla HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion"> Barra de Navegacion</div>
<div id="contenido"><div id="menu"><ul>

<a href="#" Enlace 2
<a href="#"Enlace 3</a></div> Esta sera la zona principal de la Web</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>

Estilo-general.css:

body{text-align:center}
#global{width:800px;margin:4px auto}
#cabecera{background-color:pink}
#navegacion{background-color:gray}
#contenido{background-color:orange;width:800px;float:left}
#menu{background-color:yellow;width:150px;float:left}
#pie{background-color:brown}
#menu li{list-sytle:none}

hola:
A lo mejor lo que tiene que poner en su hoja de estilo es #menu li{list-style:none}

Y no #menu li{list-sytle:none}

Saludos

josesd · 14 Abr 2010, 17:33 · Solicitar retirada

el error es este:

#menu li{list-sytle:none}

es asi:

#menu li{list-style:none}

tali · 14 Abr 2010, 19:08 · Solicitar retirada

Gracias, se me ha quedado cara de tonta, menudo error mas estupido, la proxima vez me fijaré en como escribo las cosas, todo corregido y logicamente, funciona. Gracias :oops: