NO SÉ SI VOY BIEN CON LA LECCIÓN 2!

alexa · 29 Dic 2008, 06:30 · Solicitar retirada

Quisiera saber si los comandos que estoy usando son correctos.
Hay una parte que no comprendo (Estilos para listas), lo que sucede es que no puedo eliminar los puntos de los enlaces (

) y no sé si voy bien porque no hay ningún enlace que me muestre el ejemplo correcto.

En la plantilla tengo lo siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Priscilla</title>
</head>
<body>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">menu</div>

<ul>

<a href="#">Enlace 1

<a href="#">Enlace 2

<a href="#">Enlace 3

</div>Esta será la zona principal de la web</div>
</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>

... Y en la hoja de estilo-general tengo esto:
body {text-align: center}
#global {width:800px ;float:left; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#pie {background-color: brown}
#menu li { ...propiedades..... }
#menu li { list-style:none }
#menu {background-color: yellow; width: 150px ; float:left }

Espero respuesta ante esto.
Gracias de antemano

Saludos.

hermosa rosa · 29 Dic 2008, 10:02 · Solicitar retirada

Voy a estudiar más acerca de ello y tratar de ayudar a possible.I si esperamos que otros tendrán algo que decir al respecto.

Raulyure · 29 Dic 2008, 12:04 · Solicitar retirada

alexa escribió:Quisiera saber si los comandos que estoy usando son correctos.
Hay una parte que no comprendo (Estilos para listas), lo que sucede es que no puedo eliminar los puntos de los enlaces (
) y no sé si voy bien porque no hay ningún enlace que me muestre el ejemplo correcto.

En la plantilla tengo lo siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Priscilla</title>
</head>
<body>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">menu</div>

<ul>
<a href="#">Enlace 1
<a href="#">Enlace 2
<a href="#">Enlace 3

</div>Esta será la zona principal de la web</div>
</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>

... Y en la hoja de estilo-general tengo esto:
body {text-align: center}
#global {width:800px ;float:left; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#pie {background-color: brown}
#menu li { ...propiedades..... }
#menu li { list-style:none }
#menu {background-color: yellow; width: 150px ; float:left }

Espero respuesta ante esto.
Gracias de antemano

Saludos.

Hola:
Hasta ahora va bin, el único problema es que debe ir (de a poco) entendiendo algunas cosas
Si usted hace una lista Esta sería mas o menos así:
<div id="menu">
<ul>

Seccion 1

Seccion 2

Seccion 3

</div>

Eso es una lista común y sencilla, nada más que una lista, y le saldrán los puntitos a la izquierda.
Pero para hacer una lista y que cada parte de esa lista sea un enlace que al pulsar en el, le lleve a otra página, para eso se usa una ruta y un código al que llamaríamos ancla
la ruta sería href y el ancla sería una a.
Entonces en esa lista anterior que hemos hecho acá, vamos a hacer que las tres secciones de esa lista, (o sea Enlace 1, enlace 2 y Enlace 3 de la lista) sean enlaces, que al pulsar en uno de ellos, nos lleve a otra pagina que mas adelante vayamos a crear.

Y para eso ponemos el ancla, o sea la letra a, y a continuación ponemos el código que nos dice que pondremos una ruta o sea href, por tanto esa lista la pondremos así:

<div id="menu">
<ul>

<a href="#">Enlace 1

Seccion 2

Seccion 3

</div>

En la hoja de estilo general, le diremos a esa lista que no tenga puntitos, con el famoso #menu li{list-style:none;}

Pero veo que tengo un problema, cuando vuelvo a la página, veo que siguen apareciendo los puntitos, claro, lo que pasa es que yo en ese primer enlace abrí una etiqueta a (o ancla) pero no la cerré, así que tendré que poner ese cierre de a ese cierre.
El cierre de ancla o enlace se escribe asi: </a>

Así que le pongo ese cierre de a justo antes del cierre de li

<div id="menu">
<ul>

Enlace 1

Seccion 2

Seccion 3

</div>
Ahora ya está mejor, pero seguro que sigo con problemas. ¿Porqué?

Por que si voy a la hoja de estilo veo que tengo repetido ese #menu li , o sea lo tengo dos veces, y eso no puede ser porque, o se le hace caso al primer menu li donde están las propiedades, o se le hace caso al segundo menu li , al que tembién le he puesto una propiedad, (esa que dice list style none).

Por eso voy a mi hoja de estilo general donde tengo esto
#menu li { ...propiedades..... }
#menu li { list-style:none }

Y lo arreglo así:
#menu li {list-style:none; ...propiedades..... }

Así que dejo solo un #menu li{} con todas las propiedades metidas dentro y el otro menu li lo elimino.

Así cuando vuelva a mi página, seguro que el problema se habrá arreglado, pero ahora quiero que las otras partes de la lista también sean enlaces, así que en mi pagina plantilla les pondré también el ancla o la letra a con su cierre
Y me quedaría así:

<div id="menu">
<ul>

Enlace 1

Enlace 2

Enlace 3

</div>

Y asunto arreglado (creo)

A usted le pasa eso porque en la lista que tiene en su página no ha cerrado con </a> donde debiera cerrar,
y porque en su hoja de estilo general tiene repetido el #menu li
Saludos