Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/06/2012, 21:42
apustilnik
 
Fecha de Ingreso: septiembre-2009
Mensajes: 402
Antigüedad: 14 años, 7 meses
Puntos: 6
Respuesta: Capas que se mueven con la pagina

antes que nada muchas gracias x la respuesta, y el codigo funciona perfecto
ahora mi consulta es, puedo hacer eso creando una clase css en dreamweaver? porque de momento no logre hacerlo, y probe aplicandole a la calase css diferentes tipos de posiciones, fixed, absolute, relative.... pero no funciona y no se porque
Cita:
Iniciado por skiper0125 Ver Mensaje
Hola que tal.

Ya se lo que necesitas lo que necesitas es que el menú nunca pierda su posición original, te dejo este pequeño ejemplo.

Código HTML:
<!DOCTYPE html>
<html lang="es-ES">
<head>
    <meta charset="UTF-8">
    <title>prueba menu</title>
    <style type="text/css">
            ul#navigation {
                position: fixed;
                margin: 0px;
                padding: 0px;
                top: 10px;
                left: 0px;
                list-style: none;
                z-index:9999;
            }

            ul#navigation li a {
                display: block;
                width: 100px;
                height: 30px;
                background-color:#CFCFCF;
                background-repeat:no-repeat;
                background-position:center center;
                border:1px solid #AFAFAF;
            }

            ul#navigation li {
                width: 100px;
            }

            p{
                width:250px;
                margin: 0 auto;
            }
        </style>
</head>
<body>
    asdasdas
    <ul id="navigation">
            <li class="home"><a title="Home"></a></li>
            <li class="about"><a title="About"></a></li>
            <li class="search"><a title="Search"></a></li>
            <li class="photos"><a title="Photos"></a></li>
            <li class="rssfeed"><a title="Rss Feed"></a></li>
            <li class="podcasts"><a title="Podcasts"></a></li>
            <li class="contact"><a title="Contact"></a></li>
    </ul>
    <?php
        for($i=0;$i<=100;$i++)
        {
            echo "<br>";
        }
    ?>
</body>
</html> 
prueba y comenta

Saludos