Téma: h1, h2 stb. címek szélességének meghatározása

Konkrétan a display: inline; kinyírja a térközöket

ARTidas eredeti hozzászólása

<br clear="all" />

Elemmel tudod eltörni, hogy ne tűnjön át másba. Alatta és felette.

Cheers,

css lapon ha működik hasonló, az jó lenne, de ez így ebben a formában nem jött be.

HAL9000 eredeti hozzászólása

css lapon ha működik hasonló, az jó lenne, de ez így ebben a formában nem jött be.

CSS-ben:
<div id="elvalaszto"></div>
div#elvalaszto { clear:both; }

De én még mindig nem értem pontosan a kérdést. Van egy mondjuk 300px széles paragrafusod és azt szeretnéd, hogy a felette lévő h1 is 300 px széles legyen csak más háttérszínnel?

<style>
h1 {
width: 278px;
padding: 10px;
border: 1px solid #000;
background-color: #f00;
margin: 0;
}

p {
width: 278px;
padding: 10px;
border: 1px solid #000;
margin: 0;
}
</style>

<h1>Cím</h1>
<p>Szöveg, szöveg, szöveg, szöveg, szöveg, szöveg, szöveg, szöveg, szöveg, szöveg, szöveg, szöveg</p>

játsz el a magassággal:

height: 30px;

pez eredeti hozzászólása

CSS-ben:
<div id="elvalaszto"></div>
div#elvalaszto { clear:both; }

De én még mindig nem értem pontosan a kérdést. Van egy mondjuk 300px széles paragrafusod és azt szeretnéd, hogy a felette lévő h1 is 300 px széles legyen csak más háttérszínnel?

Nem. A a h2 címek alatt és felett is div-ek vannak, azok olyan szélesek mint a container - de eez mindegy is. A h2 címek szélességének kellene a cím szövegének a szélességéhez igazodni anélkül hogy bármibe is beleraknám őket.

A display: inline; jó lenne, de önmagában kevés, mert így csak a h2 szöveg betűmagassága togalja el a div-eket egymástól. A h2-nek margin és padding is van meghatározva, amit szeretnék ha megmaradna.

sbs eredeti hozzászólása

játsz el a magassággal:

height: 30px;

Úgy látszik nem történik semmi ha magasságot adok a h2-nek.

HAL9000 eredeti hozzászólása

Úgy látszik nem történik semmi ha magasságot adok a h2-nek.

line-height esetleg? (bár konkrétan én sem teljesen értem... ugyan csinálj már egy rajzot )

nemvalid eredeti hozzászólása

line-height esetleg? (bár konkrétan én sem teljesen értem... ugyan csinálj már egy rajzot )

Dettó ezt akartam írni, csak egy linket kértem volna :-)

Nem kell rajz... a debutor.hu oldalairól van szó. Nem oda kell, de hasonló oldalra.

h2 címek hátterének szélességét kell a lehető legegyszerűbben a változó szélességű szövegcímek szélességéhez igazítani.