Entrar

Ayuda con un Menu (hace tiempo que no preguntaba)

Torex · · Solicitar retirada
Ayuda... con las DIVS..

miren mi codigo..

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

<html>
<head>
<title>.: Grafic ~ Web :. Aprende diseño gráfico, principiante, y avanzado en cuestion de dias
</title>
<style type="text/css">
<!--
body {background-image: url(img/bg.jpg); background-repeat: repeat-x; Background-attachment: fixed; background-color: black;
text-align: center;margin-top: 0px; padding-top: 0px}
#global {width: 900px ; margin: 4px auto; text-aling: center; margin-top: 0px; padding-top: 0px}
.top1 {background-color: white; width: 900px; height: 30px; border: black 1px solid; border-bottom: none}
.top2 {background-color: white; width: 15px; height: 191px; border-left: black 1px solid}
.top3 {background-color: white; width: 900px; height: 50px; border: black 1px solid; border-top: none; border-bottom: none }
.top4 {background-color: white; width: 15px; height: 191px; border-right: black 1px solid}
.banner {background-color : white ; background-image: url(img/banner.jpg); widht:auto}
.espacio {background-color: none; width: 15px; height: auto}
.esquina1 {background-color: none; background-image: url(img/esquina2.jpg); width:50px ;border-top: black 1px solid; border-bottom: black 1px solid; border-left: black 1px solid}
.esquina2 {background-color: none; background-image: url(img/esquina1.jpg); width:50px ;border-top: black 1px solid;border-bottom: black 1px solid; border-right: black 1px solid}
.menuh {background-color: white; width: 900px; border-left: black 1px solid; border-right: black 1px solid; height: 60px}
.linkh {background-image: url(img/bgh.jpg);border-top: black 1px solid;border-bottom: black 1px solid}
.principal {width: 900px ; border-left: black 1px solid; border-right: black 1px solid}
.menua {background-color: yellow; width: 210px; height: 40px}
.menup {background-color: green; width: 210px; height: auto}
#menu {background-color: white; width: 210px; height: 47px}
#menuder {background-image: url(img/menuder.jpg);width: 47px; height: 40px}
#menucen {background-image: url(img/menumedio.jpg); background-repeat: repeat-x; width: 50%; height: 40px}
#menuizq {background-image: url(img/menuizq.jpg) ; width: 47px;; height: 40px}
.contea {background-color: white ; width: 690px;}
.contep {background-color: white ; width: 690px}

-->
</style>

</head>
<body>
<div id="global">
<table class="top1" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>


</td>
<td>


</td>
</tr>
</table>
<table class"" width="900px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="top2">


</td>
<td class="banner">


</td>
<td class="top4">

</td>
</tr>
</table>
<table class="top3" width="900px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>

</td>
<td>


</td>
</tr>
</table> <table class="menuh" width="900px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="espacio">

</td>
<td class="esquina1">

</td>
<td class="linkh">
Incio
</td>
<td class="linkh">
Diseño Grafico
</td>
<td class="linkh">
Diseño Web
</td>
<td class="linkh">
Descargas varias
</td>
<td class="linkh">
Foro
</td>
<td class="linkh">
Cursos Variados
</td>
<td class="esquina2">

</td>
<td class="espacio">

</td>

</tr>
</table> <table class="top3" width="900px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>


</td>
<td>


</td>
</tr>
</table>

<table class="principal" width="900px" border="1" cellpadding="0" cellspacing="0">
<tr>

<td class="espacio" bgcolor="white">d</td>
<td class="menua">
<div id="menu">
<div id="menuizq"></div>
<div id="menucen">
Este es el supuesto "Menu"</div>
<div id="menuder"> </div>
</div>
</td>

<td class="contea">



"este es el supuesto contenido"

</td>

</tr>
</table>
<table class="principal" width="900px" border="1" cellpadding="0" cellspacing="0">
<tr>

<td class="espacio" bgcolor="white">d</td>
<td class="menup">
Este es el supuesto "Menu"

</td>

<td class="contep">

Adios

Adios

Adios

Adios

Adios

Adios

Adios

Adios

Adios

Adios

Adios

"este es el supuesto contenido"

</td>
</tr>
</table>




</div>
</body>
</html>


Si ponen eso en el html

veran que el menu arriba esta así
IZQUIERDA
CENTRO
DERECHA

i quiero que quede haci

IZQUIERDA CENTRO DERECHA


ayuda-- llevo toodo el dia probando con los flotal y width y nada. >_<
Torex · · Solicitar retirada
jeje Ya lo solucíone por mi mismo no se molesten en revisar..

jeje... con una buena ducha y paciencia todo se puede

por cierto termine eliminando los DIVS y los remplaze por TD
y asi lo solucione