varias imagenes en el index y la hoja css

Muchas gracias por todo el aporte que nos dan!
Pues me gustaria saber si es posible poder poner varias imagenes una alado de otra en el index ? o esto puedo lograrlo en la hoja de estilos (ejemp. una imagen a la derecha de la hoja y la otra que este a la izquierda )?? o es que no es posible en ninguno de los 2 casos y solo debo conformarme con una sola imagen en ambas index y la hoja css??

por favor nesecito me guien como lograr esto en mi web !

puedes poner tantas imagenes como desees

:wink:

como consigo poner una imagen tras otra ya se a en la hoja css o en el index .html por favor ! gracias !

en que leccion del curso vas????
ya insertaste el buzon y la sonrisa???????
son dos imagenes..... asi puedes insertar tantas como desees en html

cuando lleges al la leccion de las plantilla
veràs como poner varias imagenes de fondo en varias divs

saludos

creo que no me explico bien , pegare aca l qu etrate de hacer y no funciono y mi duda es como lograr poner imagenes en el index una aldo de otra :
____________________index html_______________________
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</p>
</div>
<div id="publicidad"><h2>Bienvenidos a mi Web</h2></div>


[contenido no disponible][correo eliminado]</p>
</div>
<div id="navegacion">
<ul>

Quien-soy

Experiencias<l etc etc

_______________aca solo me sale la imagen de logotipo y el buzon ,no se ve la torre eifel___________________

perdona,nuevamente aqui ,logre poner una 3° imagen el el html ,logro verla!!! pero me salio bajo la 1° imagen es decir en una columna vertical y loq ue quisiera lograr es poner una imagen lado izquierdo ,texto en la parte central y nuevamente otr aimagen a la derecha
y bueno m e lio al formar los codigos para crear este efecto por favor ayudenme a aclarar bien esto , y pienso una vez comprendido esto podre tb poner como unas 5 imagenes a la misma altura en una sola capa del index

lo qu e ahun no capto es como debieran estar mis codigos para lograr el efecto ,hablando siempre del index.html

Agradezco de antemano la ayuda !

ok
entonces para ayudarte
necesito ver los codigos completos
tanto de css como de html

saludos

chicos se que tendran probablemente muchos correos que leer pero por favor respondan y no nos dejen con el signo ????????????????? jejej gracias mil por todo!


------he aqui la plantilla----- que esta igual al index (lo vimos en las ultimas lecciones del curso paso a paso):

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

Quien-soy

Experiencias

Filosofando

Mis-pasiones

Mis-viajes

Albunes

Videos</div>
<div id="contenido">
<div id="menu">
<h1>Pagina Oficial de Metukita</h1><ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>


Experiencias vividas a lo largo de mi vida, mis viajes ,todo aquello que conoci,vivi y senti</p>


Podemos analizar un sin fin de cosas ,compartir,por que no de esta manera.Aqui podras descargar cosas interesantes e incluso vistar mi tienda online,donde te propongo infinidad de ideas actuales!.No olivides dejarme tus comentarios para asi poder mejorar el servicio que te propongo</p>


Si te animas te invito a opinar,a descubrir junto a mi este maravilloso mundo que nuestro Creador Bendito nos regalo!</p>
<h2>Gracias por la visita,espero verte pronto!</h2>


[correo eliminado]</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

Top Site

Mapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>



--------------la hoja css :----------------

* {text-indent:0px;margin:0px;padding:0px;border:0px}
p {text-align:justify}
h1 {font-size:1.2em;color:#FFFAFA;font-weight:bold;text-decoration:underline;
text-align:center}
h2 {font.size:1.1em;color:#FFFAFA;font-weight:bold;text-decoration:none;
text-align:center}
body {text-align:center;background-color:#00C5CD;font-family:Verdana,Arial,Geneva,Helvetica,serif,sans-serif;background-image:url(objetos/toureifel.gif.jpg);background-position:right;background-repeat:no-repeat}
#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:#CD6889;border-left:black 1px solid
border-right:black 1px solid;height:85px}
#logotipo {width:280px; float:left}
#publicidad {width:518px;float:center;margin-top:25px;font-size:16px}
#navegacion {background-color:#FFFAFA;border:black 1px solid;height:15px}
#navegacion li {float:left;list-style:none; margin:5px 10px 5px 10px}
#navegacion ul {margin-left:70px}
#contenido {width:auto;background-color:#CD6889;border-left:black 1px solid;
border-right:black 1px solid}
#contenido p{padding: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.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.gif)}
#pie {background-color:#CD6889;
border-left:black 1px solid;
border-right:black 1px solid;
border-top:black 1px solid;
height:65px}
#pie li {list-style:none;font-size:12px}
#pieuno {float:left;widht:150px}
#piedos {float:left;width :498px}
#pietres {float:left;width:150px}


#pie a {color :#FFFAFA;text-decoration:none; display:block}
#pie a:link {}
#pie a:visited{}
#pie a:hover{color:black;text-decoration:underline ;background-color:white}
#pie a:active{color:black}
#curva-inferior{background-image:url(objetos/curva-inferior.gif.gif);
background-repeat:no-repeat;
width:800px;
height:12px;
overflow:hidden}
* {text-ident:0px;margin:0px ;padding:0px ;border:0px}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:#00868B;text-decoration:underline;background-color:silver}
a:active {}




#logotipo a {}
#logotipo a:link {}
#logotipo a:visited{}
#logotipo a:hover {background-color:white}
#logotipo a:active{}