Cita:
Iniciado por RafaRG
¿y has probado con la etiqueta de posición? te pongo un ejemplo para que lo veas en tu bloc de notas:
Código PHP:
<html>
<head>
<style type="text/css">
<!--
#menú {
float:right;
position:absolute; left:100px; top:0px;
text-align:left;
background-color:red;
width:250px;
}
#columna {
position:absolute; left:0px; top:0px;
text-align:center;
background-color:orange;
width:100px;
height:500px;
}
-->
</style>
<script>
function mostrar(enla) {
obj = document.getElementById('menú');
obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';
enla.innerHTML = (enla.innerHTML == 'Ocultar menú') ? 'Mostrar menú' : 'Ocultar menú';
}
</script>
</head>
<body>
<div id="columna">
<a href="#" onclick="mostrar(this); return false"/>Mostrar menú</a>
</div>
<div id="menú" style="display:none">
<ul>
<li><b>Menú que se muestra</b>
<li>Primer elemento del menú
<li>Segundo elemento del menú
<li>Tercer elemento del menú
</div>
</body>
</html>
es fácil. simplemente con position:absolute; left: px; top: px; indicas la posición del elemento escribiendo un número delante de cada px. por ejemplo si pongo position:absolute; left:100px; top:0px; , quiere decir que el elemento se situará a 100 píxeles de la izquierda y a 0 píxeles de arriba.
te pondré un tutorial sobre css. creo que te puede ser muy útil:
[URL="http://www.cristalab.com/tutoriales/tutorial-basico-de-css-c94l/"]Tutorial básico sobre CSS[/URL]
[URL="http://www.cristalab.com/tutoriales/tutorial-de-posicionamiento-y-layout-en-css-c111l/"]Tutorial de posicionamiento de CSS[/URL]
espero que esto te sirva.
un saludo

Muchas Gracias!! si me sirvio ahora ya no se ve tan cutre la informacion y tiene orden, tambien gracias por las pagina me las voy a refinar para curtirme bien en esto.
Salu2