Entrar

PROBLEMA LINEA

luismari69 · · Solicitar retirada
Hola

Estoy haciendo una web, y nada mas empezar me dispongo a poner varios enlaces en el menu superir que queden ordenados en linea (horizontal). Lo hago sin problema, pero lo que me sucede es que se me sube el primer elemento del otro menu arriba. Os copio el codigo html y los estilos para ver si me podeis decir algo.

CODIGO HTML:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>

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

</head>
<body>

<div id="global">

<div id="cabecera">Logotipo</div>

<div id="enlaces1">
<div id="quienes">Quienes Somos</div>
<div id="condiciones">Condiciones</div>
<div id="noticias">Noticias</div>
</div>

<div id="enlaces2">Enlaces para palas y asi
<ul>
  • Dabber
  • Femak
  • Steel Custom
  • Top force
  • Vairo

    </div>
    </div>



    <div id="piebueno"></div>

    </div>

    </body>
    </html>


    ESTILOS:

    #global {width:800px ; margin: 4px auto }
    * {margin:0px ; padding:0px ; border: 0px}
    #enlaces2 li {list-style:none ; margin: 4px 0px 4px 6px }
    #enlaces1 {border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; }
    #quienes {background-color: brown ; float:left}
    #condiciones {background-color: green ; float:left}
    #noticias {background-color: red ; float:left}



    PERDON POR OCUPAR TANTO

    Espero vuestra respuesta.
    Gracias y saludos
    • Foley · · Solicitar retirada
    Puedes pasarnos la dirección de tu web para verlo?

    P.D: Ocupa todo el espacio que quieres para escribir, no hay problema :wink:
    luismari69 · · Solicitar retirada
    la web la estoy aciendo todavia no la e subido
    pero vosotros podeis verla con el codigo y los estilas no??

    gracias y saludos
    Foley · · Solicitar retirada
    Si y no, yo veo tu código y me lo puedo imaginar pero no es como verlo jeje.

    Para verlo tendría que crear un index.html, meterle tu código y crear un archivo css con tu código y subirlo todo a una web mía para verlo.

    Te recomiendo crearte el espacio web, súbela ahí y enséñanosla ;)
    josesd · · Solicitar retirada
    he encontrado un error.


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Page title</title>

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

    </head>
    <body>

    <div id="global">

    <div id="cabecera">Logotipo</div>

    <div id="enlaces1">
    <div id="quienes">Quienes Somos</div>
    <div id="condiciones">Condiciones</div>
    <div id="noticias">Noticias</div>
    </div>

    <div id="enlaces2">Enlaces para palas y asi
    <ul>
  • Dabber
  • Femak
  • Steel Custom
  • Top force
  • Vairo

    </div>
    </div>



    <div id="piebueno"></div>

    </div>

    </body>

    fijate donde estas cerrando el div global (rojo) y donde se deberia cerrar (Verde)
    • Yaneth · · Solicitar retirada
    no tengo mucho de donde ayudarte
    ya que no se cual es el efecto que deseas lograr

    tus divs no tienen anchura ni altura,
    dime donde debe estar cada uno de los divs
    para poder ayudarte

    y el primer error que vi fue en el css
    la linea del * debe estar arriba de todo

    luego en el html

    aqui tienes muchos divs que no declaraste en el css, en ves de poner ul li pusiste dvs, que tambien es valido, solo que debes declararlos en css poniendoles a cada uno float:left para que se acomoden uno al lado del otro
    <div id="enlaces1">
    <div id="quienes">Quienes Somos</div>
    <div id="condiciones">Condiciones</div>
    <div id="noticias">Noticias</div>
    </div>


    saludos