Space under H1

Prøv med:

h1 { padding-bottom:5px; }

evt.

h1 { margin-bottom:5px; }

eller en kombination :)

Jeg har tidliger haft fat i netop padding og margin... selv hvis jeg sætter dem til 0px så er der stadig en lille cm´s afstand mellem overskrift og tekst.

De to tags virker dog uden tvivl, for hvis jeg sætter dem til fx 100px så rykker teksten rigtigt nok langt ned på siden.

Kan det være det efterfølgende element som har sat afstanden over sig på samme måde som H1 har afstand under sig. Alternativt kunne du måske sætte

h1 { line-height:15px; }

eller noget i den stil...

Den næste tekst står vel i et p-tag, så der skal du også fjerne afstand !-)

Hvis jeg bruger line-height så bliver overskriften bare hevet helt op under den øverste <td>ramme... så den skal altså stå på 15px.

Jeg tror at problemet ligger hos den tekst der ligger under overskriften. I min css fil har jeg om <p> defineret følgende:
p
{
font-family: verdana, arial;
font-size: 10px;
color: #781077;
text-align: justify;
}

og

h1
{
font-family: verdana, arial;
font-size: 16px;
color: #781077;
margin-bottom:0px;
padding-bottom:0px;
line-height:15px;
}

Og det burde jo ikke skabe konflikter?

Prøv at sætte style="margin-top:0;padding-top:0;" på det p-tag, der kommer lige efter overskriften !-)

Det er naturligvis nød til at være inline, da det ellers kommer til at gælde for samtlige p-elementer i dokumentet - og det er nok ikke meningen... :)

Der sker ikke rigtigt noget banebrydende - afstanden rykker bare lidt rundt, men står stadig underligt langt fra hinanden. Selv når jeg sætter alt til 0px, så er der stadig masser af afstand?!?

Prøv at lægge et link !-)

Den er desværre ikke online endnu :-(

Jeg har aldrig været udsat for det før - måske er det bare meningen at der skal være større afstand under h1 tags end der skal være under fx <p> tags????

hæ hæ hæ h æh æh æhhhhh

Sorrry.... :-) jeg lavede vist lige en fejl... havde brugt et <br> som jeg ikke troede gjorde noget !!!!!! LOL

så smid lige et svar begge :-)

jeg var ikke lige klar over at når man bruger <p> så starter man på en ny linie?

OK :)

Hvis du vil rykke teksten endnu tættere på overskriften, så kan du faktisk bruge negative marginer, f.eks.

h1 { margin-bottom:-10px; }

Hva! Det var jeg ikke klar over. Tak for tippet!

Roenving kan sikkert fortælle dig en masse om hvorvidt det så er en god eller dårlig idé at benytte denne feature - jeg konstaterer bare at den fungerer i IE6.0, FF1.0 og NS7.2... ;)

Tjah, der er såmænd intet galt i at benytte de muligheder styling giver, men man skal godt nok være forsigtig !-)

-- jævnfør problemet med at clausberg ikke var klar over, at et p-tag er et block-level-tag, dvs. det kræver altid den fulde bredde og kan derfor ikke have noget ved siden af sig, det vil altid stå på sin egen linje ...

-- jeg plejer at bruge den analogi, at inline-tags (f.eks. <b>, <i>, <span> m.m.fl. !-) opfører sig, som når du i et tekstbehandlingsprogram markerer 3 ord og så trykker på f.eks. [fed]-knappen, teksten forbliver midt inde i den linje, den i forvejen var på ...

-- hvis du så i stedet trykker på opret tabel-knappen splittes afsnittet op, så de tre ord ligger helt for sig selv i en ny tabel, hvor resten af afsnittet er delt med det foranliggende ovenover tabellen og resten nedenunder !o]

-- els velbekomme '-)

-- og det skal da lige tilføjes at alle de grafiske editorer, jeg er stødt ind i, faktisk indsætter et p-tag, hvis man trykker på enter, hvis man vil have et almindeligt br-tag, skal man holde skift nede, og det er et forsøg på at emulere (=opføre sig på samme måde som !-) tekstbehandlingsprogrammerne ...

-- selv foretrækker jeg at undgå al den slam-kode som samtlige fylder op med og håndkode alt !o]

enig! :D

Mange tak ;-) Hermed point til jer begge

-- og jeg takker for point ;~}

Tak for point :)