Avatar billede sunejens Nybegynder
13. december 2005 - 20:21 Der er 6 kommentarer og
1 løsning

Brug af <hr>

Hej.

Jeg har følgende problem:

Under min overskrift "Welcome" har jeg lavet en lang linie, <hr>
,men denne linie har en alt for stor afstand til overskriften Welcome. Hvordan formindsker jeg denne afstand?

(kode -

<table width="700" align="center" CELLSPACING="0">
<tr>
<td height="0" colspan="0" align="left" valign="top" >
  <h2>Welcome</h2>
    </td>
</tr>
<tr>
  <td height="0" align="left">
  <HR width="100%">
  </td>
</tr>
- )
Avatar billede krydset Nybegynder
13. december 2005 - 20:25 #1
hmmm ved ikke med det her

<table width="700" align="center" CELLSPACING="0">
<tr>
<td height="0" colspan="0" align="left" valign="top" >
  <h2>Welcome</h2>
    </td>
</tr>
<tr>
  <td height="0" align="left">
  <HR width="100%" style="margin-top:0px; margin-bottom:0px;">
  </td>
</tr>
Avatar billede sunejens Nybegynder
13. december 2005 - 23:13 #2
nej, det hjalp ikke rigtig.
Avatar billede yezbarh Nybegynder
13. december 2005 - 23:15 #3
Prøv:

<table width="700" align="center" CELLSPACING="0" >
<tr>
<td height="0" colspan="0" align="left" valign="top" style="border-bottom: 1px solid #000;">
  <span style="font-size: 24px;">Welcome</span>
    </td>
</tr>

</table>
Avatar billede knudgert Nybegynder
14. december 2005 - 03:04 #4
Når det er en overskrift, så bør man bruge H-tags.

En h1 er et blockelement og de giver dobbelt linjeafstand.
Løsningen er enten
<h2  style="margin-bottom: 0">Welcome</h2>
eller
<h2  style="display: inline">Welcome</h2>

Den første er at foretrække, det er den mest korrekte måde.

Og så vil jeg da anbefale, at du begynder at lære css, det vil gøre mange ting nemmere og giver flere muligheder for formatering.
Avatar billede roenving Novice
15. december 2005 - 13:05 #5
Man kan også anskue det alternativt og sætte stregen på som en border på h2-tagget og derefter lege med padding og margin til det passer:

<h2 style="margin-bottom:0.2em;border-bottom:2px solid black;padding-bottom:0.2em;">Welcome</h2>
Avatar billede sunejens Nybegynder
17. december 2005 - 00:59 #6
Tja, efter at have siddet og fedtet lidt med style sheet viker det nu. Jeg brugte
h2{ margin-bottom: 0} og så virkede det fint nok. Hvem vil have nogle point?
Avatar billede knudgert Nybegynder
18. december 2005 - 04:43 #7
Behold nogen af dem selv, 60 points er alt for meget for et relativ simpelt svar.
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