Avatar billede 4t Nybegynder
01. januar 2005 - 23:10 Der er 2 kommentarer og
1 løsning

CSS - afstand imellem overskrift og normal tekst

Hejsa!

Er der en CSS ekspert?

Jeg bruger denne CSS, men jeg synes der er "lidt for stor afstand imellem overskrift og normal teksten" er der en der kan se hvad der mangler - for det kan klares?
Jeg villle gerne have, at der ikke er afstand imellem overskrft og normal tekst (andet en linieskift)!
Bruger naturligvis koden <br> til at adskille, meeen...

Hey ho
4t

Nuværende CSS:

body { color: #ffffcc;
background-color: #001749;
border-style: none;
border-color: #002157;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 11px;

text-align: left;
font-weight: normal;
font-style: normal;
clip: inherit;
margin-left: 140px;}

body {
scrollbar-arrow-color:#FCFCE2;
scrollbar-base-color:#000131;
scrollbar-dark-shadow-color: #000131;
scrollbar-track-color: #000131;
margin-top: +20px;
margin-left: +135px;
line-height: 14px;
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
margin-right: +135px;}

a:link {color: #C9CE33;
background-color: #002157;
text-decoration: none;}


a:hover {color: #ffffff;
text-decoration: underline;}


h1 {font-size: 1.4em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #e6c618;
font-style: normal;
}

h2 {font-size: 1.3em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #8fabd8;}

h3 {font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #8fabd8;}

h4 {font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #8fabd8;}

h5 {font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #8fabd8;}
Avatar billede lyf Nybegynder
02. januar 2005 - 00:22 #1
Du behøver ikke at bruge <br/> til at lave linieskift, da både alle H tags og P er block-elementer. Overskrifter har, som standard, en hulens stor margin, men den fjerner vi bare.

h1, h2, h3, h4, h5 {
margin: 0 0 0 0; /* top right bottom left. Så kan du selv ændre dem en for en, hvis du vil have margin i nogen af siderne. */
}

<h1>Overskrift</h1>
<p>Alm tekst</p>
Avatar billede 4t Nybegynder
02. januar 2005 - 00:47 #2
OKI Doki.... Tak for hjælpen. Du skal jo have lidt points.

Har indsat:

h1, h2, h3, h4, h5 {
margin: 0 0 0 0;
}
Avatar billede lyf Nybegynder
02. januar 2005 - 02:16 #3
Fantastisk, jeg takker :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester