PRIMER PROBLEMA

SANTA · 9 Dic 2008, 20:03 · Solicitar retirada

Bueno me he comido todo el tutorial de HTML-KIT, he seguido sus pasops hasta que ya me volvia un poco loco por que habia algo que no me salia, asi que tome estas decisiones, tomando nota de lo que me deciais.

1.- Crear de momento la cabecera con HTML-KIT, DIV, plantilla y CSS, hasta que que quede como yo quiero.
2.- Estructura la web con Dreamweaver y tablas.

El problema que tengo es que el logotipo no me sale a la izquierda y me queda encima del DIV publicidad.
Por otro lado acepto sugerencias.
CODIGO PLANTILLA

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

<html>
<head>
<title>UNIDAD PASTORAL SANTA MARIA DE OLARIZU</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>

<div id="global">

<div id="cabecera">

<div id="logotipo"></div>[contenido no disponible]
<div id="publicidad">UNIDAD PASTORAL SANTA MARIA DE OLARIZU</div>

</div>

</body>
</html>

CODIGO CSS

body {text-align: center}
#cabecera {#cabecera {background-color: pink ; border-left: black 1px solid ;
border-right: black 1px solid ; height:210px}
#logotipo {background-color: brown; width:280px}
#publicidad {background-color: pink; width:518px}
#global {width:800px ; margin: 4px auto }

cansino · 9 Dic 2008, 20:47 · Solicitar retirada

Bueno, creo que debes empaparte un poco más el tutorial.

Veamos, en la parte de html cierras el div logotipo antes de poner la imagen dentro.
Debería quedar así:

<div id="logotipo">[img]IMAGENES/logotipo_HTMLKIT.jpg[/img]</div>

Además de esto te falta el cierre del div global, añade un </div> antes de la etiqueta de cierre </body>

Por otra parte en la hoja de estilo:

la cabecera está mal definida y se debería añadir float a logotipo y publicidad, mas o menos quedaría asi:

body {text-align: center}
#cabecera {background-color: pink ; border-left: black 1px solid ;
border-right: black 1px solid ; height:210px}
#logotipo {background-color: brown; width:280px; float:left }
#publicidad {background-color: pink; width:518px; float:right }
#global {width:800px ; margin: 4px auto }

Creo que no me olvido nada. Ahora solo te faltará colocar el contenido de logotipo y publicidad donde prefieras dentro de la capa cabecera, a base de margenes, altura, etc..

Suerte

SANTA · 10 Dic 2008, 05:36 · Solicitar retirada

Muchas gracias estoy bastante pez y casi no entendia ni tus explicaciones y eso que me las dijiste muy bien.

La hoja de estilos creo que ya la tengo bien, solo me quedara decirle que lo centre todo un poco ya que donde la publicidad me sale el texto arriba del todo y por lo entendo en la plantilla lo que cerraba con el </div> era la cabezera y he puesto otro para cerrar el global.

Creo que ya esta bien, dejo el codigo de la plantilla.

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

<html>
<head>
<title>UNIDAD PASTORAL SANTA MARIA DE OLARIZU</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>

<div id="global">

<div id="cabecera">

<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">UNIDAD PASTORAL SANTA MARIA DE OLARIZU</div>

</div>
</div>
</body>
</html>