Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: G12 en 07 de Septiembre de 2011, 17:09:33 pm
-
Hola PHPeros, estaba haciendo un archivo, para aumentar mis conocimientos css, ya que es la primera vez que los usaba para toda la web.
Tengo este código:
<style type="text/css">
body {
margin: 0px;
}
.contenedor {
width: 680px;
margin: 0 auto;
}
.cabecera {
height: 160px;
background-image: url(images/cabecera.png);
}
.logotipo {
width: 250px;
margin-top: 25px;
background-image: url(images/logotipo.png);
}
</style>
Luego en el body he puesto:
<div class="contenedor">
<div class="cabecera">
<div class="logotipo"">
</div>
</div>
</div>
Lo que quiero hacer es que el logotipo se aleje de la cabecera 15px de arriba y 15px de la izquierda.
El problema que tengo es que si pongo margin en el logotipo me llevo la cabecera con el detras :l
Un saludo.
-
Pido una pequeña ayuda ya que estoy desesperado.
Lo he intentado con padding, margin y no me ha salido nada.
Tengo otra pequeña duda, me gustaria que me respondierais a las dos ya que no consigo dar con la manera de que funcione.
Tengo otro CSS, que es la barra donde pongo el navegador y la fecha:
.barra_gris {
height: 30px;
line-height: 30px;
background-image: url(images/barra_gris.png);
}
Luego tengo los 2 botones:
.boton1 {
padding-top: 2;
width:59px;
height:25px;
float:left;
background-image: url(images/home.png);
}
.boton2 {
width:59px;
height:25px;
float:left;
background-image: url(images/home.png);
}
El problema es que cuando pongo los botones en la barra salen arriba del todo y no se como hacer que salgan en el medio. Y también que se separen entre ellos, he intentado el padding, pero usando el padding lo que hace es repetirse la imagen mientras se aleja.
-
En realidad yo veo bien el css, solo agregale un height al contenedor y un width a la cabecera para que veas lo que realmente haces:
<style type="text/css">
body {
margin: 0px;
}
.contenedor {
width: 680px;
height:700px;
margin: 0 auto;
}
.cabecera {
height: 160px;
width:680px;
background-image: url(images/cabecera.png);
}
.logotipo {
width: 250px;
margin-top: 15px;
margin-left:15px;
background-image: url(images/logotipo.png);
}
</style>
Como ves le cambie el margin top y le agregue margin-bottom a 15px cada uno
Sobre el menú, por que no usas listas? es mucho mejor
-
a las listas me refiero:
<ul>
<li>Menu1</li>
<li>Menu2</li>
</ul>
¿Listas? :confused:
Una cosa, he puesto los codigos que tu me has dicho:
(http://imagengratis.org/images/previa1.png)
Esto es lo que pasa, si le quito logotipo llega hasta arriba la web, si se lo pongo se aleja de arriba todo lo que ponga de px que este el logotipo.
No entiendo a que te refieres :S