Autor Tema: Ayuda - Barra que atraviesa la web  (Leído 713 veces)

Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Ayuda - Barra que atraviesa la web
« 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.

Comunidad PHPeros

Ayuda - Barra que atraviesa la web
« en: 05 de Agosto de 2011, 22:43:04 pm »

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:Ayuda - Barra que atraviesa la web
« Respuesta #1 en: 05 de Agosto de 2011, 23:38:36 pm »
No entiendo a que leches te refieres... ¿puedes darnos un ejemplo?

Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Ayuda - Barra que atraviesa la web
« Respuesta #2 en: 06 de Agosto de 2011, 00:40:45 am »
Por supuesto:

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:Ayuda - Barra que atraviesa la web
« Respuesta #3 en: 06 de Agosto de 2011, 01:28:50 am »
Es suficiente con crear un div:

Código: [Seleccionar]
<div id="barra"> </div>
y agregarle CSS:

Código: [Seleccionar]
#barra {
width:100%;
height:35px;
}

Desconectado Atrix

  • PHPer@
  • **
  • Mensajes: 69
  • Karma: 2
  • Sexo: Masculino
  • Ah..?
    • Ver Perfil
Re:Ayuda - Barra que atraviesa la web
« Respuesta #4 en: 06 de Agosto de 2011, 02:27:28 am »
Es suficiente con crear un div:

Código: [Seleccionar]
<div id="barra"> </div>
y agregarle CSS:

Código: [Seleccionar]
#barra {
width:100%;
height:35px;
}

Exactamente como dice Mixvice, Sólo tienes que crear una id para la etiqueta div

Código: [Seleccionar]
div#barra
abrir llaves

Código: [Seleccionar]
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.

Código: [Seleccionar]
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 ;)

Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Ayuda - Barra que atraviesa la web
« Respuesta #5 en: 06 de Agosto de 2011, 11:28:12 am »

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:Ayuda - Barra que atraviesa la web
« Respuesta #6 en: 06 de Agosto de 2011, 11:58:37 am »
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.

Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Ayuda - Barra que atraviesa la web
« Respuesta #7 en: 06 de Agosto de 2011, 12:06:37 pm »
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.