varias imagenes en el index y la hoja css POR FAVOR RESPONDA

holas , nuevament e aca , como anteriormente me habian pedido publicar mi hoja de estilos y el index ,lo pongo nuevamente .
Antes decirles que pese a haber terminado todas las lecciones del curso paso a paso ahun tengo problemas ,como :

-poner varias imagenes una alado de otra y como ponerlas en el index?? ya que he tratado separando con el ; (punto y coma) pero me sale una imagen en toda la linea y abajo se ve la otra imagen es decir no logro ponerlas lado a lado ;
los subindices que estan encerrados en el cuadro blanco o la barra de navegacion al clikar para poder pasar a una de las tantas paginas me sale tambien error y es seguro que algo esta mal en mi index general o el index de la hoja correspondiente ,de todos modos pegare las 2 aca
- y por ultimo mi pagina me sale un poco deformada

GRACIAS LES DOY POR TODA LA AYUDA Y PERDONEN SI AHUN NO SOY EL GENIO ! QUE DEBIA SER CON EL CURSO COMPLETO (en el buen sentido) DE PASO PUEDEN VER MI PAGINA YA QUE cree MI sitemap , y no se si lo abre hecho bien ,seran bienvenidas todas las criticas !!

-------------------- index.htlm----------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<script src="http://h1.flashvortex.com/display.php?id=3_1241357755_13285_342_0_4…" type="text/javascript"></script>
<html>
<head>
<meta http-equiv="Content-Type"content="text/html;charset=iso-8859-1">
<title>Pagina 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="imagen">[contenido no disponible][contenido no disponible]</a></a>
<div id="publicidad"><h2>PUBLICIDAD</h2></div>
</div>
<h2>Conociendo la ciudad luz,Paris
Este pais maravilloso,donde encontramos un sin fin de cosas.
Monumentos,restaurantes famosos!
Todas las regiones con sus particularidades y
paseando tambien por mi pais de origen-Bolivia </h2>


Pincha aca CCTW para poder acompanarme en esta viaje</p>
<div id="contenido">
<div id="menu">
<diw id="navegacion">
<h1>xx</h1><ul>
  • Quien-soy
  • Experiencias
  • Filosofando
  • Mis-pasiones
  • Mis-viajes
  • Albunes
  • Videos
    </div>
    <h2>Probablemente las imagenes ayuden a describir un momento vivido,nos recuerden algo precioso.
    Asi que viajaremos en esta pagina que elabore,y de estta forma mantener conectado a Latinoamerica con Europa!!
    Claro ya sabemos que gracias al internet todo es posible !!
    Asi que alistate para acompaniarme en este bonito viaje
    y dejame por supuesto tus opiniones,criticas que tambien las acepto,ya que me ayudaran a mejorar el sitio</h2>
    [contenido no disponible]


    [contenido no disponible][correo eliminado]</p>
    <h2>Podemos analizar un sin fin de cosas ,compartir,por que no de esta manera</h2>
    <h2>Si te animas te invito a opinar,a descubrir junto a mi este maravilloso mundo que nuestro Creador Bendito nos regalo!</h2>


    Experiencias vividas a lo largo de mi vida, mis viajes ,todo aquello que conoci,vivi y senti</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>
    [contenido no disponible]
    </div>
    </html>

    ----------------------- estilo-general.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:#708090;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:#EEDD82;border-left:black 1px solid
    border-right:black 1px solid;height:85px}
    #logotipo {width:280px; float:left}
    #imagen {width:280px;float:right}
    #publicidad {width:518px;float:center;margin-top:25px;font-size:16px}
    #navegacion {background-color:#E8E8E8;border:white 1px solid;height:15px}
    #navegacion li {float:left;list-style:none; margin:5px 10px 5px 10px}
    #navegacion ul {margin-left:60px}
    #contenido {width:auto;background-color:#EEDD82;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:#FFD700;
    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:#363636;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{}



    --------------------quien-soy.html------------------------


    <!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>Conociendome un poco</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"><h1>Bienvenidos a mi Web</h1></div>
    </div>
    <div id="navegacion">
    <ul>
  • Experiencias
  • filosofando
  • viajes
  • pasiones
  • albunes
  • videos
    </div>
    <div id="contenido">
    <div id="menu"><h1>Mi biografia</h1><ul>
  • Quien-soy
  • Mi-ciudad
  • Agenda
  • Fotos
  • Comentarios
    </div>
    <h1>Mi biografia</h1>


    Naci en la bonita ciudad de Cochabamba,el 26 de Julio de 1970. La mayor de 4 hermanos.De pequenia estudie en varios colegios y finalmente sali bachiller del colegio"Irlandes"(Esclavas del sagrado corazon de Jesus)</p>


    Posteriormente estudie Arquitectura en la "UMS"( Universidad Mayor de San Simon)</p>


    Por los anios 2000 se me presento la oportunidad de quitar mi pais y empezar un largo viaje por paises maravillosos ,como :Argentina,Brasil,Espania,Francia,Alemania,Egipto e Israel</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>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>


    NUEVAMENTE ,MUCHISIMAS GRACIAS POR LA AYUDA
  • hola

    para ordenas varias imagenes, lo puedes hacer con tablas o con divs
    (esto es muy util cuando queremos poner imagenes, y aun lado texto

    ahora... debes ver si las imagenes son enlaces
    estos no deben tener la propiedad display block


    saludos
    ok ! es decir debo borrar el display: block de la hoja de estilos ?
    y si bien entendi solo puedo poner imagenes acompanadas de texto alado y no imagen alado de otra imagen ?
    y por ultimo por favor con respecto a dar clik en la barra de navegacion para pasar a otra subpagina por que no logro verla??

    gracias le doy por todo y seria bueno tal vez constatar esto que les comento clikando en el lien de mi pagina , asi me critican mi web de paso , merci !
    esta linea

    * {text-ident:0px;margin:0px ;padding:0px ;border:0px}

    la tienes dos veces

    la que està al final es la que te sobra

    y si, puedes poner dos o mas imagenes, una al lado de la otra

    lo que hace que se bajen es el display block

    saludos
    gracias yanet he seguido tu consejosin embargo no vi cambio alguno ,borre ambos display:block de la hoja de estilos y tb la 2° linea que tenia duplicada ,la tengo igual mi pagina :( y sobre los otros puntos espero tener sugerencias ( sobre por que al clikar en la barra de navegacion sobre una de las diferentes subpaginas no logro llegar a ella?? espero orientacion de vuestra parte
    has visto tu pàgina con opera????? o con firefox?????????

    para ayudarte con la barra de navegacion, necesito me muestres
    una captura de tu carpeta azul abierta
    con todas las sub carpetas abiertas tambien

    saludos
    DE ACUERDO Y COMO PEGO IMAGENES ACA ?? trate pero no puedo pegarlas :?
    aqui en el foro, en la parte de arriba hay un post de como hacerlo

    en el foro de html kit en el indice frecuentes, tambien hay un tema de como poner imagenes

    saludos
    okis,muchas gracias Yanet !

    aca dejo para empezar la captura del index azul que esta en las 2 primeras fotos,seguidos de la foto de la hoja de estilos general:(cuando cliko en preview)
    la captura de el index.html de la subcarpeta Quien soy (ahun no termine de configurar las otras subcarpetas y estan igual a esta ya que usamos el editpad-life)
    y por ultimo pegue capturas de los mismos pero haciendo vista previa en las carpetas de mi computador es decir las carpetas amarillas

    TODO ESTO LO VEO CON EL INTERNET EXPLORER VERSION 8

    -----------------index.html-------------------

    [contenido no disponible]

    [contenido no disponible]

    --------------------------estilo-general.css-------------------------

    [contenido no disponible]

    -------------------index.html de Quien-soy--------- (subcarpeta)

    [contenido no disponible]


    -------------------- ahora le spego en la carpeta de mi computador ----
    ------- index .html------------------

    [contenido no disponible]

    [contenido no disponible]

    -----------index.html subcarpeta Quien soy--------

    [contenido no disponible]


    MUCHISIMAS GRACIAS OR TODA LA AYUDA !
    hola

    las imagenes estàn muy borrosas, pero le intentarè jeje

    primero, iremos sobre el enlace de quien-soy.html ok????

    tienes esto en el index

  • ../Quien-soy/Quien-soy"]Quien-soy

    los ../ que pones quiere decir.... "salte de esta carpeta"
    Quien-soy/ quiere decir... busca la carpeta que se llama Quien-soy
    Quien-soy le intentas decir que busque ese documento verdad??? pero te faltò ponerle la extencion

    resumiendo:
    salte de esta carpeta, busca una carpeta llamada Quien-soy, y busca el documento llamado Quien-soy

    priemero que nada, si estàs en la raiz de tu web, de que carpeta quieres salir???? esos ../salen sobrando en el index...
    ahora.... la carpeta llamada Quien-soy, dentro de esa carpeta yo

    y tercero, el documento se llama quien-soy.html

    ENTONCES
    deberia estar asi

  • Quien-soy

    verdad???????
  • hola y gracias!

    bueno si y veo que me lie increiblemente ; si deberia estar asi :oops:

    y bueno continuo leyendote
    Entonces... ya funciona el enlace de quin soy????
    sube los cambios

    yy, para ayudarte con el siguiente enlace
    necesito la captura de pantalla con la carpeta Experiencias abierta (de la azul)

    saludos
    hola

    imagina que tu web es un gran castillo,
    con muchas habitaciones

    un gran jardin con muchas flores
    una graan puerta preciosa de madera antigua
    al entrar hay una gran estancia con sillones preciosos
    yy muchas puertas...................
    que hay detras de las puertas?????, habitaciones?, cocinas?, mas estancias?. area de juegos?, de tv?, que habrà????????

    pero... como el castillo es muy grande, y hay muchas puertas tus invitados se pueden perder no crees?, o entrar donde no deban :evil:

    para eso.... tenemos que hacer un mapa (te preguntaràs que a que biene tanto rollo verdad? :wink: )

    bueno.... pues haremos el mapa.....

    jardin
    estancia
    cocina
    comedor
    recanmara de princesa
    recamara de principe
    recamara de los reyes

    oooo que lindo castillo verdad?????? ya te lo imaginaste????

    entro al jardin voy a la estancia,paso por el comedor,
    PERO.... Y SI QUIERO REGRESARME AL JARDIN??? COMO LE HAGO?????

    estoy en el comedor, ../ (me salgo) y llego a la estancia... ../ (me salgo) y llego al jardin
    verdad??????????

    todo este rollo es para que te des una idea de como acomodar las cosas

    tu tienes in index... serià como la estancia de tu castillo

    y en el has puesto el mapa

  • Quien-soy
  • Experiencias
  • Filosofando
  • Viajes
  • Pasiones
  • Albunes
  • Videos


    este ya funciona!!
    Quien-soy

    este no
    ../Experiencias/experiencias.html"]Experiencias


  • recuerdas que era esto???? ../
    significa salte de aqui

    le dices

    salte de aqui, busca la carpeta Experiencias, y dentro està el documento experiencias.html

    esto es correcto??'???
    si se sale de la carpeta donde està el index, a donde va a llegar??????
    a ningun lado... eso mismo te lo dije con la carpeta quien soy
    deberias tenerlo asi

    Experiencias



  • eso mismo checalo con todos los enlaces que pusiste dentro del index
    en el caso de las subcarpetas ya veremos si lo necesitan o no ok?????


    ahora.... como te decia, el enlace a quien soy ya funciona
    solo que... no te està tomando los estilos, entonces... la linea de los estilos es esta

    <link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">

    y le estàs diciendo que busque ese documento...
    pero... recuerda que ya estàs dentro de la carpeta Quien.soy, y dentro de esa carpeta no tienes estilo-general.css verdad????
    ese està en la carpeta de afuera entonces.. si le pones ../

    ../estilo-general.css

    que siginfica

    salte de esta carpeta (Quien-soy) y llegaràs a la principal, ahi està el documento esilo-general.css

    lo comprendes ahora???????

    debes fijarrte bien donde utilizar ../ y donde no

    saludos