fernando mendoza escribió:hola djsaimonmas lo que sea que este haciendo usted debe copiar y pegar lo que tiene hecho (index o plantilla.html y hoja de estilo.css) para poder decirle ya que usted no vio esta leccion.
http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…
saludos
Hola si he hecho esa leccion la que no puedo hacer es esta.
http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…Yo he hecho uso de los conocimientos de la leccion redondeo de esquinas superiores pero no lo puedo hacer igual para el menu lateral.
de todas maneras aqui te paso el codigo html que tengo:
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title></title>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo"><a href="www.djsaimonmas.com">
[contenido no disponible]</a></div><div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion"><ul>
Sección 1Sección 2Sección 3Sección 4</div>
<div id="contenido">
<div id="menu-curva-superior"></div>
<div id="menu"><ul>Sesioneshouse distorsion</div>
Esta será la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
y aqui te paso la hoja de estilos:
* {margin:0px ; padding:0px ; border: 0px}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;background-repeat: no-repeat ;width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;background-repeat: no-repeat ;width:800px ; height: 12px; overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo { width:280px ; float:left }
#publicidad { width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid }
#global {width: 800px; margin: 4px auto }
body {text-align: center}
#contenido { background-color: pink ; border-left: black 2px solid ; border-right: black 2px solid }
#contenido p {padding: 5px 5px 5px 5px}
#menu-curva-superior { background-image: url(objetos/menu-curva-superior.gif) ; background-repeat: no-repeat ;width:150px ; height: 20px; float:left; overflow : hidden ;margin-right: 0px }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu li { list-style:none; margin: 4px 0px 4px 6px }
#menu {................... margin:32px 10px 10px 5px}
a {color: blue; font-size:1.3em ; text-decoration: none; display: block }
a:link {}
a:visited{}
a:hover{color:red ; text-decoration:underline; font-size:1.4em; background-color: silver}
a:active {}
p { text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
body {background-color: #E6E6FA
te faltaran los objetos por si lo pones en el html-kit asi que donde "menu-curva-superior " ponle un color de fondo para ver lo que me pasa!
muchas gracias!
un abrazo