Problemas de ajuste de menu horizontal

Rro_237 · #1 (**permalink**) 01/09/2009, 07:31

Primero q todo, un saludo a la comunidad diseñadora...

Hace algunos meses atrás comencé un proyecto web y por estos dias me he visto dificultado por un tema de codigo html.

Tengo una botonera (menu horizontal) parecido al de facebook, el problema es algo sencillo, no queda ajustado o posicionado en el extremo superior del navegador, queda a unos cuantos pixeles abajo, y la idea es que quede ajustado totalmente sin vacío o salto de linea.

Esta el ej. del banner de este foro, tambien queda apegado arriba sin espacios.

Si alguien sabe de algun evento o forma en que se puede trabajar ese detalle favor de echarme una manito.

Saludos

kseso? · #2 (**permalink**) 01/09/2009, 09:44

Sin ver tus códigos sólo se podrán hacer cábalas.
Pon un enlace si la tienes en línea (la página) o como mínimo el html y css implicados, Rro_237.

Un saludo

deirdre · #3 (**permalink**) 01/09/2009, 10:06

Voy a atreverme a hacer una cábala (kseso?

):

Encabeza tu hoja de estilo con esto:

html, body {
margin-top: 0;
}

Y nos cuentas

Bye

Rro_237 · #4 (**permalink**) 01/09/2009, 10:07

Aps! Ahi dejo la codificacion:

<?xml version="1.0" ?>
<html>
<title>Recepción | Scanner Rancagua</title>
<body onload="MM_preloadImages('menusc/menu1_2.png','menusc/menu2_2.png','menusc/menu3_2.png','menusc/menu4_2.png','menusc/menu5_2.png')">
<form name="form1" id="form1">
<table width="1030" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td style="background-image:url(images/banner_acx.png); background-repeat:no-repeat;" bgcolor="#FFFFFF"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="0%" valign="middle"><p> </p></td>
<td width="2%"> </td>
<td width="12%"><a href="formIndex.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','menusc/menu1_2.png',1)"><img src="menusc/menu1_1.png" name="Image3" width="120" height="38" border="0" id="Image3" /></a></td>
<td width="12%"><a href="formRecepcion.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','menusc/menu2_2.png',1)"><img src="menusc/menu2_1.png" name="Image4" width="120" height="38" border="0" id="Image4" /></a></td>
<td width="12%"><a href="formAgenda.php?date=<?php echo date("d-m-Y");?>&uni=1&prof=4" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','menusc/menu3_2.png',1)"><img src="menusc/menu3_1.png" name="Image5" width="120" height="38" border="0" id="Image5" /></a></td>
<td width="12%"><a href="formConsultaExamen.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','menusc/menu4_2.png',1)"><img src="menusc/menu4_1.png" name="Image6" width="120" height="38" border="0" id="Image6" /></a></td>
<td width="50%"><a href="formAdministracion.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','menusc/menu5_2.png',1)"><img src="menusc/menu5_1.png" name="Image7" width="140" height="38" border="0" id="Image7" /></a></td>
</tr>
</table>
<p align="right"> </p>
<p align="center" class="productitle"> </p>
<p> </p>
</td>
</tr>
</table>
</form>
</body>
</html>

Rro_237 · #5 (**permalink**) 01/09/2009, 10:13

Ok ya lo solucioné...
Gracias por tu ayuda Deirdre...

kseso? · #6 (**permalink**) 01/09/2009, 10:14

Deidre, te faltó la primera cábala ¿hay doctype?

Ahí lo dejo, también.

deirdre · #7 (**permalink**) 01/09/2009, 16:40

Presuponer la presencia de doctype es un error, incluso en el 2009: una pena que existan y, lo peor, que se sigan haciendo páginas en quirks (sin doctype): me apunto esto como primera cábala (thanks kseso?

): prometo no volver a presuponer la presencia de doctype...

Bye

Rro_237 · #8 (**permalink**) 01/09/2009, 21:13

Eso no es tema de interes estimados.

Verán le saque el doctype por un tema que se viera menos codigo a la hora de presentarlo aca, nada mas por eso, no hay para q tanta parafernalia de q el 2009 aun no existan programadores que incluyan esto y esto otro... es innecesario.

Corneja · #9 (**permalink**) 02/09/2009, 00:40

No Rro_237 no es innecesario ya que si te movieras por aquí con más frecuencia verías la cantidad de problemas que se solucionan sólo con poner el doctype correcto.

jomaruro · #10 (**permalink**) 05/09/2009, 09:46

Hola:

Rro_237, ¿Tan innecesario como la sección <head></head>? ¡Qué también falta!

Saludos.

alexk · #11 (**permalink**) 05/09/2009, 11:20

muy necesario talvez hay que informarnos mas en el enlace que puso kseso? claro que sin eso no se valida por cierto