QUEDE ATASCADO EN LO DEL LOGOTIPO :S

lokop · 9 Jun 2008, 07:58 · Solicitar retirada

BUENO SOY OTRA VES YO ESTA VES ME QUEDE ATASCADO PERO EN LO DEL LOGOTIPO Y HISE ALGO MALO Y NO SE DODNE ESTA EL ERROR LA WEB DEBERIA DE IR ASI EN EL CURSO:

[contenido no disponible]
[contenido no disponible]

Y AMI ME APARECE ASI EN EL PREVIEW :

[contenido no disponible]
[contenido no disponible]

SI ALGUIEN SABE DONDE TNEGO EL ERROR QUE ME DIGA PROFAVOR AQUI TAMBIEN LES DEJO COMO TENGO LOS CODIGOS HTML AVER DONDE TENGO EL ERROR:
LA PLANTILLA HTML ESTA ASI :

<!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 a mi Web</div>
</div>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

Enlace 2</>

Enlace 3
</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.
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 ESTILOS EN GENERAL ESTA ASI :

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
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}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif.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 {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink ; width:518px ; float:right }
#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.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
a {color: brown; ; text-decoration: none; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline ; background-color: silver}
a:active {}

SI ALGUIEN SABE DONDE TENGO EL ERROR O TIENE EL VERDADERO CODIGO HTML Y ESTE BUENO QUE ME LO PASE PORFAVOR SE LES AGRADECE :) Y MUY BUEN FORO 8)

Raulyure · 9 Jun 2008, 08:56 · Solicitar retirada

SI ALGUIEN SABE DONDE TNEGO EL ERROR QUE ME DIGA PROFAVOR AQUI TAMBIEN LES DEJO COMO TENGO LOS CODIGOS HTML AVER DONDE TENGO EL ERROR:
LA PLANTILLA HTML ESTA ASI :

<!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 a mi Web</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

Enlace 2</>

Enlace 3
</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.
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 ESTILOS EN GENERAL ESTA ASI :

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
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}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif.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 {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink ; width:518px ; float:right }
#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.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
a {color: brown; ; text-decoration: none; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline ; background-color: silver}
a:active {}

Hola:
En este mismo mensaje le hice unos pequeños cambios en la página html, tenía usted la capa publicidad repetida y había cerrado algunos div inexistentes. Espero que le sirva
Saludos
PD
En los enlaces del menu, mas precisamente en el enlace dos usted tiene un cierre que no debiera de estar
Enlace 2 </a></>
ese último--</>-- le sugiero que lo elimine

lokop · 9 Jun 2008, 22:42 · Solicitar retirada

RAUL MUCHAS GRACIAS LAS COSAS MEJORARON PS YA NOC VE TAN MAL PERO DE TODA FORMAS SIGO TENIENDO ERRORES POR QUE NO SE VE IGUAL A COMO DEBERIAMOS IR EN EL CURSO PASO A PASO SI NO QUE SE VE ASI MIRE LA IMAGEN :

[contenido no disponible]

QUIEN ME DICE QUE ME FALTA O QUE ERROR TENGO PARA K ME QUEDE IGUAL A COMO VAMOS EN EL CURSO PASO A PASO (LA PRIMER IMAGEN QUE SUBI EN ESTE POST )
PD1: LO QUE ENCERRE EN CIRCULOS EN LA IMAGEN SON LOS ERRORES LO QUE ESTA DONDE NO DEBE IR ESO EN CIRCULOS ES LO QUE ESTA MAL SITUADO

Raulyure · 9 Jun 2008, 23:53 · Solicitar retirada

lokop escribió:RAUL MUCHAS GRACIAS LAS COSAS MEJORARON PS YA NOC VE TAN MAL PERO DE TODA FORMAS SIGO TENIENDO ERRORES POR QUE NO SE VE IGUAL A COMO DEBERIAMOS IR EN EL CURSO PASO A PASO SI NO QUE SE VE ASI MIRE LA IMAGEN :

[contenido no disponible]

QUIEN ME DICE QUE ME FALTA O QUE ERROR TENGO PARA K ME QUEDE IGUAL A COMO VAMOS EN EL CURSO PASO A PASO (LA PRIMER IMAGEN QUE SUBI EN ESTE POST )
PD1: LO QUE ENCERRE EN CIRCULOS EN LA IMAGEN SON LOS ERRORES LO QUE ESTA DONDE NO DEBE IR ESO EN CIRCULOS ES LO QUE ESTA MAL SITUADO

Hola:
Pues yo lo veo como realmente tiene que ir, porque lo que usted mostró en el primer spot era una capa desplazada (la capa navegación).
La capa cabecera es una capa en que dentro de ella van dos capas una al lado de la otra que serían la capa logotipo y la capa publicidad, debajo de esa capa cabecera que contiene a logotipo y a publicidad tiene que ir otra capa que se llama navegación,(donde irán unos enlaces) ahora debajo de esa capa navegación tiene que ir la capa contenido y dentro de la capa contenido va la capa menu que tendrá que estar a la izquierda (como la tiene ahora). Si usted quiere que la frase Bienvenido a mi web está mas abajo (por el medio, lo que tiene que hacer es usar en la hoja de estilo (en la capa publicidad) un margin top, si le incluye esa directiva a continuación de las otras que ya tiene (en la hoja de estilo y en la capa publicidad) esa frase se pondrá mas abajo, por ejemplo --margin-top:30px;}, significará que esa frase se pondrá 30 píxeles mas abajo desde el borde de arriba de la capa, pienso que hasta ahora lo lleva muy bien.
Saludos

lokop · 10 Jun 2008, 21:19 · Solicitar retirada

RAUL MEN MUCHAS GRACIAS UD ES EL MEJOR SI YA CAI EN CUENTA Y LO TENGO BIEN HAORA ASEGUIR APREDIENDO GRAX MEN :)