Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: G12 en 05 de Agosto de 2011, 22:43:04 pm
-
Hola PHPeros, se que esto es una peticion.
1. He buscado en Google y no he encontrado nada (o el nombre de mi busqueda no a ayudado mucho a encontrarlo)
2. Le he pedido a amigos y ellos tampoco saben.
Quisiera saber como puedo hacer que una barra, (una imagen) que digamos atraviese la web de lado a lado.
Gracias, un cordial saludo.
-
No entiendo a que leches te refieres... ¿puedes darnos un ejemplo?
-
Por supuesto:
(http://www.imagengratis.org/images/webnv1un.png)
-
Es suficiente con crear un div:
<div id="barra"> </div>
y agregarle CSS:
#barra {
width:100%;
height:35px;
}
-
Es suficiente con crear un div:
<div id="barra"> </div>
y agregarle CSS:
#barra {
width:100%;
height:35px;
}
Exactamente como dice Mixvice, Sólo tienes que crear una id para la etiqueta div
div#barra
abrir llaves
div#barra {
}
y dentro de llaves asignar los valores..
Height = Alto
Width = Ancho..
En mi caso aré lo siguiente.. hacer que mira 77 centímetros de ancho y 88 de alto.
div#barra {
width:77cm;
height:88cm;
}
El valor "cm" dentro de los atributos de tamaño puede cambiar dependiendo lo que quieras y en que medirlo.. ejemplo, yo utilicé CM que es Centímetros.. Si pongo px son píxeles.
Saludos, si tienes dudas envíame un mensaje privado ;)
-
Queda así:
http://imagengratis.org/images/barra1fg3pf.png
Pero yo lo que quiero es que quede así:
http://imagengratis.org/images/barra2am7wa.png
-
No veo diferencia entre las 2 imagenes... pero por el texto... los "body" tienen por defecto un cierto padding, normalmente se "reinicia" usando
* {
padding: 0;
margin: 0;
}
Así, esa barra quedaría hasta el extremo, pero tendrías que aplicar margin al contenedor principal de la web.
-
Gracias Westwest.
La diferencia entre las dos imágenes es que una no llegaba y la otra si (hecha por paint)
Gracias a ti lo he conseguido, +Karma!
Un saludo.