Avatar billede kennethv Nybegynder
15. oktober 2008 - 10:06 Der er 22 kommentarer og
2 løsninger

At få en FieldSet og Legend til at dække 2 rækker i en tabel.

Jeg sidder og prøver at få en "ramme" omkring 2 rækker i en tabel, men det vil ikke helt som jeg vil. Jeg er ikke nogen ørn til html og har forsøgt mig frem til det her. Måske er det ikke nødvendigt at det skal være henover 2 rækker, men mit mål er:

1. at få det der er i tredie rækker til at være sammen med anden række. Tredie række er for at vise hvad jeg gerne vil have.

Håber det gav mening. :)

<table border="1" width = 800px>
<tr>
<td ColSpan="2"><Font Size=4>I forbindelse med, ....</Font><br><br></td>
</tr>

<tr>
  <td ColSpan="2">
    <fieldset>
      <legend style="color: black;">
        <h3><b>Lotus Notes</b></h3>
      </legend>
      <Font Size=4>Din medarbejders mailkonto vil være åben 1 måned efter fratrædelse. Derefter slettes den.<br>
        Mails til din medarbejder kan videresendes til en udvalgt person i de efterfølgene 3 måneder.<br><br>
        <input type="checkbox" name="check" id="check"> <label for="check"><Font Size=4>Mails ønskes videresendt til: <input type="text" name="v" style="text-align:right"; style="width:200px" disabled>
      </font>
    </fieldset>
  </td>
</tr>

<tr>
  <td>
    <input type="checkbox" name="check" id="check"> <label for="check"><Font Size=4>Mails ønskes videresendt til:</font></label>
  </td>
  <td align="center""><input type="text" name="v" style="width:200px" disabled>
  </td>
</tr>
</table>
Avatar billede olebole Juniormester
15. oktober 2008 - 10:20 #1
<ole>

Du kan ikke få noget til at spænde over flere rækker i en tabel. Så er du nødt til at lave to tabeller inden i hinanden - men det er noget møg.

Derudover kan du ikke have en overskrift i et legand-element, så koden dér skal se sådan ud:
      <legend style="color: black;">
        <b>Lotus Notes</b>
      </legend>

/mvh
</bole>
Avatar billede kennethv Nybegynder
15. oktober 2008 - 10:45 #2
Okay.

Kan du så hjælpe mig med at få det der er i tredie række til at være i anden række?
Avatar billede kennethv Nybegynder
15. oktober 2008 - 12:17 #3
Iøvrigt, virker det fint med en <h2> </h2> i en legend.

Hvordan "skubber" man en <input type=> jeg har prøvet med space, men det virker ikke.
Avatar billede w13 Novice
15. oktober 2008 - 14:22 #4
Ja, det virker måske fint i nogle browsere, at du har h2-tags i en legend, men prøv at validere koden på www.validator.w3c.org, så vil du få det samme, som Ole siger, at vide. =)

Hvis du vil "skubbe" et element, så bør du aldrig bruge mellemrum. Mellemrum tolkes alligevel ikke i HTML, når der er flere end 1.
Brug:
style="margin-left:100px"
på input-elementet. Så kan du rette "100px", så det passer.

Og får at få indholdet af tredie række over i anden række, så skal du vel bare flytte det eller hvad!? :)
Avatar billede kennethv Nybegynder
15. oktober 2008 - 14:45 #5
Ha! top dollar. Tak fo hjællpen.

Mangler lige et svar.
Avatar billede w13 Novice
15. oktober 2008 - 14:52 #6
Hvis du ku' bruge noget af det, jeg skrev, er her et svar. Deler gerne med Ole. =)
Avatar billede kennethv Nybegynder
15. oktober 2008 - 14:57 #7
Ole, må selvfølgelig osse gerne ligge et svar.

Hvis jeg ikke må bruge overskift i en legend, hvad skal jeg så bruge istedet for at få en større skrift?
Avatar billede olebole Juniormester
15. oktober 2008 - 14:59 #8
<b style="font-size:75px">Meget stor, fed skrift</b>  ;o)
Avatar billede w13 Novice
15. oktober 2008 - 15:01 #9
Men nok endnu bedre bare at bruge:

<legend style="font-weight: bold; font-size: 75px; color: #000;">
  <b>Lotus Notes</b>
</legend>
Avatar billede w13 Novice
15. oktober 2008 - 15:02 #10
Hov:

<legend style="font-weight: bold; font-size: 75px; color: #000;">
  Lotus Notes
</legend>

:)

Og så bør CSS'en i style-attributten selvfølgelig lægges ud i et stylesheet.
Avatar billede kennethv Nybegynder
15. oktober 2008 - 15:04 #11
w13: Nu tror jeg vist liiige at du blev teknisk. :) Hvad mener du med:

"Og så bør CSS'en i style-attributten selvfølgelig lægges ud i et stylesheet."?
Avatar billede w13 Novice
15. oktober 2008 - 15:05 #12
Hehe. Har du et stylesheet på din side? Altså et dokument, der hedder .css, som du henter ind på siden? :)
Avatar billede w13 Novice
15. oktober 2008 - 15:05 #13
*Altså et dokument, der hedder etellerandet.css
Avatar billede olebole Juniormester
15. oktober 2008 - 15:07 #14
Lige for at forklare, hvorfor det ikke er tilladt med et h2-element i et legend element:

Tags som f.eks. <b>, <i>, <a> og <span> kaldes inline elementer. De er beregnet til at ændre udseendet af enkelte tegn/ord på linjeniveau.

Der er også elementer, som danner en tekstblok med automatisk linjeskift før og efter blokken/elementet - og derfor kaldes block elementer. De omfatter bl.a. <div>, <ul>, <h2> og table.

En tekstblok midt i en linje giver ikke rigtig mening, hvorfor standarden forbyder block elementer inde i et inline element  ;o)
Avatar billede olebole Juniormester
15. oktober 2008 - 15:09 #15
- og hvorfor listede jeg nu ikke legend elementet sammen med de andre inline elementer, når det nu er dét, vi taler om? Dooohhh! Nå, men legend er jo altså et inline element  ;o)
Avatar billede kennethv Nybegynder
15. oktober 2008 - 15:15 #16
rofl.

mange tak. :)
Avatar billede kennethv Nybegynder
15. oktober 2008 - 15:16 #17
w13, nope det har jeg ikke. :(
Avatar billede kennethv Nybegynder
15. oktober 2008 - 15:17 #18
Jo, doh. Så det lige nu.

<style type="text/css">
form {}
fieldset {width: 800px;}
input {width: 50px;}
</style>
Avatar billede olebole Juniormester
15. oktober 2008 - 15:27 #19
Så kunne det f.eks. se sådan ud:

<style type="text/css">
form {}
fieldset {width: 800px;}
legend {font-weight: bold; font-size: 75px; color: #000}
input {width: 50px;}
</style>
Avatar billede w13 Novice
15. oktober 2008 - 15:27 #20
Lige præcis. =) Hvis f.eks. alle dine legend-koder skal se ens ud, så tilføjer du bare linjerne:

legend {
  font-weight: bold;
  font-size: 75px;
  color: #000;
}

så det hele bliver:

<style type="text/css">
form {}
fieldset {width: 800px;}
input {width: 50px;}
legend {
  font-weight: bold;
  font-size: 75px;
  color: #000;
}
</style>

Og så kan du nøjes med at skrive:

<legend>Lotus Notes</legend>

Så bliver det automatisk stylet korrekt. =)
Avatar billede kennethv Nybegynder
15. oktober 2008 - 15:34 #21
Hehe. tak for det.
Avatar billede w13 Novice
15. oktober 2008 - 15:38 #22
Og tak for points! :)
Avatar billede olebole Juniormester
15. oktober 2008 - 15:41 #23
Ja, tak for points  ;o)
Avatar billede kennethv Nybegynder
15. oktober 2008 - 15:42 #24
Velbekommen.
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