Hola amigos, estoy con un problema con la imagen .logotipo.
segui todos los pasos y la revise muchas veces pero continuo con el mismo problema. la barra d navegacion, no queda bien asi como el espacio de publicidad es mas angos to que el logotipo y queda cualquier cosa!!.!! en mi pc el logotipo sale a la izquierda como tiene que ser y la barra de navegacion encimada pero ,en la web se ve diferente.la barra de navegacion esta bien y el logotipo aparece en el medio. y los enlaces no toman color cuando acerco el raton cosa que en la pc si. es confuso no esta es la direccion fijatee por favor. muchas gracias por la paciencia!! http://neuen77.mywebcommunity.org/plantilla.html
estos son los codigos
html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]</div>
<div id="publicidad">Bienvenidos </div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 2 Enlace 3Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>
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>
<h2>Y este es el tercer párrafo</h2>.
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">Este es el pié de página
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html
y la hoja de estilo
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.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: pink ; border: black 1px solid }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; {................... margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin:4px 0px 4px 6px }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ;width:800px ;height: 12px ; overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {color:withe ; text-decoration:none}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: green}
a:active {}
p {text-align: justify
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
segui todos los pasos y la revise muchas veces pero continuo con el mismo problema. la barra d navegacion, no queda bien asi como el espacio de publicidad es mas angos to que el logotipo y queda cualquier cosa!!.!! en mi pc el logotipo sale a la izquierda como tiene que ser y la barra de navegacion encimada pero ,en la web se ve diferente.la barra de navegacion esta bien y el logotipo aparece en el medio. y los enlaces no toman color cuando acerco el raton cosa que en la pc si. es confuso no esta es la direccion fijatee por favor. muchas gracias por la paciencia!! http://neuen77.mywebcommunity.org/plantilla.html
estos son los codigos
html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]</div>
<div id="publicidad">Bienvenidos </div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Esta será la zona principal de la web</h1>
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>
<h2>Y este es el tercer párrafo</h2>.
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">Este es el pié de página
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html
y la hoja de estilo
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.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: pink ; border: black 1px solid }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; {................... margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin:4px 0px 4px 6px }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ;width:800px ;height: 12px ; overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {color:withe ; text-decoration:none}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: green}
a:active {}
p {text-align: justify
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}