los enlaces no acen caso

el_pickti · 8 Dic 2010, 23:01 · Solicitar retirada

hola, lo primero es dar mis agradecimientos a CCTW por que me a ayudado mucho, y esta todo muy bien explicado.
ahora comento mi problema,
en el curso paso a paso no tuve ningún problema todo iba perfecto, estaba muy entusiasmado, entonces pensando que ya sabría crear mi propia web empece con ello, y resulta que por el momento iba todo bien. pero me encuentro con el siguiente obstáculo, resulta que los enlaces del menú horizontal "en parte" no hacen caso a la hoja de estilos pues hacen todo lo que esta dice excepto el text-decoration:none, ya que salen con el puntito a la izquierda....
le he dado mil vueltas pero no encuentro la solución, espero que alguien me pueda ayudar.

---- aquí el código html -----

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>plantilla</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<div>[contenido no disponible]</div>
<div id="cabecera">
<div id="publi">[contenido no disponible]</div>
<div id="logotipo">

[contenido no disponible]</p></div>
</div>
<div id="navegador">
<ul>
<li id="inicio">INICIO

[contenido no disponible]

[contenido no disponible]

</div>
<div id="contenido">
<div id="menu">
<ul>

seleccion1

seleccion2

seleccion3
</div>
</div>
<div>pie</div>

</body>
</html>

----- y aquí la hoja de estilo -----

*margin {margin:0px ; padding:0px ; border:0px}
body {text-align:center}
img {border-style:none}
#cabecera {width:800px ; height:106px ; border-right:black 1px solid ;
border-left:black 1px solid}
#logotipo {width:320px ; height:106px ; float:left}
#publi {width:478px ; height:106px ; background-color: white; float:right}
#navegador {background-color:white ; border-right:black 1px solid ;
border-left:black 1px solid ; width:800px}
#navegador li {float:left ; list-style:none ; margin: 10px 15px 10px 15px}
#navegador ul {margin-left:30px}
#contenido {background-color:#E0FFFF ; text-align:left}
#menu {float:left ; background-color:#FA8072 ; width:150px}
a {text-decoration:none ; color:black ; display:block}
a:link {}
a:visited {}
a:hover {background-color:silver ; text-decoration:underline}
a:active {}
#navegador a:hover {width:110px ; background-color:#FF1493}
#inicio a:hover {width:60 ; background-color:#FF1493}

Foley · 9 Dic 2010, 08:09 · Solicitar retirada

el_pickti escribió:excepto el text-decoration:none, ya que salen con el puntito a la izquierda....

El text decoration none no hace eso, lo del puntito a la izquierda se saca con:

list-style-type:none

Saludos

el_pickti · 9 Dic 2010, 12:13 · Solicitar retirada

gracias por la respuesta pero, no me sirvió la solución...
probé a poner lo que me dijiste en todas partes de la hoja de estilo pero nada de nada sigue con los jodidos puntitos a la izquierda :x .
espero que alguien encuentre una solución, por que no me gustan nada los puntitos esos. y si no pues tendré que resignarme a tener los puntitos :cry:

el_pickti · 9 Dic 2010, 13:08 · Solicitar retirada

ya conseguí quitarle los jodidos puntitos :D . cuando ya pensaba que no iva a poder quitarselos segui creando la web... y entonces sucedio :D , al ponerle los margenes a menu ul se quitaron los puntitos ellos solitos... por fin.