border/background withs en un header
7 seguidores
hola a tod@s, tengo una duda:
quiero poner un border y un background-color a un h1
y pongo por ejemplo esto:
h1
{
border:1px solid #333;
color:black;
background-color:cyan;
}
_________________________________________________
| HOLA__________________________________________|
pues me lo hace guay, y queda así de ancho por que no se ha
especificado otra cosa, ocupa todo el ancho que puede...
el caso es que yo quiero esto:
_______
| HOLA |
es decir, que el ancho se ajuste al título sin que tenga
que meter medidas exactas, ya que quiero dejar el tamaño
de la fuente en 'em'
alguna idea??
gracias.
lute3d
txuma
Siento ser purista y un poco tocapelotas
jajajaaa
viniendo de tí txuma es un honor el toquecito de pelotas :D
violeta... hazle caso a txuma que sabe lo que dice...
txuma Plus
lute3d
<div class="quote">
Violeta
<blockquote>y eso del em que es?</blockquote>
</div>
'em' es la etiqueta html recomendada para las <em>'cursivas'</em>
Siento ser purista y un poco tocapelotas, lute3d, pero esa explicación no es del todo correcta. em no es para poner en cursiva sin para enfatizar. Otra cosa distinta es que por defecto ponga el texto enfatizado en cursiva.
violeta
Ahh vale, vale! jaja
lute3d
Violeta
y eso del em que es?
'em' es la etiqueta html recomendada para las <em>'cursivas'</em>
como toda etiqueta puedes darle formato con css, y
si pones:
en el css:
<code>h1 em
{
color:#DD00DD;
font-weight:bold;
}</code>
y en el html
<code><h1>hola <em>violeta guapa!!</em></h1></code>
pues tendrás un h1 con violeta guapa!! en cursiva, negrita y violeta
:D
violeta
y eso del em que es?
lute3d
meddle
lo mas semantico que se me ocurre es usar una etiqueta em (enfatizar):
<code>
h1 em{
border:1px solid #333;
color:black;
background-color:cyan;
}
...
<h1><em>titulo</em></h1></code>
Alter Ebro
o con display:inline en el h1??
de vueltas en madrid...
gracias chik@s, creo que utilizaré el método 'meddle', es que con el display:inline; funciona de puta madre en todos lados menos en el-puto-explorer, donde pierdo el border... :(
en fin, un saludo...
helenp
>>>>>pones diferentes tienes mas palabras para los buscadores?? no son el title y el h1 lo k mas tiene en cuenta el robot??>>>>>>>
eso cambia de mes en mes,
yo con el florida llegue a quitar los h1 y dos, para usar solo p,s.........
es que los hay que abusan de h1 y h2
meddle
si, yo tampoco lo entiendo mucho, no se exactamente la razon ni como funcionan los algoritmos de busqueda/indexacion, pero es una recomendacion del W3C
alter_ebro
cierto meddle.
con lo que dices que deberia tener el h1 el mismo contenido del title no crees que si los pones diferentes tienes mas palabras para los buscadores?? no son el title y el h1 lo k mas tiene en cuenta el robot?? si son diferentes hay mas posibilidad de k te cazen en la busqueda no?
meddle
por cierto el h1 deberia ser unico, y tendria el contenido del title. empezariamos a usar titulos reales a partir del h2:
http://www.w3.org/QA/Tips/Use_h1_for_Title
meddle
eso subiria el contenido siguiente al h1 a su misma altura/bloque ;)
alter_ebro
o con display:inline en el h1??
meddle
lo mas semantico que se me ocurre es usar una etiqueta em (enfatizar):
<code>
h1 em{
border:1px solid #333;
color:black;
background-color:cyan;
}
...
<h1><em>titulo</em></h1></code>
kokito
Sorry, ya me he dado cuenta al leer otra vez el post. Pero ha sido demasiado tarde. Me he puesto colorada.
kkt.
lute3d
ya kokito, es lo que te decía,
que si puedo prefiero evitar un
width fijo...
kokito
Dale width:
<code>h1{
border:1px solid #333;
color:black;
background-color:cyan;
width: 50px;
}</code>
kkt.