Hola de nuevo.. espero que no sea mu pesada, pero estoy intentando aplicar ciertas cosas y me doy cuenta que cada cosa por separada la entiendo, como por ejemplo eso de instertar una imagen, o hacer párrafos etc. Ahora sin embargo quería insertar una imagen en la parte de "cabecera" y no se como conseguir que la foto se pegue a la izquierda y el texto al centro o a la derecha.. ¿entiendes lo que quiero decir??? he escrito todo esto
<!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="cabecera">[contenido no disponible]LOS CURRICANES</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 1 Enlace 2 Enlace 3 Enlace 4 Enlace 5 Enlace 6</div>
<h1>TITULO</h1>
<h2>aqui viene todo el texto blablablablabla</h2></p>
rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr rrrrrrrrr rrrrrrrrrrr rrrrrrrrrrrrrrr rrrr rrrrr rrrrrrrr rrrrr rrrrrrr rr rrrrr rrrr rrrr rrr rr rrrrr rrr rrrrr rrrrrr rrrrr rrr rrrrrr rrrrrr rrrrr rrr rrrrr rrrrrr rrrrr rrr rrrrr rrrrrrr rrr rrrr rrrrrrrrrrrrr rrrrrrrr rrrrrrrrr rrrrrr rrrrrrrrrrrr r r r rrrrrr rrr rrr rrrr rrrrr rrrrrrrrr rrrr rrr rr rrrrr rrr rrrr...</p>
McQueee eeeeeeeee eeeeeeeee eeeeeeee eeeeeeeee eeeeeeee e eeeeeeeeee ee e eeeeeee eeeee eeeeeeeee eeeeeeeeeee eeeeeeeeee eeeeee eeee eeeeeee eeeeeeee ee e eeeeeeeeee eeeeee eeeeeeeee eeeeeee eeeeeeee eeeeeeeeeeee eeeeeee eeeeeee eeeeeeee eeeeee eeeeeeeee eeeeeeeee eeee eeeeeeee eeeeeeee eeeeeeeee eeee e eeeeeeeeeeeeeeeee eeee eeeeee eeeeee eeeeee eeeeeee eeeeeeee eeeeee eeeeeeee eeeeee eeeeeee eeee eeeee eee eeeeeen </p>
¿Donde coño está el pooo o oooooo oooooooo oooooooo ooooooooooooo oooooooo oooooooo ooo ooooooo ooooo oooollo???</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
y en estilos:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: #CD853F; font-size: 3em; color: #8B4513; text-align:right}
#cabecera li {align: left}
#navegacion {background-color: #DEB887; font-size: 1.2em }
#contenido {background-color: #F5DEB3 ; width: 800px ; float:left}
#menu {background-color: #BC8F8F; width: 150px ; float:left ; text-align:left; margin-right: 10px}
#menu li { list-style:none; margin: 1px 0px 4px 6px }
a {color: brown; font-size:1.3em ; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color:#8B4513; font-size:1.3em ; text-decoration: underline; background-color: #EEE8AA}
a:active {}
#pie {background-color: brown}
p {text-align: justify; font-size: 1.1em}
#contenido p {padding: 5px 10px 5px 10px}
Tiene q haber algo de lo que no me haya enterado bien. ¿y eso del Margin y Padding?? ¿como se pone el padding en la práctica??
Gracias por vuestra ayuda.
Un saludo
susana
PS: Os ruego no hacerle ningun caso al contenido de texto e imagenes... ¡que verguenza..! jaja
<!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="cabecera">[contenido no disponible]LOS CURRICANES</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
<h1>TITULO</h1>
<h2>aqui viene todo el texto blablablablabla</h2></p>
rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr rrrrrrrrr rrrrrrrrrrr rrrrrrrrrrrrrrr rrrr rrrrr rrrrrrrr rrrrr rrrrrrr rr rrrrr rrrr rrrr rrr rr rrrrr rrr rrrrr rrrrrr rrrrr rrr rrrrrr rrrrrr rrrrr rrr rrrrr rrrrrr rrrrr rrr rrrrr rrrrrrr rrr rrrr rrrrrrrrrrrrr rrrrrrrr rrrrrrrrr rrrrrr rrrrrrrrrrrr r r r rrrrrr rrr rrr rrrr rrrrr rrrrrrrrr rrrr rrr rr rrrrr rrr rrrr...</p>
McQueee eeeeeeeee eeeeeeeee eeeeeeee eeeeeeeee eeeeeeee e eeeeeeeeee ee e eeeeeee eeeee eeeeeeeee eeeeeeeeeee eeeeeeeeee eeeeee eeee eeeeeee eeeeeeee ee e eeeeeeeeee eeeeee eeeeeeeee eeeeeee eeeeeeee eeeeeeeeeeee eeeeeee eeeeeee eeeeeeee eeeeee eeeeeeeee eeeeeeeee eeee eeeeeeee eeeeeeee eeeeeeeee eeee e eeeeeeeeeeeeeeeee eeee eeeeee eeeeee eeeeee eeeeeee eeeeeeee eeeeee eeeeeeee eeeeee eeeeeee eeee eeeee eee eeeeeen </p>
¿Donde coño está el pooo o oooooo oooooooo oooooooo ooooooooooooo oooooooo oooooooo ooo ooooooo ooooo oooollo???</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
y en estilos:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: #CD853F; font-size: 3em; color: #8B4513; text-align:right}
#cabecera li {align: left}
#navegacion {background-color: #DEB887; font-size: 1.2em }
#contenido {background-color: #F5DEB3 ; width: 800px ; float:left}
#menu {background-color: #BC8F8F; width: 150px ; float:left ; text-align:left; margin-right: 10px}
#menu li { list-style:none; margin: 1px 0px 4px 6px }
a {color: brown; font-size:1.3em ; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color:#8B4513; font-size:1.3em ; text-decoration: underline; background-color: #EEE8AA}
a:active {}
#pie {background-color: brown}
p {text-align: justify; font-size: 1.1em}
#contenido p {padding: 5px 10px 5px 10px}
Tiene q haber algo de lo que no me haya enterado bien. ¿y eso del Margin y Padding?? ¿como se pone el padding en la práctica??
Gracias por vuestra ayuda.
Un saludo
susana
PS: Os ruego no hacerle ningun caso al contenido de texto e imagenes... ¡que verguenza..! jaja