no se ve el fondo de la imagen

Hola! A ver si me podéis echar una mano, con la imagen de menú-parte-inferior, q no me la sube. Y es q exactamente no se el la hoja de estilos donde va colocada, he probado ponerla en varios sitios pero no me cojé en ninguno, a ver si va ahí donde la tengo puesta:


* {text-indent: 0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size; 1.2em; color:blue ; font-weight: bold; tex-decoration: underline ; text-align; center }

h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repet ;
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 ; font-size: 16px }
#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}
#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 {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif) }

#menu h1 {text-decoration:none ; font-size:18px ;
background-image: url(objetos/menu-parte-superior.gif) }

#menu li { list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {}
#menu {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif) }


#pie {background-color: white ; border-left: black 1px solid ;
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 )


#contenido {background-color: orange ; width: 800px ; float:left}

* {margin:0px ; padding:0px ; border: 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}
a {color: brown ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}




Gracias y saludos de
yocoloco

yocoloco escribió:Hola! A ver si me podéis echar una mano, con la imagen de menú-parte-inferior, q no me la sube. Y es q exactamente no se el la hoja de estilos donde va colocada, he probado ponerla en varios sitios pero no me cojé en ninguno, a ver si va ahí donde la tengo puesta:


* {text-indent: 0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size; 1.2em; color:blue ; font-weight: bold; tex-decoration: underline ; text-align; center }

h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repet ;
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 ; font-size: 16px }
#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}
#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 {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif) }

#menu h1 {text-decoration:none ; font-size:18px ;
background-image: url(objetos/menu-parte-superior.gif) }

#menu li { list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {}
#menu {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif) }


#pie {background-color: white ; border-left: black 1px solid ;
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 )


#contenido {background-color: orange ; width: 800px ; float:left}

* {margin:0px ; padding:0px ; border: 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}
a {color: brown ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}




Gracias y saludos de
yocoloco

Hola yocoloco:
La imagen del emnu inferior va allí

#menu{background-color:#E6E6FA;width:150px;float:left;
text-align:left;margin:3px 10px 3px 3px;background-image:url(objetos/menu-curva-inferior.gif);background-position:bottom;padding-bottom:5px}

Recuerda que si la subes y no te aparece puede ser que esté mal la extensión, y recuerda que tenias que bajarte la que mide 150 de ancho por 400 de alto.
Y en tu hoja de estilo general no repitas la capa #menu{etc.}
solo debes tener una capa menu

Hola! Brahan. q tal, mira al llegar a la lección 3 a recordatorio,
Y como dice el manual q lo pongamos tal como esta ahí, pues se me ha descentrado toda la página te la dejo para q la veas,
La tenía perfecta y mira q ha pasado
Le cambie algunas cosas q no estaban en su sitio y se descentro toda.
Por favor a ver si me puedes ayudar.


Plantilla.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 a mi Web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

Sección 4

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<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.</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>

estilos.css


* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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}
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 ; font-size: 16px }
#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 }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#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 {}
a:visited {}
a:hover {color:red ; text-decoration:underline


Mira! Se ha ido la imagen de logotipo,
Se ha ido las imágenes de menu-parte-superior y inferior con el trabajo q me costo q me las cogiera.
Que es lo q le ha pasado a la página, si esta tal y como dice el tutoríal, y al ponerla así me la a volcado toda.
Por fa échame una mano a ver q es lo q ha pasado oki.
Te dejo la página ya toda subida para q la veas


http://lamusicademax.myartsonline.com/plantilla.html

yocoloco escribió:Hola! Brahan. q tal, mira al llegar a la lección 3 a recordatorio,
Y como dice el manual q lo pongamos tal como esta ahí, pues se me ha descentrado toda la página te la dejo para q la veas,
La tenía perfecta y mira q ha pasado
Le cambie algunas cosas q no estaban en su sitio y se descentro toda.
Por favor a ver si me puedes ayudar.


Plantilla.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 a mi Web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

Sección 4

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<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.</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>

estilos.css


* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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}
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 ; font-size: 16px }
#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 }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#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 {}
a:visited {}
a:hover {color:red ; text-decoration:underline


Mira! Se ha ido la imagen de logotipo,
Se ha ido las imágenes de menu-parte-superior y inferior con el trabajo q me costo q me las cogiera.
Que es lo q le ha pasado a la página, si esta tal y como dice el tutoríal, y al ponerla así me la a volcado toda.
Por fa échame una mano a ver q es lo q ha pasado oki.
Te dejo la página ya toda subida para q la veas


http://lamusicademax.myartsonline.com/plantilla.html

Hola yocoloco:


[contenido no disponible]

Así es como veo tu pagina en mi compu, poniendo los codigos que tu tienes.

Y así está en internet

[contenido no disponible]

Tienes que hacerte a la idea de que el curso a veces te dice que hagas una cosa, y tu verás que se te desordena, y creerás que está mal, pero no es así,
Porque luego te dice el curso como arreglar ese desorden.

como ejemplo
allí en tu capa #contenido p{le tienes un margin:5px 10px 0px 10px}
pues ahora debes cambiarlo y ponerle #contenido p{padding:5px 10px 5px 10px}

Tambien yo no veo que le hayas puesto a la capa contenido
#contenido{xxxxx} ni un width:800px;float:left; etc. etc.
ni un width:auto.

Puedes ponerle un width:auto para que tome el ancho de las otras capas
También tienes que ver cual es el logotipo que te bajaste y que le pusiste a la capa logotipo. tienes que ponerle el logotipo en que se está moviendo porque ese es el que tiene la medida para la capa logotipo.
cuando entras al foro ves arriba a la izquierda el logotipo que se mueve, pues ese es el que tienes que poner.

Tambien veo que el titulo de tu capa menu H1 es muy grande
El titulo de la capa menu H1 va metido dentro de la imagen menu-curva-superior y si la imagen tiene de alto 12 pixeles pues el titulo como que se desborda
También en tu hoja de estilo general donde tienes los codigos de los titulos H1 y H2
En el H2 debes poner en vez de font.size que diga font-size va separado con un guion no con un punto
Y lo mas importante, cada vez que hagas un cambioen tu pagina debes subir el archivo en el que hiciste el cambio y despues que lo hayas subido pones la direccion de tu pagina en el navegador y cuando se abra tu pagina lo primero es Actualizar la pagina

Hola! Abrahan, casi todo lo he dejado bien solo q no consigo llevar la imagen del logotipo hacia la izquierda.
Que hago sigo y la dejo, porque me esta ya mareando dicha imagen.
el logotipo es el q se mueve como me dijiste oki
A hora tengo esto y esta bastante bien:
Solo q lo del logotipo. oki


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<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">
[contenido no disponible]
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

Sección 4

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<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.</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>



* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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}
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 {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink; 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 10px 0px 10px }
#navegacion ul { margin-left:50px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;

a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

a ver q es lo q está mal está vez????
Saludo2

yocoloco escribió:Hola! Abrahan, casi todo lo he dejado bien solo q no consigo llevar la imagen del logotipo hacia la izquierda.
Que hago sigo y la dejo, porque me esta ya mareando dicha imagen.
el logotipo es el q se mueve como me dijiste oki
A hora tengo esto y esta bastante bien:
Solo q lo del logotipo. oki


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<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">
[contenido no disponible]
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

Sección 4

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<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.</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>



* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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}
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 {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink; 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 10px 0px 10px }
#navegacion ul { margin-left:50px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;

a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

a ver q es lo q está mal está vez????
Saludo2

Hola yocoloco:

¿Pero te has dado cuenta de que solo creaste la capa logotipo en la hoja de estilo general , pero no en la pagina?

Esto es lo que tienes en tu pagina

<div id="cabecera">
[contenido no disponible]
<div id="publicidad">Bienvenidos a mi Web</div>
</div>

como vez has metido la imagen del logotipo dentro de la capa cabecera y tenias quye meterla dentro de la capa logotipo (que no la has crado en tu pagina)
recuerda.
dentro de la capa cabecera van dos capas, una se llama logotipo y la otra se llama publicidad por eso cuando pones la imagen del logotipo esta solo te queda en el centro de la capa cabecera porque el body (que es tu pagina entera) tiene un text-align:center.
Por eso lo que tienes que hacer es crear la capa logotipo dentro de la capa cabecera
así:

<div id="cabecera">
<div id="logotipo">
[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>

Lo que está en color azul es la abertura de la capa cabecera y el cierre de la capa cabecera y las otras dos capas van dentro abiertas y despues cerradas cada una de ellas
espero que se vean bien los colores

como a la capa logotipo le dijiste en la hoja de estilo que se pusiera a la izquierda, cuando pongas la imagen en la capa logotipo , la imagen estará a la izquierda

Y segun los codigos que me has puesto acá sigues parece sin cambiarle en la hoja de estilo general al H2 que tiene que decir font-size y no font.size
y a la capa #contenido debes ponerle en la hoja de estilo general padding en vez de margin

hola! Abrahan. predona por lo q te estoy haciendo trabajar, pero es q yo creó q estoy un poco mareado. oki.
ahotita mismo me pongo a hacer lo q me dices.
hoy parece q tengo la mente mas despierta.
xaludo2

yocoloco escribió:hola! Abrahan. predona por lo q te estoy haciendo trabajar, pero es q yo creó q estoy un poco mareado. oki.
ahotita mismo me pongo a hacer lo q me dices.
hoy parece q tengo la mente mas despierta.
xaludo2

Hola yocoloco:
Todos hemos pasado por lo mismo, asi que no serás el primero ni el último que se enreda un poco con lo que hay que hacer.

Tu míralo de esta manera
una cosa es la pagina, y otra cosa es la hoja de estilo

En la pagina html es donde creas las capas
Y en la hoja de estilo es donde le pones a esas capas como tienen que ser, de que color cuanto de ancho tienen que tener y cuanto de alto y de que temaño van a ser los textos que pongas y muchas cosas más.

Por ejemplo si tu en la hoja de estilo general le dices que la capa cabecera tenga un alto de 85px y que tenga un borde a la izquierda y un borde a la derecha y que tenga un color negro.

Lo único que estás haciendo es, decirle a una capa cabecera que sea de esa manera.

Pero luego tu tienes que crear esa capa en la pagina html, porque o si no no te sirve de nada decirle todo eso en la hoja de estilo general a una capa cabecera, si todavia no la has creado en la pagina

Las capas uno las crea en la pagina html, pero las propiedades uno se las da en la hoja de estilo.

Y tu no te preocupes demasiado que poco a poco te irán saliéndo las cosas

Hola! Abrahan
q haría yo sin ti.
Muchísimas gracias, gracias a ti todo ha vuelto a su sitio, reconozco q el otro día no tenía la cabeza en su sitio, pero hoy lo he visto todo más claro gracias a tus explicaciones.
Muchísimas gracias y
Saludo2

Hola a todos, llevo varios dias queriendo ver la imagen de acuerdo al procedimiento indicado pero me es imposible anexo mis archivos por si alguien me puede ayudar. Ya borre el programa lo volvi a seguir paso a paso pero no logro ver la imagen. Ayuda por favor.

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

<html>
<head>
<title>Pagina Principal del ejemplo CCTW </title>
<link rel="stylesheet" href="estilos.css" type="text/css"
media="all">
</head>
<body>



Bienvenidos a mi pagina Web muy pronto estara lista</p>


Pagina creada gracias a <a href="http://www.comocreartuweb.com" target="_blank" </a> CCTW </p>

</body>
</html>

estilos.css

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png)}

Cuando le doy previe en estilos me aparece un mensaje de "Se cancelo la navegacion en la pagina Web"

Gracias

Hola bienvenidos/as donde todos/as aprendemos de uno y uno aprende de todos: segun lo que usted nos dice usted esta haciendo vista previa en su hoja de estilo.css y ahi no se hace vista previa, la vista previa se hace en el index.html.

saludos