TENGO UN PROBLEMA Y UNAS DUDAS!!!!!

HOLA JEJEJE COMO ES DE COSTUMBRE OTRA VZ IA TUBE PROBLEMILLAS LO KE PASA ES KE AHORA NOSE POR KE PERO EN LA PARTE DE SEPARAR EL MENU DE LA SEGUNDA LECCION ME KEDA MAL POR KE SI SE PONEN LOS MARGENES PERO LO KE ES DE LAS LETRAS DE ENLACE KEDAN MUY PEGADAS A LA IZQUIERDA NESESITO AYUDA!!!!!!! :cry:

AKI LES MANDO MI 2 HOJAS DE ESTILO-GENERAL.CSS Y PLANTILLA.HTML

PLANILLA:

<!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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    Esta sera la zona principal de la Web</p>


    Este es mi segundo parrafo. Acabo de poner un punto y en cambio sigue siendo un parrafo pues no le eh puesto la etiqueta de cierre
    voy a ponerselo justo aqui</p>


    Y este es el tercer parrafo. En pocas lecciones voy a poder darle margenes para separar uno de otro eh incluso
    hacerles sanguias por la izquierda a la primera linea que queda mucho mejor!!!!!!</p>


    Este es mi cuarto parrafo. Espero que todo me salga muy bien y pueda aprender mucho para poder crear la pagina mas entretenida y
    chida de internet y que sea muy interesante</p>
    </div>
    <div id="pie">Este es el Pie de la Página</div>
    </div>



    </body>
    </html>


    ESTILOS:

    *{margin: 0px; padding: 0px; border: 0px}
    body {text-align: center }
    #global {width: 800px ; margin: 4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange; width: 800px; float:left }
    #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 li{ list-style:none; margin: 0px 0px 0px 0px }
    #pie {background-color: brown }
    a{color:brown;text-decoration:none; display:block }
    a:link{}
    a:visited{}
    a:hover{color:red; text-decoration:underline; background-color: silver }
    a:active{}

    p{text-align: justify }


    Y PUES APROVECHANDO EL TIEMPO TAMBIEN ME GUSTARIA SABER POR KE EL HTML NO ABRE O NO PUEDO PONER DE FONDO O DE NINGUN TIPO LAS IMAGENES JPEG Y SOLO ME PERMITE VER LAS DE FORMATO GIF Y PNG CUAL ES LA DIFERENCIA?????????????????????
  • MICHEL JIMENEZ!!
    SALUDOS...
    BYE BYE.
    Hola

    no es jpeg, debe ser jpg

    y para el fallo del menu

    aqui ve modificando los valores

    #menu {background-color: yellow; width: 150px;float: left; text-align:left ;margin: 3px 10px 3px 3px }
    #menu li{ list-style:none; margin: 0px 0px 0px 0px }

    saludos