Avatar billede weblance Nybegynder
30. juli 2007 - 21:07 Der er 9 kommentarer og
2 løsninger

Mellemrum under <h1> kan det ikke fjernes?

Når jeg eks. bruge et <h1> tag (eller hvilket som helst <h > tag) er der et stort mellemrum eller linjeskift ned til næste tekst . . . kan det ikke fjernes så der står

<h1>OVERSKRIFT</h1>
<p>Min tekst her</p>

... i stedet for:

<h1>OVERSKRIFT</h1>



<p>Min tekst her</p>
Avatar billede Slettet bruger
30. juli 2007 - 22:12 #1
omkod h1 og/eller p

saa vidt jeg husker indsaetter h1 noget space udner saa proev med

<h1 style="margin-bottom:0px">...</h1>
<p>...</p>

eller smid det over i et stylesheet
Avatar billede radiohead Nybegynder
31. juli 2007 - 14:14 #2
prøv med

h1 {
display:inline; }

ved ikke om der er en mere optimal måde at gøre det på, men jeg har personligt aldrig syntes at margins gør tricket ret optimalt
Avatar billede olebole Juniormester
31. juli 2007 - 15:21 #3
<ole>

At bruge inline virker, men gør koden meningsløs. Margin virker fint i både IE og FF - og du bevare logikken i koden:
    <h2 style="margin:0">En overskrift</h2>

/mvh
</bole>
Avatar billede weblance Nybegynder
31. juli 2007 - 16:20 #4
olebole - det virker perfekt! Men så ville jeg sætte det ind i et stylesheet sådan:

h1 {margin:0;}

så der var lidt mere central styring, men det virker ikke . . . kan man ikke det? Eller skal det være en h1.overskrift {margin:0;} og så <h1 class="overskrift">OVERSKRIFT</h1>?
Avatar billede weblance Nybegynder
31. juli 2007 - 16:24 #5
Nå . . . nu virker det alligevel!

Mærkeligt!
Avatar billede olebole Juniormester
01. august 2007 - 14:10 #6
Hehe ... så vil jeg lægge et svar, men synes også daleif skal lægge et, så vi kan dele  =)
Avatar billede Slettet bruger
01. august 2007 - 14:56 #7
vidste ikke at man kunne dele point
Avatar billede weblance Nybegynder
01. august 2007 - 16:49 #8
Tak for hjælpen begge to!

/Carl
Avatar billede olebole Juniormester
01. august 2007 - 17:06 #9
Selvtak. Tak for points  ;o)
Avatar billede olebole Juniormester
01. august 2007 - 17:20 #10
PS: Jeg fik vist aldrig forklaret 'logikken'  =)

Et h-element bør indeholde en overskrift. Derfor det bør stå på sin egen linje - og derfor er elementet født som et block-element.
Et inline-element kan ikke have top- eller bundmargin, så derfor hjælper det umiddelbart at gøre elementet til et inline-element, men logikken i, at en overskrift står på sin egen linje, mistes.

Skal man bevare logikken i koden, bør man såvidt muligt anvende de forskellige elementer, som de er tænkt standarden. Derfor bør man ikke ændre h-elementets display-property, når det, der i virkeligheden generer er dets top- og bundmarginer.

Vi har tit samme diskution om form-elementer, der også har lidt ekstra luft i top og bund. Måske, det kan synes ligegyldigt, om denne logik bevares, men specielt, når kode skal vedligeholdes mange måneder senere - og måske af en helt anden koder - er det nu rart, tingene opfører sig som forventet  ;o)
Avatar billede weblance Nybegynder
02. august 2007 - 16:10 #11
Tak for den forklaring. Jeg havde egentlig i første omgang valgt ikke at bruge et h-element, men da det er en god idé (har jeg læst) at bruge i forhold til en google optimering har jeg nu alligecel valgt at bruge dem.

/Carl
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