Avatar billede julebetty Nybegynder
19. marts 2004 - 20:14 Der er 8 kommentarer og
1 løsning

Ramme omkring "gruppe"

Findes der en html kode som danner rammer om en grupppe links mv.

ikke tabeller
Avatar billede hansdam Nybegynder
19. marts 2004 - 20:18 #1
ja da :-D

<FIELDSET>
<LEGEND>Navn på gruppe</LEGEND>
En <br>
masse <br>
links
<FIELDSET>
Avatar billede hansdam Nybegynder
19. marts 2004 - 20:19 #2
oops...
<FIELDSET>
<LEGEND>Navn på gruppe</LEGEND>
En <br>
masse <br>
links
</FIELDSET>
Avatar billede julebetty Nybegynder
19. marts 2004 - 21:02 #3
det var det jeg søgte efter, kan jeg styre bredde så den ikke fylder hele skærmen i bredde?
Avatar billede skovenborg Nybegynder
19. marts 2004 - 21:03 #4
eller bare en div-boks:
<div style="border:1px solid #000;">
<a href="link.htm">link</a><br />
<a href="link.htm">link</a><br />
<a href="link.htm">link</a><br />
</div>
Du kan selvfølgelig lave lidt om på hvordan borderen ser ud - dette er blot et meget enkelt eksempel

Fieldset er i teorien også til forms, men ser da flot ud alligevel ;-)
Avatar billede hansdam Nybegynder
19. marts 2004 - 21:04 #5
>julebetty Ja det kan du da :-D, sådan:

<FIELDSET style="width: 150px;">
<LEGEND>Navn på gruppe</LEGEND>
En <br>
masse <br>
links
</FIELDSET>
Avatar billede hansdam Nybegynder
19. marts 2004 - 21:08 #6
du kan desuden bestemme om Navnet på gruppen skal stå i højre, venstre eller midten af fieldsettet, sådan:
<FIELDSET style="width: 750px;">
<LEGEND align="left/center/right">Navn på gruppe</LEGEND>
En <br>
masse <br>
links
</FIELDSET>

altså, enten left, right eller center - eks:
<FIELDSET style="width: 750px;">
<LEGEND align="center">Navn på gruppe</LEGEND>
En <br>
masse <br>
links
</FIELDSET>
Avatar billede julebetty Nybegynder
19. marts 2004 - 21:29 #7
mange tak, kan jeg få rammen til at være tykkere eller mere markeret ?
Avatar billede hansdam Nybegynder
19. marts 2004 - 21:50 #8
Her er et par eksempler på hvordan du kan lave kanten på dit fieldset om:

(Det er mest "border: bla bla" du skal kigge efter)

<FIELDSET style="width: 750px; border: 2px solid black;">
<LEGEND align="right">Navn på gruppe</LEGEND>
<a href="#">En</a><br>
<a href="#">Masse</a><br>
<a href="#">Links</a>
</FIELDSET>

eller hvad med:

<FIELDSET style="width: 250px; border: 1px solid green; padding: 1em;">
<LEGEND align="left" style="border:1px solid green; color: green; padding: 0.2em 0.5em;">Navn på gruppe</LEGEND>
<br>
<a href="#">En</a><br>
<a href="#">Masse</a><br>
<a href="#">Links</a>
</FIELDSET>

for at få disse to eksempler til at være lidt mere overskuelige kan du bruge class i css sådan:

<style type="text/css">
fieldset.top {
  width: 750px;
  border: 2px solid black;
}
LEGEND.top {
  text-align: left;
}

fieldset.bottom {
  width: 250px;
  border: 1px solid green;
  padding: 1em;
}
LEGEND.bottom {
  text-align: left;
  border:1px solid green;
  color: green;
  padding: 0.2em 0.5em;
}
</style>

<FIELDSET class="top">
<LEGEND class="top">Navn på gruppe</LEGEND>
<a href="#">En</a><br>
<a href="#">Masse</a><br>
<a href="#">Links</a>
</FIELDSET>

eller hvad med:

<FIELDSET class="bottom">
<LEGEND class="bottom">Navn på gruppe</LEGEND>
<br>
<a href="#">En</a><br>
<a href="#">Masse</a><br>
<a href="#">Links</a>
</FIELDSET>
Avatar billede hansdam Nybegynder
19. marts 2004 - 21:50 #9
takker for points :-D
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