---

Jeg har lavet et h1 tag til min overskrift der ser sådan ud:

h1 {font-size: 18px;
font-family: Geneva, Arial, Helvetica, san-serif;
font-weight: normal;
font-style: italic;
padding-bottom: 20px;}

Nu har én af siderne så en under-overskrift, som skal står sådan:

h2 {font-size: 13px;
font-weight: normal;
font-style: italic;}

Men der er jo altid et mellem under et h tag, og i dette tilfælde har jeg
bevist lavet et større mellemrum får at alle side tekster starten det
rigtige sted under overskriften.

Men er det ikke muligt at rykke h2 tag'et helt op under h1 tag'et, og så
stadig have det rigtige mellemrum ned til teksten ?

---

"EnjoyNews" <mh-nyheder@mail.dk> skrev i en meddelelse
news:44396ccc$0$881$edfadb0f@dread14.news.tele.dk...
> Jeg har lavet et h1 tag til min overskrift der ser sådan ud:
>
> h1 {font-size: 18px;

Ikke nogen god ide at angive skriftstørrelser i faste enheder.

> padding-bottom: 20px;}

Padding befinder sig inde i h-tagget, mens margin giver afstanden mellem
elementerne. Prøv at give h en farve og du vil se det

> Men der er jo altid et mellem under et h tag, og i dette tilfælde har jeg
> bevist lavet et større mellemrum får at alle side tekster starten det
> rigtige sted under overskriften.
>
> Men er det ikke muligt at rykke h2 tag'et helt op under h1 tag'et, og så
> stadig have det rigtige mellemrum ned til teksten ?

Det rigtige mellemrum? Hvad er det? For mig lyder det som om du har gang i
pixel til pixel design af værste skuffe

Har du brug for forskellige marginer på h-taggene i forskellige situationer
kan du jo tildele dem en class

Et link til din side vil måske hjælpe


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk

---

"CS" <askmeforanaddress> skrev i en meddelelse
news:443975ef$0$84038$edfadb0f@dtext01.news.tele.dk...
>
> "EnjoyNews" <mh-nyheder@mail.dk> skrev i en meddelelse
> news:44396ccc$0$881$edfadb0f@dread14.news.tele.dk...
> > Jeg har lavet et h1 tag til min overskrift der ser sådan ud:
> >
> > h1 {font-size: 18px;
>
> Ikke nogen god ide at angive skriftstørrelser i faste enheder.
>
> > padding-bottom: 20px;}
>
> Padding befinder sig inde i h-tagget, mens margin giver afstanden mellem
> elementerne. Prøv at give h en farve og du vil se det

OK.. Siden er af en eller anden grund pludselig lukket ned, så jeg kan ikke
afprøve det. Den skriver at det er på grund af manglende betaling hvilket
bestemt ikke er rigtigt så der må være en fejl.
Men hvis man skriver margin: 0 skulle der være 0px under h1, men hvad så med
det standard mellemrum jeg gerne vil have ned til teksten... Så kan jeg
skrive margin: 20px istedet, men så vil jeg jo stadgi ikke kunne få
undertitlen lige ned under overskriften. ?


>
> > Men der er jo altid et mellem under et h tag, og i dette tilfælde har
jeg
> > bevist lavet et større mellemrum får at alle side tekster starten det
> > rigtige sted under overskriften.
> >
> > Men er det ikke muligt at rykke h2 tag'et helt op under h1 tag'et, og så
> > stadig have det rigtige mellemrum ned til teksten ?
>
> Det rigtige mellemrum? Hvad er det? For mig lyder det som om du har gang i
> pixel til pixel design af værste skuffe

Nej, det er bare et mellemrum det er mellem overskrfiten og teksten, som er
ens pa alle sider.

>
> Har du brug for forskellige marginer på h-taggene i forskellige
situationer
> kan du jo tildele dem en class
>
> Et link til din side vil måske hjælpe

Det er en gammel tables side uden stylesheet, som jeg er ved at lave om.
Den originale side er her www.sikkenfest.dk og den nye test er her
www.sikkenfest.dk/TEST
De virker som sagt ikke lige i skrivende stund.

---

EnjoyNews wrote:
> "CS" <askmeforanaddress> skrev i en meddelelse
> news:443975ef$0$84038$edfadb0f@dtext01.news.tele.dk...
>
>>"EnjoyNews" <mh-nyheder@mail.dk> skrev i en meddelelse
>>news:44396ccc$0$881$edfadb0f@dread14.news.tele.dk...
>>
>>>Jeg har lavet et h1 tag til min overskrift der ser sådan ud:
>>>
>>>h1 {font-size: 18px;
>>
>>Ikke nogen god ide at angive skriftstørrelser i faste enheder.
>>
>>
>>> padding-bottom: 20px;}
>>

Jeg kan ikke lige gennemskue, hvad der er spørgsmål
og svar i dene tråd, men:

Afstanden mellem to overskrifter og overskrifter og efter-
følgende tekst bestemmes alene af følgende egenskaber:

line-height
margin-top
margin-bottom
padding-top
padding-bottom
border-top
border-bottom

Da forskelligge browsere har forskellige standard-
værdier for flere af disse egenskaber, er der altid
en god idé at sætte dem alle eksplicit.

Især har line-height ofte drillet mig.

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:443a1c2e$0$946$edfadb0f@dread14.news.tele.dk...
> EnjoyNews wrote:
> > "CS" <askmeforanaddress> skrev i en meddelelse
> > news:443975ef$0$84038$edfadb0f@dtext01.news.tele.dk...
> >
> >>"EnjoyNews" <mh-nyheder@mail.dk> skrev i en meddelelse
> >>news:44396ccc$0$881$edfadb0f@dread14.news.tele.dk...
> >>
> >>>Jeg har lavet et h1 tag til min overskrift der ser sådan ud:
> >>>
> >>>h1 {font-size: 18px;
> >>
> >>Ikke nogen god ide at angive skriftstørrelser i faste enheder.
> >>
> >>
> >>> padding-bottom: 20px;}
> >>
>
> Jeg kan ikke lige gennemskue, hvad der er spørgsmål
> og svar i dene tråd, men:
>
> Afstanden mellem to overskrifter og overskrifter og efter-
> følgende tekst bestemmes alene af følgende egenskaber:
>
> line-height
> margin-top
> margin-bottom
> padding-top
> padding-bottom
> border-top
> border-bottom
>
> Da forskelligge browsere har forskellige standard-
> værdier for flere af disse egenskaber, er der altid
> en god idé at sætte dem alle eksplicit.
>
> Især har line-height ofte drillet mig.

Problemet er jo at der per default er en stor afstand under en h tag... det
er også fint nok da jeg gerne vil have denne afstand, men så kan jeg så ikke
sætte en undertitel ind lige under h tag'et

---

"EnjoyNews" <a@a.dk> skrev i en meddelelse
news:443a4290$0$939$edfadb0f@dread14.news.tele.dk...

> Problemet er jo at der per default er en stor afstand under en h tag...
> det
> er også fint nok da jeg gerne vil have denne afstand, men så kan jeg så
> ikke
> sætte en undertitel ind lige under h tag'et

Der er to mulige løsninger på det problem. Du kan enten give dine h-tag en
class, som du kun anvender når der er en undertitel. Eller du kan forsøge
dig med en negativ margin-top på din undertitel

løsning med class

<h1 class="nomargin">overskrift 1</h1>
<h2>under overskrift</h2>

h1.nomargin {
margin-bottom: 0;
}

Løsning med negativ margin

<h1>overskrift</h1>
<h2>under overskrift</h2>

h2 {
margin-top: -20px;
}

Hvordan de lineheight og padding skal indstilles må du selv eksperimentere
med. Har ikke testet løsningerne

Dine menuer virker i øvrigt ikke i Firefox


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk

---

"CS" <askmeforanaddress> skrev i en meddelelse
news:443a4586$0$84030$edfadb0f@dtext01.news.tele.dk...
>
> "EnjoyNews" <a@a.dk> skrev i en meddelelse
> news:443a4290$0$939$edfadb0f@dread14.news.tele.dk...
>
> > Problemet er jo at der per default er en stor afstand under en h tag...
> > det
> > er også fint nok da jeg gerne vil have denne afstand, men så kan jeg så
> > ikke
> > sætte en undertitel ind lige under h tag'et
>
> Der er to mulige løsninger på det problem. Du kan enten give dine h-tag en
> class, som du kun anvender når der er en undertitel. Eller du kan forsøge
> dig med en negativ margin-top på din undertitel
>
> løsning med class
>
> <h1 class="nomargin">overskrift 1</h1>
> <h2>under overskrift</h2>
>
> h1.nomargin {
> margin-bottom: 0;
> }
>
> Løsning med negativ margin
>
> <h1>overskrift</h1>
> <h2>under overskrift</h2>
>
> h2 {
> margin-top: -20px;
> }
>
> Hvordan de lineheight og padding skal indstilles må du selv eksperimentere
> med. Har ikke testet løsningerne

Det er meget fornemt... Jeg har lavet det nu så der altid er samme afstand
fra overskriften ned til teksten, lige meget om der er en undertitel eller
ej. Virker pefekt.. tak for hjælpen.

>
> Dine menuer virker i øvrigt ikke i Firefox


Ja det er helt korrekt, og jeg har ingen anelse hvorfor... Det er helt
almindelige links lavet sådan.


ul {margin: 0; padding: 0;}

li {list-style: none;
margin-top: 12px;
padding: 0;}

li.space {margin-top: 37px;}

<ul>
<li><a href="index.shtml">Forside</a></li>

<li class="space"><a href="HvadFaarDu.shtml">Hvad F&aring;r Du .. ?</a></li>
<li><a href="Repertoire.php">Repertoire &amp; Lydklip</a></li>
<li><a href="Priser.shtml">Priser</a></li>
<li><a href="Faq.shtml">FAQ</a></li>
<li><a href="Kontakt.shtml">Kontakt</a></li>

<li class="space"><a href="Gbog/Gbog.php">Gæstebog</a></li>
<li><a href="CD.shtml">CD'er</a></li>
<li><a href="HvemErVi.shtml">Hvem Er Vi ?</a></li>
<li><a href="AllShookUp.shtml">60'er Musik</a></li>
<li><a href="TrioPop.shtml">Tidl. TrioPop</a></li>
<li><a href="Links.shtml">Links</a></li>
</ul>

Og det virker, lige indtil jeg sætter det ind i <div class="menu"> som ser
sådan ud:

..menu {background: url(Grafik/BaggrundMenu.jpg);
position: relative;
top: 0px;
left: 0px;
float: left;
width: 190px;
height: 100%;
padding-left: 10px;
padding-top: 0px;
font-size: 16px;
font-weight: bold;
overflow: hidden;}