hola soy incapawz de alinear el menu a la izq. me podeis ayudar)
Leccion 2 formato a 0.
gracias
Leccion 2 formato a 0.
gracias
alinear menu izq.
danos los codigos
body {text-align: center}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#menu li { list-style:none; ; margin: 4px 0px 4px 6px }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown }
#global {width:800px ; margin: 4px auto }
a {color: blue; font-size:1.3em ; text-decoration: none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline; background-color:silver}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#menu li { list-style:none; ; margin: 4px 0px 4px 6px }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown }
#global {width:800px ; margin: 4px auto }
a {color: blue; font-size:1.3em ; text-decoration: none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline; background-color:silver}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px
pon tambien el html,que ay no ay ningun fallo,excepto al final donde pones esto:
#contenido p {padding: 5px 10px 5px 10px }
#contenido p {padding: 5px 10px 5px 10px }
¿Cómo están, espero que bien?.
Para que si son tan amables y por favor me indican como coloco no sólo el menú de la izquierda del curso, sino también uno a la derecha.
GRACIAS :oops: .
Para que si son tan amables y por favor me indican como coloco no sólo el menú de la izquierda del curso, sino también uno a la derecha.
GRACIAS :oops: .
pues igual, solo que al poner float:left tienes que poner right
<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"><h1>Club de Ajedrez Alcorcón</h1></div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
Esta será la zona principal de la web</p></div>
Bienvenidos a la web del Club de Ajedrez de Alcorcón</p>
<div id="menu">menu</div>
<ul>
Deportivo Cultural Social Contacta Club otro <a href="#">otro2<a/> <a href="#">otro3<a/>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</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"><h1>Club de Ajedrez Alcorcón</h1></div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
Esta será la zona principal de la web</p></div>
Bienvenidos a la web del Club de Ajedrez de Alcorcón</p>
<div id="menu">menu</div>
<ul>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
prueba poniendole algun margin al menu
Juan Eduardo González R. escribió:¿Cómo están, espero que bien?.
Para que si son tan amables y por favor me indican como coloco no sólo el menú de la izquierda del curso, sino también uno a la derecha.
GRACIAS :oops: .
Hola:
Yo suelo ponerlos de esta manera, espero que le sirva, en todo caso puede "jugar" un poco con los márgenes y padding del grupo de las a que son el tamaño del texto con el que pone los enlaces:
En la hoja de estilo iría así:
#menu-izquierdo {background-color:#E6E6FA;width:150px;float:left;
text-align:left;margin:3px 10px 3px 3px ;background-image:url(objetos/menu-parte-inferior.gif);background-position:bottom;padding-bottom:5px}
#menu –izquierdo h1 {text-decoration:none;font-size:12px;padding-top:12px;background-image:url(objetos/menu-parte-superior2.jpg)}
#menu-izquierdo li{list-style:none;margin:4px 8px 4px 6px}
#menu-derecho {background-color:#E6E6FA;width:150px;float:right;text-align:left;margin:3px 3px 3px 10px;background-image:url(objetos/menu-curva-inferior.gif);background-position:bottom;padding-bottom:5px;}
#menu-derecho h1{text-decoration:none;font-size:12px;padding-top:12px;background-image:url(objetos/menu-parte-superior2.jpg)}
#menu-derecho li {font-size:11px;list-style:none;margin:4px 8px 2px 6px}
Y esto en la página dentro de la capa contenido
<div id=”contenido”>
<div id="menú-izquierdo">
<ul>
<h1>menu- izquierdo</h1>
Seccion2
Seccion3
Seccion4
</div>
<div id="menu -derecho">
<ul>
<h1>Menu derecho</h1>
<h1>Titulo del contenido</h1>
texto en el contenido, que sean varios párrafos</p>
</div>cierre de la capa contenido
Y suelo poner esto en la hoja de estilo en el grupo de las a
a {color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:#FFEFD5;}
a:active{}
Saludos