Fondo de encabezado

[rapuig]

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> 

[GAST0N]

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 ..

[rapuig]

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

[GAST0N]

Iniciado por rapuig

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!

[rapuig]

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!

[GAST0N]

Iniciado por rapuig

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??

[rapuig]

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.

[GAST0N]

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>

[ArturoGallegos]

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

[GAST0N]

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!

[rapuig]

Gracias por sus respuestas!

[GAST0N]

Iniciado por rapuig

Gracias por sus respuestas!

de nada.. exitos!!