Entrar

Segunda Leccion--Estilos para listas

jaumemar · · Solicitar retirada
Hola a todos. Ya de antemano os doy las gracias a todos por todo.

Estoy en la segunda leccion, en el tema Estilos para listas, en la parte de Reparando el fallo del menu. En principio mi plantilla la tengo asi:
Bienvenidos a mi Web
Barra de Navegación
menu . Enlace 1
. Enlace 2
. Enlace 3
. Esta será la zona principal de la wep CAPAS
Este es el pié de página
Pues cuando le pongo la linea que me indicais (#contenido {background-color: orange ; width: 800px ; float:left}) en estilo-general.css la unica diferencia que sale en la plantilla es la palabra ENLACE1 que se mueve hacia la derecha, pero los demas enlaces no. Y como indicais que si tenemos problemas os lo hagamos saber, pues yo creo que lo tengo:
.Bienvenidos a mi Web
Barra de Navegación
menu . Enlace 1
. Enlace 2
. Enlace 3
. Esta será la zona principal de la wep CAPAS
. Este es el pié de página


Gracias i salut
Raulyure · · Solicitar retirada
jaumemar escribió:Hola a todos. Ya de antemano os doy las gracias a todos por todo.

Estoy en la segunda leccion, en el tema Estilos para listas, en la parte de Reparando el fallo del menu. En principio mi plantilla la tengo asi:
Bienvenidos a mi Web
Barra de Navegación
menu . Enlace 1
. Enlace 2
. Enlace 3
. Esta será la zona principal de la wep CAPAS
Este es el pié de página
Pues cuando le pongo la linea que me indicais (#contenido {background-color: orange ; width: 800px ; float:left}) en estilo-general.css la unica diferencia que sale en la plantilla es la palabra ENLACE1 que se mueve hacia la derecha, pero los demas enlaces no. Y como indicais que si tenemos problemas os lo hagamos saber, pues yo creo que lo tengo:
.Bienvenidos a mi Web
Barra de Navegación
menu . Enlace 1
. Enlace 2
. Enlace 3
. Esta será la zona principal de la wep CAPAS
. Este es el pié de página


Gracias i salut
Hola:
Sería mucho mejor que nos pegara los códigos que tiene tanto en su hoja de estilo como los de su página, para saber exactamente donde puede estar el problema. Abra su página html, seleccione todos los códigos dele a copiar , entre al foro y en este mensaje dele a "citar" y pegue los códigos en el mensaje, también hagalo con su hoja de estilo
Saludos
Agradecido de los que aprenden enseñando
jaumemar · · Solicitar retirada
jaumemar escribió:Hola a todos. Ya de antemano os doy las gracias a todos por todo.

Estoy en la segunda leccion, en el tema Estilos para listas, en la parte de Reparando el fallo del menu. En principio mi plantilla la tengo asi:
Bienvenidos a mi Web
Barra de Navegación
menu . Enlace 1
. Enlace 2
. Enlace 3
. Esta será la zona principal de la wep CAPAS
Este es el pié de página
Pues cuando le pongo la linea que me indicais (#contenido {background-color: orange ; width: 800px ; float:left}) en estilo-general.css la unica diferencia que sale en la plantilla es la palabra ENLACE1 que se mueve hacia la derecha, pero los demas enlaces no. Y como indicais que si tenemos problemas os lo hagamos saber, pues yo creo que lo tengo:
.Bienvenidos a mi Web
Barra de Navegación
menu . Enlace 1
. Enlace 2
. Enlace 3
. Esta será la zona principal de la wep CAPAS
. Este es el pié de página


Gracias i salut

Pues la copia de estilo-general.css es la siguiente:

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}
Y la de la plantatilla:

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

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<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>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    Esta será la zona principal de la wep CAPAS
    </div>

    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    MUCHAS GRACIAS
    • Yaneth · · Solicitar retirada
    aqui tu fallo

    <div id="menu">menu</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3


    cerraste el menu dejando los enlaces fuera
    en rojo, es el cierre del menu, y debe estar despues de cierre del ul

    saludos