Foros del Web » Creando para Internet » CSS »

Fondo de encabezado

Estas en el tema de Fondo de encabezado en el foro de CSS en Foros del Web. Hola! Consulta, es posible que el fondo de un encabezado se ajuste al contenido, o sea al texto y no a todo el div que ...
  #1 (permalink)  
Antiguo 15/07/2011, 12:44
 
Fecha de Ingreso: junio-2011
Mensajes: 477
Antigüedad: 6 años, 1 mes
Puntos: 13
Fondo de encabezado

Hola! Consulta, es posible que el fondo de un encabezado se ajuste al contenido, o sea al texto y no a todo el div que contiene el texto?

Muchas gracias!


CSS
Código:
h1{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:40px;
	background-color:#FFF;
	margin:0;
	color:#003366;
}
#texto{
	margin-top:50%;
	width:340px;
	height:auto;
	float:right;
}
HTML
Código HTML:
<div id="texto">
  <h1>lprueba prueba</h1>
  <h1>prueba</h1>
</div> 
  #2 (permalink)  
Antiguo 15/07/2011, 12:50
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 6 años, 11 meses
Puntos: 64
Respuesta: Fondo de encabezado

NO ENTIENDO =s .. AHI TENES LA ETIQUETA H1 Y LO Q ESTA DENTRO TIENE FONDO BLANCO... COMO QUERES QUE SE VEA??

PD: POR CADA ARCHIVO SOLO PODES PONER UN H1 , AHI TENES 2 ..
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 15/07/2011, 13:00
 
Fecha de Ingreso: junio-2011
Mensajes: 477
Antigüedad: 6 años, 1 mes
Puntos: 13
Respuesta: Fondo de encabezado

A ver si me puedo explicar mejor, por ejemplo supongamos que el subrayado es el background:

Esto no quiero:
prueba prueba
prueba_______


Esto si:
prueba prueba
prueba
  #4 (permalink)  
Antiguo 15/07/2011, 13:19
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 6 años, 11 meses
Puntos: 64
Respuesta: Fondo de encabezado

Cita:
Iniciado por rapuig Ver Mensaje
A ver si me puedo explicar mejor, por ejemplo supongamos que el subrayado es el background:

Esto no quiero:
prueba prueba
prueba_______


Esto si:
prueba prueba
prueba
en ese caso ponele al H1 display:inline;

saludos!
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #5 (permalink)  
Antiguo 15/07/2011, 13:25
 
Fecha de Ingreso: junio-2011
Mensajes: 477
Antigüedad: 6 años, 1 mes
Puntos: 13
Respuesta: Fondo de encabezado

Muchas gracias!
Y otra consulta que tiene que ver con esto, en caso que no se pueda entonces abro un nuevo tema, es posible por ejemplo dentro de un mismo encabezado que una parte tenga un color y la otra otro?
Ejemplo:
prueba prueba
prueba

Gracias!
  #6 (permalink)  
Antiguo 15/07/2011, 13:30
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 6 años, 11 meses
Puntos: 64
Respuesta: Fondo de encabezado

Cita:
Iniciado por rapuig Ver Mensaje
Muchas gracias!
Y otra consulta que tiene que ver con esto, en caso que no se pueda entonces abro un nuevo tema, es posible por ejemplo dentro de un mismo encabezado que una parte tenga un color y la otra otro?
Ejemplo:
prueba prueba
prueba

Gracias!
si se puede, pero como te dije antes por pagina(seccion) podes usar solo un H1 , despues de h2 en adelante lo podes repetir las veces q quieras

como quedaria el html de tu encabezado??
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #7 (permalink)  
Antiguo 15/07/2011, 13:57
 
Fecha de Ingreso: junio-2011
Mensajes: 477
Antigüedad: 6 años, 1 mes
Puntos: 13
Respuesta: Fondo de encabezado

Seria algo asi?
HTML
Código HTML:
<div id="texto"><h2>prueba PRUEBA</h2></div> 
CSS
Código:
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	font-size:3em;
	}
Es decir, yo quiero que PRUEBA (mayúsculas) quede con otro color. Lo hago con el mismo h2 o con h3 por ejemplo dándole otro color?

Gracias.
  #8 (permalink)  
Antiguo 15/07/2011, 14:09
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 6 años, 11 meses
Puntos: 64
Respuesta: Fondo de encabezado

deberias diferencias tu contenido .. el titulo va en h1 y luego el sub titulo en h2 y asi sucesivamente segun la importancia ... si "prueba" y "PRUEBA" serian diferentes titulos deberias diferenciarlos en distintos H ..

entonces ahi le das estilo a h1 otro a h2 , h3 etc etc

y si no podrias hacer lo siguiente

<div id="texto"><h2><p>prueba</p><p> PRUEBA</p></h2></div>

ejemplo de estilo:

p{
font-size:40px;
margin:0;
color:green;
display:inline;
}

p+p{
font-size:40px;
margin:0;
color:red;
display:inline;
}

en la primer regla se le aplica a los de la etiqueta <P> y en p+p se le aplica al <P> q esta adyacente a otro <P>
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #9 (permalink)  
Antiguo 15/07/2011, 15:26
Avatar de ArturoGallegos
Colaborador
 
Fecha de Ingreso: febrero-2008
Ubicación: SLP, México
Mensajes: 5.710
Antigüedad: 9 años, 4 meses
Puntos: 918
Respuesta: Fondo de encabezado

1ra.- en un documento HTML pueden ir tantos H1 como sean necesarios... que lo recomendable sea usar solo uno por pagina es otra cosa

2da.- dentro de un titulo (h1...h6) no se pueden colocar elementos tipo bloquee, como son los <p> y los <div>

y si no me creen prueben validar el código.

3ra.- para separar el texto en varias lineas dentro de un titulo utiliza el <br />

<h1>titulo<br />titulo</h1>

4ta.- para agregarle varios colores a un titulo coloca los textos dentro de etiquetas <span> y asigna el color necesario a cada una
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #10 (permalink)  
Antiguo 15/07/2011, 15:47
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 6 años, 11 meses
Puntos: 64
Respuesta: Fondo de encabezado

La etiqueta H1 tan solo debe usarse una vez por documento.

Un libro o una pelicula... solo tiene un titulo... luego tendra subtitulos, etc... pero título... solo uno!
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #11 (permalink)  
Antiguo 15/07/2011, 16:16
 
Fecha de Ingreso: junio-2011
Mensajes: 477
Antigüedad: 6 años, 1 mes
Puntos: 13
Respuesta: Fondo de encabezado

Gracias por sus respuestas!
  #12 (permalink)  
Antiguo 15/07/2011, 16:17
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 6 años, 11 meses
Puntos: 64
Respuesta: Fondo de encabezado

Cita:
Iniciado por rapuig Ver Mensaje
Gracias por sus respuestas!
de nada.. exitos!!
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>

Etiquetas: contenido, encabezado, fondo
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 06:30.