overskrift på boks

Jeg må indrømme jeg ikke forstår hvad du mener.

Hvis du har boksen i en <div> f.eks., så kan du jo bare skrive

<div>
<h1>Overskrift</h1>
Brødtekst
</div>

...og så har du en overskrift. Eftersom jeg ikke tror det er hvad du mener, må du nok forklare lidt bedre.

ja kan faktisk godt se hvad du mener, prøver at forklare lidt bedre.

jeg har en boks, som udgangspunkt skal det se sådan har ud:
<h1>overskriften</h1>
<div class="medoverskrift">
tekst tekst
</div>
men da boksen at placeret med css vil overskriften jo komme til at stå øverst til venstre på skærmen.

Ja, så er det nemmeste jo at putte overskriften IND i <div>'en, som jeg gjorde. Så følger den med.

Hvis det er fordi div'en har et udseende, som ikke skal være på overskriften, kan du jo gøre det således i stedet:

<div id="container">
<h1>Overskrift</h1>
<div id="content">
Brødtekst
</div>
</div>

Og så i CSS kun sætte placeringen på #container, og udseende på #content.

det jeg vil nok lidt svært og forklare men nu prøver jeg, forstil dig at min streg er toppen af min boks og teksten er min overskrift.

  Overskrift
|----------------------------|
|
|

Må jeg se den kode du har indtil videre? Hele den del af HTML og CSS, der er relevant for denne boks.

Det burde være let nok at lave som du vil have det, men er lidt svært, når jeg ikke helt ved hvordan du har kodet det :)

må du da godt, det er meget simpelt.

div.boks
{
    position: absolute;
    border-style: groove;
    border-color: #97c6e6;
    top: 485px;
    left: 640px;
    height: 130px;
    width: 154px;
}

<div class="boks">
Tekst i boksen
</div>

Så prøv f.eks. dette i stedet:


div.container
{
    position: absolute;
    top: 485px;
    left: 640px;
}
div.content {
    border-style: groove;
    border-color: #97c6e6;
    height: 130px;
    width: 154px;
}
h1.header {
    margin: 0;
    font-size: 16px;
}


<div class="container">
<h1 class="header">Overskrift</h1>
<div class="content">
Tekst i boksen
</div>
</div>

det virker og det regnede jeg også med det ville, jeg havde bare håbet på at jeg kunne slippe for at skulle lave en div mere der er efter hånden mange at holde styr på.

Du kunne jo også spare den ene div, ved at give overskriften en position:absolute, samme Left-værdi, og en lidt lavere Top-værdi. Men det synes jeg personligt kun er mere forvirrende, og gør at du skal ændre to ting, hvis du beslutter at flytte den.

.. eller du kunne bruge en <p> til content i stedet, hvis du synes det er mindre forvirrende. Det kan søgemaskinerne vist nok også bedre lide.

jeg holder det som det er nu, prøvede lidt af det du har skrevet men det blev noget rod.

Tak for hjælpen.

-- hvorfor er den overhovedet sat med absolut positionering ?-)

hvad skulle den ellers være?

Hvis du kan undgå at bruge absolut positionering og kan udnytte det almindelige dokument-float vil det alt andet lige være bedre ...

-- på samme måde, som det er mere økonomisk at placere en lejlighed i 3. sals højde, hvis du nedenunder placerer nogle andre lejligheder i stedet for at sætte den på søjler !-)

Hvilket jo altså ikke betyder, at søjler under bygninger eller absolut positionering ikke har deres berettigelse i specielle situationer ...

-- men det er ret sjældent at man vælger at bygge lejligheder ovenpå en omfartsvej !o]

så du vil altså ha' at overskriften skal placeres med float i stedet for med div?

<ole>

roenving kom til at lave en mindre tavetosse. Dokument-float skulle være dokument-flow  ;o)

Spørgsmålet er: Hvad er begrundelsen for at positionere elementet absolute?

/mvh
</bole>