Extra mellanrum med <h> kommandon

SlimeBall · Post by **SlimeBall** » 2007-04-26 20:09:58

hejsan!

vet någon varför jag får ett extra mellanrum mellan raderna när jag ändrar från tex. <H1>"blablabla"</h1> till <H2>"Blablabla"</H2

Jag får inte texterna att komma precis under varandra, det blir som ett hopp mellan bitarna :S

derfian · Post by **derfian** » 2007-04-26 22:40:51

Den uppenbara lösningen är att använda CSS till att modifiera margin-bottom och padding-bottom för h2-taggen (eller h1-taggen, eller kanske båda).

SlimeBall · Post by **SlimeBall** » 2007-04-27 5:33:15

Jag kodar ju i css.

Så koden för H2 och H1 skulle se ut såhär då:

H1
{
Font Family: Arial;
Font Size: 14px;
Color: #F000000;
text-decoration: underline;
Margin-Top: 0;
Padding-Bottom: 0;
}

H2
{
Font Family: Arial;
Font Size: 11px;
Color: #F32461d;
text-decoration: underline;
Margin-Top: 0;
Padding-Bottom: 0;

derfian · Post by **derfian** » 2007-04-27 12:02:03

Fortsätt då att experimentera. Jag kanske tänkte fel som bara föreslog margin/padding-bottom, dvs avståndet under rubriken till nästa element. Dessutom, varje sida har båda en margin och en padding. Du kanske vill ändra på alla (margin/padding) eller ovansidan (margin-top/padding-top).

SlimeBall · Post by **SlimeBall** » 2007-04-27 12:24:02

Märkte att det är bara i Firefox det där extra mellanrummet kommer.
I I.E så är det som jag vill ha det.

Sen har jag ett annat problem.
Använder mig av 4st lager.
1 jag kallar body som innehåller bakgrundsbilden.
1 som är i mitten och längst upp som är en logga
1 som är just under loggan som är menylagret
1 som är just under menylagret som är innehållslagret.
Alla ska vara centrerade i mitten av sidan hela tiden. Det är dom i Firefox men inte i I.E, där är dom placerade längst till vänster.

Niklas Berggren · Post by **Niklas Berggren** » 2007-04-27 12:37:22

Jag tror att default för header-taggarna är en 15px margin både på topp och bott. Det räcker inte att nollställa bara toppen, även botten måste med. Sätt "margin: 0px" bara.