Ver Mensaje Individual
  #55 (permalink)  
Antiguo 03/08/2011, 17:27
Avatar de Kudsick
Kudsick
 
Fecha de Ingreso: julio-2011
Ubicación: Mexico D.F.
Mensajes: 32
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Ocultar texto, pulsar boton y mostrarlo

Cita:
Iniciado por RafaRG Ver Mensaje
¿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:absoluteleft:100pxtop:0px;
text-align:left;
background-color:red;
width:250px;
}
#columna {
position:absoluteleft:0pxtop: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