He ayudado ahora ayudenme a mi, a posicionar algunas cosas

Hola es hora de que me ayuden con un PROYECTO que inicie hace 2 horas..

xD

Bueno sere bastante especifico



Mi web es esta...

http://www.cursoweb.zzl.org/

Entra y veraz que

se ve un poco descuadrada.. ( preferiria que la vieras la web con explorer o firefox)

¿¿Ya viste???

Bueno querria que exactamente que quedase asì


[contenido no disponible]

OJO---- LA IMAGEN LA EDITE EN PAINT

LA URL DE LA IMAGEN ES ESTA

http://www.cursoweb.zzl.org/duda.png
http://www.cursoweb.zzl.org/duda.PNG

por favor ayudame....

Gracias por adelantado ^^.

y si vez algo mas ademas del los menus dime..

AQUI MI WEB... EN CODIGO CLARO..

DESPUES QUE TERMINE DE HACER MI WEB... LE HAGO UN ESTILO.CSS

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

<html>
<head>
<title>Bienvenido a tutorial Web</title>
<style>
body {background-color: #000000;}
#cabecera{background-color: yellow; overflow: hidden}
#enlaces {background-color: cyan;}
#enlaces ul {margin: 0px }
#contenido {background-color: red; text-align: left; padding-top: 0px; margin-left: }
#contenido-central{background-color: green; width:600px; margin-left:100px; margin-right: 100px}
#menu {background-color: blue; width: 100px; height: 100px; margin-right: 0px}
#menui {background-color: darkblue; width: 100px; height: 100px ;margin-right: 0px; margin-left: 0px }
#pie {background-color: teal}
#global {width: 800px ; margin: 5px auto;}
#publicidad {background-color: white; width: 100px; height: 200px;float: right; margin-right:0px}

p {margin: 0px 0px 0px 0px}
</style>
</head>
<body>
<div id="global">
<div id="cabecera">

TUTORIAL WEB (POR JORDAN)</p></div>
<div id="enlaces">
<ul>
  • ENLACE 1
  • ENLACE 2
  • ENLACE 3
    </div>

    <div id="contenido">
    <div id="contenido-central">


    Hola bienvenido espero que seas bienvenido a la pagina web futura de jordan muy pronto estara lista! pero tienes que ser paciente porque si no algo podria salir mal y nadie querria que pasara eso porque todo tienes que estar en perfeto orden</p><hr>


    Hola bienvenido espero que seas bienvenido a la pagina web futura de jordan muy pronto estara lista! pero tienes que ser paciente porque si no algo podria salir mal y nadie querria que pasara eso porque todo tienes que estar en perfeto orden</p><hr>
    </div>
    <div id="publicidad">

    PUBLICIDAD GOOGLE</p></div>
    <div id="menu">MENU 1</div>
    <div id="menui">MENU 2</div>
    </div>
    <div id="pie">Copyrigth &copy;</div>
    </div>
    </body>
    </html>
  • sigo sin poder ver la imagen y la direccion url de la imagen da error
    intenta de nuevo en el primer post. arregle los links

    y si no quitale el /duda.PNG

    a la direccion anterior...


    >.<
    Torex escribió:intenta de nuevo en el primer post. arregle los links

    y si no quitale el /duda.PNG

    a la direccion anterior...


    >.<

    o pon los codigos en el HTM-KIT


    bueno describo...

    los menus aparecen abajo de la seccion verde..

    quisiera que quedaran AL LADO de la seccion verde..
    te iré poniendo lo que vea sale????

    para empezar te falta cerrar la ul de enlaces
    Ok gracias yaneth un problema menos

    :wink:



    pero aun faltan los menu..

    pero hay que tener paciencia xD!!
    agregale esto aqui
    (en rojo)

    #enlaces ul {margin: 0px ; list-style:none}

    para eliminar los puntos de las listas

    Ahora viene le bueno
    he agregado un div mas, y lo he llamado menus
    este div está antes del contenido central y dentro de menus
    he puesto los 2 menus, claro que a menus tienes que ponerle un
    float-left
    asi

    <div id="contenido">
    <div id="menus">
    <div id="menu">MENU 1</div>
    <div id="menui">MENU 2</div>
    </div>
    <div id="contenido-central">

    ahora a contenido central, le he quitalo los margenes que le pusiste
    y le puse float-left, para que la publicidad se ponga a lado de el

    los estilos me han quedado asi

    #contenido-central{background-color: green; width:600px; float:left }
    #menus{width:100px; float:left}
    #menu {background-color: blue; width: 100px; height: 100px;}
    #menui {background-color: darkblue; width: 100px; height: 100px ;}

    checalo y me avisas

    saludos
    Gracias yaneth me ha quedado como yo queria ^^,

    pero ahora surge un problema con el pie..


    PD: las imagenes de arriba no se veian porque utilizaba un host que no permite SRC para foros..
    asi que he usado otro..

    [contenido no disponible]
    Ayuda y Gracias ^^.
    Hola,

    si ahora o veo

    pero.... no le has definido nada de caracteristicas en estilos

    simplemente le has puesto color de fondo, pero ..... te ha faltado
    el ancho, el alto y un float

    saludos