Avatar billede lsolesen Nybegynder
11. december 2003 - 13:13 Der er 9 kommentarer og
1 løsning

Egnet til tabeller

Jeg er begyndt at lege lidt med at gøre mine sider endnu mere tilgængelige, så de fx også let kan ses i telefoner (som Operas lille vindue kan simulere). Derfor placeres det meste i div-tags i stedet for tabeller. Dog bør noget stadig være præsenteret i tabeller.

Mit spørgsmå er: hvad er egnet til at vise i tabeller?

* Talmateriale med kolonner og rækker som hører sammen er naturligvis

men hvad med...

* kontaktinfo som på: http://www.vih.dk/dialog/kontakt.php

Denne side ser jo herrens ud, når den vises i Operas lille vindue, som ikke læser tabeller, men bare skriver ud i et?
Avatar billede roenving Novice
11. december 2003 - 14:23 #1
Du kan emulere det samme med labels, som du giver en bestemt længde ...
Avatar billede lsolesen Nybegynder
11. december 2003 - 21:37 #2
Der skal du nok lige fortælle mig, hvad det betyder :)
Avatar billede roenving Novice
11. december 2003 - 21:56 #3
emulere = eftergøre, udføre noget andet, så det ligner, at det er det samme ...

<style type="text/css">
label{
width:140;
font-family:tahoma,verdana,arial,sans-serif;
font-size:12px;
}
.labelfed{
font-weight:bold;
}
.labelbred{
width:180px;
}
</style>
<body>
<label class="labelbred labelfed">Titel</label><label class="labelfed">Navn</label><label class="labelfed">E-mail</label><label class="labelfed">Telefon</label><br>
<label class="labelbred labelfed">Forstander</label><label>Bent Serup</label><label>bent.serup@vih.dk</label><label>7582 0811</label><br>
<label class="labelbred labelfed">Forretningsfører</label><label>Ole Vøgg Veje</label><label>ovv@vih.dk</label><label>7582 0811</label><br>
<label class="labelbred labelfed">Kursuschef</label><label>Torkil Christensen</label><label>torkil@vih.dk</label><label>7582 0812 (lokal 20)</label><br>
<label class="labelbred labelfed">Kursuscenter og booking</label><label>Lisbet Koch</label><label>kursuscenter@vih.dk</label><label>7572 6900</label><br>
<label class="labelbred labelfed">Webmaster</label><label>Lars Olesen</label><label>lars@vih.dk</label><label>7582 0811</label><br>
<label class="labelbred labelfed">Informationsmedarbejder</label><label>Bjarke Hal Hansen</label><label>bjarke@vih.dk</label><label>7582 0811</label><br>
<label class="labelbred labelfed">Annoncer</label><label>Eva Lauridsen</label><label>eva@vih.dk</label><label>7582 0811</label><br>
<label class="labelbred labelfed">Bestyrelsen</label><label>Se sammensætningen</label><label>kontor@vih.dk</label><label>7582 0811</label><br>
</body>
Avatar billede lsolesen Nybegynder
11. december 2003 - 22:42 #4
Ok, emulere vidste jeg nu godt, hvad betøde :) Men løsningen virker ikke i Mozilla, og er label egentlig ikke noget, man bruger i forbindelse med formularer - eller tager jeg fejl?
Avatar billede roenving Novice
11. december 2003 - 22:49 #5
Det virker godt nok i Mozilla, fordi jeg havde glemt et px !-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Emulere tabeller</title>
<style type="text/css">
label{
width:140px;
font-family:tahoma,verdana,arial,sans-serif;
font-size:12px;
float:left;
}
.labelfed{
font-weight:bold;
}
.labelbred{
width:180px;
}
</style>
</head>
<body>
<label class="labelbred labelfed">Titel</label><label class="labelfed">Navn</label><label class="labelfed">E-mail</label><label class="labelfed">Telefon</label><br>
<label class="labelbred labelfed">Forstander</label><label>Bent Serup</label><label>bent.serup@vih.dk</label><label>7582 0811</label><br>
<label class="labelbred labelfed">Forretningsfører</label><label>Ole Vøgg Veje</label><label>ovv@vih.dk</label><label>7582 0811</label><br>
<label class="labelbred labelfed">Kursuschef</label><label>Torkil Christensen</label><label>torkil@vih.dk</label><label>7582 0812 (lokal 20)</label><br>
<label class="labelbred labelfed">Kursuscenter og booking</label><label>Lisbet Koch</label><label>kursuscenter@vih.dk</label><label>7572 6900</label><br>
<label class="labelbred labelfed">Webmaster</label><label>Lars Olesen</label><label>lars@vih.dk</label><label>7582 0811</label><br>
<label class="labelbred labelfed">Informationsmedarbejder</label><label>Bjarke Hal Hansen</label><label>bjarke@vih.dk</label><label>7582 0811</label><br>
<label class="labelbred labelfed">Annoncer</label><label>Eva Lauridsen</label><label>eva@vih.dk</label><label>7582 0811</label><br>
<label class="labelbred labelfed">Bestyrelsen</label><label>Se sammensætningen</label><label>kontor@vih.dk</label><label>7582 0811</label><br>
</body>
</html>
Avatar billede lsolesen Nybegynder
12. december 2003 - 01:25 #6
Ja, det virker sandelig. Super. Så står jeg bare tilbage med et par problemer:

* hvorfor bruger vi label og ikke bare div (med inline) eller span?
* hvordan klarer vi den situation, hvor vi ansætter en der hedder "Knud Jens Børge Skovgård Sørensen Olesen". Så var fordelen ved tabeller jo, at den ombrød navnet eller udvidede kolonnen. Her har vi jo kun en bestemt bredde.

Resultatet af det kommer til at se lidt mærkeligt ud www.vih.dk/test.php

* i øvrigt ville det måske for tilgængelighedens skyld endda være en fordel at bruge div, så det blev læseligt i fx en pda uden stylesheets.

* Er label almindelig brugt også uden for tabeller? http://www.w3schools.com/tags/tag_label.asp
Avatar billede roenving Novice
13. december 2003 - 03:13 #7
1. To andre muligheder, men spans vil ikke 'sprede' sig ...
2. har prøvet forskellige muligheder (divs udenom, kun divs med float osv. !-), men det ser ikke ud til, at den vil opføre sig 'ordentligt'
-- så løsningen der må være at have sjældne tilfælde og så tilrette dem (K.J. Børge S.S. Olesen)

3. det virker på samme måde, hvis divs har float:left ...
4. label er ikke almindeligt brugt !o]
-- men det er vist et spørgsmål om at kende muligheden ...
Avatar billede lsolesen Nybegynder
10. juni 2006 - 17:36 #8
Svar venligst.
Avatar billede roenving Novice
25. juli 2006 - 01:03 #9
Oki '-)
Avatar billede roenving Novice
28. juli 2006 - 15:32 #10
-- og tak for point ;~}
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