Avatar billede pusler Nybegynder
02. august 2004 - 11:47 Der er 16 kommentarer og
1 løsning

Fjerne linebreak og margin/padding fra <h> tags

Findes der ikke en måde så man kan undgå <br> før og efter <h> tags gennem CSS?

endvidere er der en rimelig stor margin/padding på.. kan denne undgås ?
Avatar billede dragox Nybegynder
02. august 2004 - 11:49 #1
forstår ikke dit spørgsmål?

der skal helst ikke stå <br> i en css fil
Avatar billede dragox Nybegynder
02. august 2004 - 11:51 #2
ah. forstår nu

du skal putte den i en <form>
Avatar billede pusler Nybegynder
02. august 2004 - 11:52 #3
nej.. men hvis jeg modificere mine <h> tags.. laver den linebreaks før og efter <h1>test</h1>... hvad hvis jeg vil have en <h1>tekst 1</h1><h2>test2</h2> til at stå på samme linie...
Avatar billede dragox Nybegynder
02. august 2004 - 11:52 #4
FORM { margin-top: 0px; margin-bottom: 0px;
}
Avatar billede pusler Nybegynder
02. august 2004 - 11:52 #5
i en form ?
Avatar billede dragox Nybegynder
02. august 2004 - 11:52 #6
sådan ;)
Avatar billede pusler Nybegynder
02. august 2004 - 11:53 #7
nej det fjerner bare mellemrummet.... men jeg vil have <br> væk...
Avatar billede dragox Nybegynder
02. august 2004 - 11:54 #8
du mener det store mellemrum ved oprettelse af <h1-3> ? foroven og forneden?
Avatar billede pusler Nybegynder
02. august 2004 - 11:55 #9
http://83.88.228.37/finalsite/?page=Main

www.jj-multimediedesign.dk

Se forskellen på disse...


Lokalt forsøger jeg at erstatte mine <span class="overskriftStor"> til <h1> tags, class=tekstnormal til <p> tags... osv.. men den laver breaks efter disse automatisk.. det er disse jeg vil undgå
Avatar billede dragox Nybegynder
02. august 2004 - 11:58 #10
kan ikke se den store forskeld på de 2.

men se debatten:

http://www.webmasterworld.com/forum83/385.htm

håber det kan hjælpe så
Avatar billede pusler Nybegynder
02. august 2004 - 11:59 #11
copy paste det lige.. jeg har ikke en konto
Avatar billede dragox Nybegynder
02. august 2004 - 12:00 #12
With just an h1

h1 {
margin-bottom: 0;
padding-bottom: 0;
}

You can play with all kinds of variations of cours.

Now if you want to do it for h1's and h2's

h1, h2 {
margin-bottom: 0;
padding-bottom: 0;
}

And if you just want to select certain hx's to do this with:

<h1 class="nomargin">blah blah</h1>

.nomargin {
margin-bottom: 0;
padding-bottom: 0;
}

You can alter the complet appearance of an h1 also, try this:

h1 {
font: bold 1.5em arial, verdana, sans-serif;
padding: .4em;
border: 2px solid #000000;
color: #CC0000;
background-color: #F5F5F5;
margin: 0 0 20px 0; /* top right bottom left */
}
Avatar billede mik789 Nybegynder
02. august 2004 - 12:09 #13
<h1 style="display:inline;margin:0;padding:0;">Inline overskrift</h1>
Avatar billede dragox Nybegynder
02. august 2004 - 12:10 #14
godt mik, det er den korte udgave ;)
Avatar billede pusler Nybegynder
02. august 2004 - 12:11 #15
okay.. det kan vist ikke lade sig gøre.. tak for din tid..
Avatar billede pusler Nybegynder
02. august 2004 - 12:12 #16
hey tak..der var den...
Avatar billede mik789 Nybegynder
02. august 2004 - 12:22 #17
tak for point. lidt forklaring: <h1-6> er som udgangspunkt blok-elementer, dvs. der indsættes en linjeskift før og efter elementet, ligesom ved <p> og <div> f.eks. Hvis man vil ændre et blok element til et inline element (et element der ikke bryder linjen) gøres det med: display:inline; tilsvarende kan man ændre et inline element (f.eks. <img>) til et blok element: display:block;
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