Foros del Web » Creando para Internet » CSS »

Fondo de cabezera desaparecio

Estas en el tema de Fondo de cabezera desaparecio en el foro de CSS en Foros del Web. El problema consiste cuando comienzo el codigo para implementar los estilos de la lista, se desaparece el fondo por completo. ¿por qué?. eñ baclgrpund de ...
  #1 (permalink)  
Antiguo 12/12/2008, 16:18
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Fondo de cabezera desaparecio

El problema consiste cuando comienzo el codigo para implementar los estilos de la lista, se desaparece el fondo por completo. ¿por qué?. eñ baclgrpund de la cabezera es negro

Código HTML:
* {margin: 0; padding: 0; border:0;}

 body {
	font:14px Georgia, Arial, Helvetica, sans-serif;
}

#header {
	background:#323232 url('../imagenes/background_header.jpg') center repeat-y;
	height: 100%;
	width: 100%;
	
}
#header_inside {
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	margin:0 auto;
	width:800px;
}

#header_inside h1 {
	color:#fff;
	float:left;
	margin:0 0 0 20px;
}
#header_inside ul {
	float:right;
	height:100px;
	list-style:none;
	width:600px;
	width:350px;
}
#header_inside ul li {
	border-right:1px solid #555;
	float:right;
	height:100px;
	width: 90px;
	list-style:none;
}
Código HTML:
<div id="header">
<div id="header_inside">
    <h1><a href="index.html">Ferrer Lantigua Website</a></h1>
    
    <ul>
      <li><a href="#">Portada</a></li>
      <li><a href="#">Grandes rutas</a></li>
      <li><a href="#">Nuevas rutas</a></li>
      <li><a href="#">Ciudades</a></li>
      <li><a href="#">Pueblos</a></li>
    </ul>
  </div>
</div> 
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #2 (permalink)  
Antiguo 12/12/2008, 16:21
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Fondo de cabezera desaparecio

Tienes dos anchos en el mismo selector:
#header_inside ul {
float:right;
height:100px;
list-style:none;
width:600px;
width:350px;


Mira a ver, no sería muy fácil mirarlo si nos das un url...

Aresillo!!
  #3 (permalink)  
Antiguo 12/12/2008, 17:21
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Fondo de cabezera desaparecio

He gracias por eso que no lo note, en fin aqui te dejo la pagina.

http://ianiferrer.site90.com/

Yo deseo es el mismo efecto de la cabezera, el prolema es que aun no se trabajar con los administradores de contenido y lo estoy modificando yo :)
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #4 (permalink)  
Antiguo 12/12/2008, 17:31
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Fondo de cabezera desaparecio

Te sale blanco cuando pasas por encima porque está puesto así para el hover...
Mira:
#header_inside ul li a:hover {ianiferr...ite90.com (línea 115)
background:#FFFFFF none repeat scroll 0 0;
color:#111111;
}

Si no es eso entonces es que no entiendo la pregunta...
  #5 (permalink)  
Antiguo 12/12/2008, 17:36
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Fondo de cabezera desaparecio

Además dices "el fondo de la cabecera es negro", pero esto muy negro no es:

background:#323232 url('../imagenes/background_header.jpg')

¿no?

No, yo tampoco entiendo bien tu duda, DoPeY
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 12/12/2008, 17:48
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Fondo de cabezera desaparecio

Lo que yo deseo es hacer el mismo encabezado que esta en la pagina que les di, el problema consiste en que el background negro (de la cabecera) sale en blanco.

Si yo remuevo el css que he puesto hasta el h1 todo esta bien, pero al poner los estilo de la lista desaparece el background.

Espero que se entienda ahora
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #7 (permalink)  
Antiguo 12/12/2008, 18:09
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Fondo de cabezera desaparecio

Ah, es que yo pensaba que esa era la tuya.

Pues añádele al selector del ul el fondo negro y ya está. La cosa es que quizá no te des cuenta, pero si estás usando el mismo código, verás que el ul es mucho más grande de lo necesario:

Cita:
#header_inside ul {float:right;
height:100px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:600px;
}
por lo que, si le pones un fondo blanco, te coge casi toda la cabecera, de hecho incluye hasta el principio del h2.
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 12/12/2008, 19:00
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Fondo de cabezera desaparecio

el depurador me dice que la propiedad background esta mal pero lo he cambiado de varias forma y aun asi no da. :(
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #9 (permalink)  
Antiguo 13/12/2008, 05:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Fondo de cabezera desaparecio

Cita:
Iniciado por DoPeY-BBS Ver Mensaje
el depurador me dice que la propiedad background esta mal pero lo he cambiado de varias forma y aun asi no da. :(
¿La propiedad background de dónde?
¿Has probado lo que te he dicho?
__________________
Visita mi nueva web idplus.org
  #10 (permalink)  
Antiguo 13/12/2008, 11:42
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Fondo de cabezera desaparecio

Cita:
La propiedad background de dónde?
La del #header

Cita:
¿Has probado lo que te he dicho
Si, lo he probado, yo lo que quiero lograr es el efecto de la cabecera del foro del web pero por mas que intento posicionar el menu a la derecha con float right y posicion absolute no lo logro.
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:15.