 Autor
|
Tema: [Resuelto] background imagen en header (Leído 2,887 veces)
|
Thryks
 Desconectado
Mensajes: 112
|
Resulta que tengo un header en html5 y quiero ponerle un background (una imagen) pero quiero darle formato a esta imagen, lo que me ocurre esque solo me aparece la imagen si la pongo en el html desde el header con este codigo <header style="background: url(img/backhead.jpg)">
<p>Cualquier cosa</p>
</header>
si lo pongo en el fichero css de esta forma: header{
background-image: url(/img/backhead.jpg);
}
no me sale, también he probado poniendole comillas simples a la ruta y comillas dobles, he probado metiendole mas atributos y tampoco, porfavor necesito una solucion a esto que me está estresando bastante. Perdonen mi ignorancia sobre el tema y gracias de antemano por leer y/o contestar.
|
|
|
|
« Última modificación: 7 Septiembre 2015, 17:50 pm por #!drvy »
|
En línea
|
Futuro Sysadmin
|
|
|
DeMoNcRaZy
Desconectado
Mensajes: 420
$~*|_
|
Buenas, ¿Te puede servir algo así?
.header{ background-image: url(./img/backhead.jpg); }
Recuerda que al tener la imagen en una ruta y el archivo css en otra.. la url de la imagen cambia. Saludos.
|
|
|
|
|
En línea
|
Esta página web no está disponible - Google Chrome
|
|
|
Thryks
Desconectado
Mensajes: 112
|
Buenas, ¿Te puede servir algo así?
.header{ background-image: url(./img/backhead.jpg); }
Recuerda que al tener la imagen en una ruta y el archivo css en otra.. la url de la imagen cambia. Saludos. La verdad es que tal y como me lo has dicho me ha servido, ahora tengo otro problema, con un div me sale bien pero poniendo un header me es imposible cambiar desde el css el background.
|
|
|
|
|
En línea
|
Futuro Sysadmin
|
|
|
someRandomCode
Desconectado
Mensajes: 250
|
Pasa que cuando en CSS pones .header estas hablando de una CLASE que se llama header, o mejor dicho, de todos los elementos que tengan o hereden de esa clase.
para poner el styling en el elemento body/header/footer/heading no lleva el punto adelante y se reconoce desde el momento en el que lo invocas como <header> por ejemplo..
|
|
|
|
|
En línea
|
|
|
|
DeMoNcRaZy
Desconectado
Mensajes: 420
$~*|_
|
La verdad es que tal y como me lo has dicho me ha servido, ahora tengo otro problema, con un div me sale bien pero poniendo un header me es imposible cambiar desde el css el background.
Si has echo lo del div en el mismo archivo, prueba así en el css. header{ background-image: url(./img/backhead.jpg); }
Puede que sea por que no se especifica bien la ruta de la imagen. Prueba y coméntanos. Saludos.
|
|
|
|
|
En línea
|
Esta página web no está disponible - Google Chrome
|
|
|
Thryks
Desconectado
Mensajes: 112
|
Pasa que cuando en CSS pones .header estas hablando de una CLASE que se llama header, o mejor dicho, de todos los elementos que tengan o hereden de esa clase.
para poner el styling en el elemento body/header/footer/heading no lleva el punto adelante y se reconoce desde el momento en el que lo invocas como <header> por ejemplo..
He quitado el punto ya que se q no es una clase y he puesto el header normal, sigue sin funcionar, he verificado ahora la.ruta varias ceces y es la correcta
|
|
|
|
|
En línea
|
Futuro Sysadmin
|
|
|
|
#!drvy
|
Asegurate que usas un navegador compatible (IE < 9 no funciona). Asegurate que no tienes ninguna regla que lo reemplaze después o algo. Y claro, si estas under Linux asegurate de que la imagen tiene permisos de lectura.
Saludos
|
|
|
|
|
En línea
|
|
|
|
Thryks
Desconectado
Mensajes: 112
|
Gracias a todos por vuestros comentarios, me sirvieron de mucho, pero resultó alfinal ser lo más tonto, resulta que en vez de poner ../img/backhead.jpg puse ./img/backhead.jpg un error de novato, disculpen las molestias pero igualmente esta experiencia me ha refrescado algunas cosas. Gracias, cierro el hilo.
|
|
|
|
|
En línea
|
Futuro Sysadmin
|
|
|
|
| Mensajes similares |
|
Asunto |
Iniciado por |
Respuestas |
Vistas |
Último mensaje |
|
|
|
(resuelto)Proyecto robotica[cam - imagen]
Programación Visual Basic
|
LixKeÜ
|
4
|
3,197
|
4 Junio 2009, 02:14 am
por LixKeÜ
|
|
|
|
Problemas con warzone imagen sombra. [RESUELTO]
GNU/Linux
|
portaro
|
1
|
2,022
|
12 Mayo 2012, 23:02 pm
por portaro
|
|
|
|
Guardar imagen modificada de un picturebox (resuelto)
.NET (C#, VB.NET, ASP)
|
rchrd
|
2
|
5,392
|
25 Abril 2014, 19:47 pm
por rchrd
|
|
|
|
[Resuelto] Cuantas etiquetas header se puede tener?
Desarrollo Web
|
ccrunch
|
2
|
2,236
|
12 Septiembre 2015, 16:34 pm
por ccrunch
|
|
|
|
¿Porque en el background-size:cover, se ve la imagen grande?
Desarrollo Web
|
Drakaris
|
0
|
1,697
|
23 Febrero 2018, 16:18 pm
por Drakaris
|
 |
