Entrar

varias imagenes en el index y la hoja css

layla · · Solicitar retirada
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 !
layla · · Solicitar retirada
como consigo poner una imagen tras otra ya se a en la hoja css o en el index .html por favor ! gracias !
Yaneth · · Solicitar retirada
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
layla · · Solicitar retirada
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___________________
    • layla · · Solicitar retirada
    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 !
    Yaneth · · Solicitar retirada
    ok
    entonces para ayudarte
    necesito ver los codigos completos
    tanto de css como de html

    saludos
    layla · · Solicitar retirada
    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{}