---

Hey Folkens

Jeg roder med den her side: http://www.romby.be/ og har et par
generelle spørgsmål i den forbindelse.

Helt overordnet, kan siden opbygges på en smartere måde?

Er der en smartere måde at opstille alle mine links. Er min brug
af tables ok eller kan det gøres smartere?

Hvordan er brugervenligheden?

Stylesheet: http://www.romby.be/style/style.css

MVH Morten Romby

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Morten Romby skrev:

> Helt overordnet, kan siden opbygges på en smartere måde?

Ja.

I første omgang vil jeg foreslå dig at bruge lister og
listebilleder i stedet for din nuværende form med img og br.

I stedet for fx at skrive:

<img border="0" src="gif/arrow.gif"><a
href="http://www.pol.dk">Politiken


- skriver du:

   <li><a href="http://www.pol.dk">Politiken

(det hele skal så ind i en <ul>..</ul>)

I dit css-ark kan du så definere at din pil skal bruges i stedet
for den normale bullet:

li{ list-style-image: url(gif/arrow.gif) }

Du bør også få valideret siden - der er en del fejl i koden (mange
af dem er dog ret banale).

> Hvordan er brugervenligheden?

Godt:
- Linktekster der giver mening (ingen "klik her"). Dog: Hvad
betyder linkene under overskriften EU?
- Emneopdeling af links
- Tydelig forskel på overskrifter og listepunkter
- O.k. mulighed for tastaturnavigation

Skidt:
- Meget lille skrift
- Ringe fremhævning af links ved mouseover (kun farveændring og for
de fleste link kun med lille farveforskel)
- Manglende semantisk markering af overskrifter (brug af h1-6)
- Tabelopstilling af ikke-tabulære data

NB: Til helt generelle spørgsmål om hvordan man kan forbedre en
eksisterende side, er gruppen dk.edb.internet.webdesign.ris+ros nok
et bedre valg.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

> I stedet for fx at skrive:
>
> <img border="0" src="gif/arrow.gif"><a
> href="http://www.pol.dk">Politiken

>
> - skriver du:
>
>    <li><a href="http://www.pol.dk">Politiken
>
> (det hele skal så ind i en <ul>..</ul>)
>
> I dit css-ark kan du så definere at din pil skal bruges i stedet
> for den normale bullet:
>
> li{ list-style-image: url(gif/arrow.gif) }

Allright, men kan jeg også lave kolonner med den funktion eller skal
jeg dele siden op med <div>-elementer ?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Morten Romby skrev:

> Allright, men kan jeg også lave kolonner med den funktion

Nej. Kolonner er generelt ikke særlig godt understøttet i html/css
- der er noget på vej i css3-standarden, men er går lang tid før
det er implementeret i hovedparten af alle browsere (Firefox har
dog netop fået kolonneunderstøttelse).

> eller skal jeg dele siden op med <div>-elementer ?

Det vil være en mulighed. Du kan muligvis også nøjes med at floate
dine ul-lister.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Morten Romby wrote:
>
> Er der en smartere måde at opstille alle mine links. Er min brug
> af tables ok eller kan det gøres smartere?
>

Personligt ville jeg nok fortrække at bruge list elementer til dine
links. Det er jo en liste over links.

Altså noget ala
<ul>
<li><a href="http://netborger.dk/">Netborger i DK</a></li>
<li><a href="http://www.toldogskat.dk">Told og Skat</a></li>
...
</ul>

Og så indsætte din pil foran linksne via dit stylesheet.

Jeg vil tro at du kan skære din HTML kode ned med 30-40%


Og jeg ville bruge CSS til at positionere områderne, fremfor en tabel.


> Hvordan er brugervenligheden?

Teksten er meget lille, og jeg kan i IE ikke gøre teksten større.



--
Martin Hintzmann
http://www.hintzmann.dk/