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