• Opret dig
  • Glemt adgangskode

User account menu

  • Artikler
  • Forside
  • Forum
  • Nyheder
  • Log ind
Hjem
LinuxIN.dk

Snak med

Opret dig!

Af kaj | 23.05.2009 19:15

Et mindre webdesigner problem

Programmering
Jeg har lavet en mindre hjemmeside, der hedder: http://www.forstanderkredsen.dk
Det fungerer sådan set OK, men der er et mindre problem, når man vil se siden i nogle bestemte browsere, d.v.s. Seamonkey, Firefox 2 og Mozilla (Windows).

På nogle af siderne vises seks billeder i 2 rækker á 3 stk. Men åbner jeg systemet i en af de nævnte browsere, vises alle 6 billeder i en lodret søjle, men hvis jeg klikker opdater, kommer billederne på plads, hvor de skal være.

Jeg har gransket koden nøje, og kan ikke se, at der skulle være noget galt.
Jeg har lavet det i en tabel. Jeg forsøgte først med en , men så kunne jeg ikke få billederne til at stå i to rækker á tre. Uanset, hvor meget jeg gav ny linie eller nyt afsnit, blev billederne på een række, bare lidt forskudt i højden.

Men jeg er såmænd også tilfreds med, at de står i en tabel, og problemet er jo til at overse, da der næppe er nogen af sidens brugere, der anvender de pågældende browsere. Jeg kunne dog alligevel godt tænke mig at høre, om nogen af jer har en ide om, hvori fejlen består. De af jer, der eventuelt kan bedømme det, kan sikkert også finde den bagvedliggende kode.

Og nej, jeg har ikke valideret det på w3c.

Kaj
  • Log ind eller opret dig for at tilføje kommentarer

Kommentarer9

# 1

16 år 1 måned siden

Permalink

Indsendt af Kresten Kjaer den 23. maj 2009 kl. 20:19

Permalink

Re: Et mindre webdesigner problem

Det er fordi tabellens bredde varierer. For at tvinge siden til at vise billederne som du beskriver skal tabellen se således ud:


Image removed.Image removed.Image removed.
Image removed.Image removed.Image removed.


Noget andet er, at du egentlig bør fjerne tabellen og sætte billederne i to

tags i stedet. Alternativt kan du rode med noget css og spans.

  • Log ind eller opret dig for at tilføje kommentarer

# 2

16 år 1 måned siden

Permalink

Indsendt af kaj den 23. maj 2009 kl. 21:41

Permalink

Hej kjaerTak for dit

Hej kjaer
Tak for dit forslag. Det varede lidt, inden jeg så forskellen, men du har en td /td til hvert billede. Det passer nu ikke, at tabellens bredde varierer, da alle billeder er lige store. Venstre margin er bestemt af mit stylesheet.
Jeg har dog fundet en anden måde at lave det på:

Image removed.Image removed.Image removed.
Image removed.Image removed.Image removed.

Ved at lave en div til hver række og give billederne align=right fik jeg dem til at være på to rækker.
Jeg har en lokal style for at få den ønskede margin, og har tilføjet vspace=2 for at få de 4 px afstand mellem billederne, som min kone forlanger.

Kaj
  • Log ind eller opret dig for at tilføje kommentarer

# 3

16 år 1 måned siden

Permalink

Indsendt af kjoller den 24. maj 2009 kl. 14:21

Permalink

Hej Kaj
Godt at du fik det

Hej Kaj

Godt at du fik det til at virke. Du skriver at tabellens bredde ikke varierer, da billederne er lige store. Men det ved browseren vel ikke, da du ikke definerer deres størrelse i koden. Det er sandsynligvis derfor at de kommer på plads ved et tryk på opdatér; nu har browseren set billederne før, og kender nu deres størrelse.

Det er længe siden jeg har arbejdet med tabeller, så jeg har jeg ikke rigtigt noget at have det i.
  • Log ind eller opret dig for at tilføje kommentarer

# 4

16 år 1 måned siden

Permalink

Indsendt af larskhansen den 25. maj 2009 kl. 09:16

Permalink

<div>

Hej Kaj,

Prøv og skift ud med . Det giver meget mere frihed.



1. left
1. right
1. left
1. right

  • Log ind eller opret dig for at tilføje kommentarer

# 5

16 år 1 måned siden

Permalink

Indsendt af kaj den 25. maj 2009 kl. 10:18

Permalink

Re.

Hej larskhansen

Mange tak for dit forslag.
Webdesign har udviklet sig en del siden jeg så småt begyndte med det i forrige årtusinde, og det er lidt svært at følge med alt det nye. Jeg har været vant til at betragte div'er som store boxe, men jeg er ved at finde ud af, at man nærmest skal strø om sig med dem i stedet for tabeller.
Som du kan se i #2, er jeg så småt ved at finde ud af noget, og jeg betrgter dette problem som løst, men jeg vil kigge nærmere på din kode, den kan måske hjælpe mig på et senere tidspunkt.

Kaj
  • Log ind eller opret dig for at tilføje kommentarer

# 6

16 år 1 måned siden

Permalink

Indsendt af divineant den 25. maj 2009 kl. 10:57

Permalink

Re: Et mindre webdesigner problem

#5 Som en tommelfinger regel skal du benytte div og css til layout, og tabeller skal benyttes til at fremstille data i tabelform.

Jeg vil dog erkende mig selv skyldig i en gang imellem at benytte tabeller til layout, idet forskellige browsere har en meget forskellig opfattelse af hvordan css skal fortolkes.
  • Log ind eller opret dig for at tilføje kommentarer

# 7

16 år 1 måned siden

Permalink

Indsendt af larskhansen den 25. maj 2009 kl. 11:13

Permalink

webdesign og udviklingen

Hej Kaj,

Jeg startede selv tilbage i '95 og kan godt huske hvordan det så ud dengang *gys* :)

Jeg gik over til for mange år siden, selv til at vise data... Du er ikke låst fast i bredden osv som du er i tabellerne. Når man først har sat en bredde til sin er man låst hele vejen ned. Med kan du variere bredden hele vejen ned. Man skal bare huske at en "række" skal have samme bredde som "container" div'en. (Som i mit forslag).

Div er vejen frem og tabeller høre til fortiden. "end of discussion" :)
  • Log ind eller opret dig for at tilføje kommentarer

# 8

16 år 1 måned siden

Permalink

Indsendt af marx den 25. maj 2009 kl. 11:16

Permalink

#7
CSS-layout er helt

#7
CSS-layout er helt sikkert at foretrække i langt de fleste situationer, men vi må erkende at browserne endnu ikke implementerer hverken CSS eller W3-anbefalingerne fornuftigt nok til at vi helt og aldeles kan skrotte de dårlige vaner og gå over til den ideelle opdeling af markup og layout.
  • Log ind eller opret dig for at tilføje kommentarer

# 9

16 år 1 måned siden

Permalink

Indsendt af larskhansen den 25. maj 2009 kl. 12:42

Permalink

#8

Det virker fint i de browsere jeg tester. Firefox, IE7-8, Opera og Safari.
  • Log ind eller opret dig for at tilføje kommentarer

Svar søges

llumos Unix-operativsystem, 0
Den er go 0
14. februar = I Love Free Software Day 0
Lokal fil-deling - for de dovne. 0
Linux fra begynder til professionel af O'Reilly 0

Seneste aktivitet

PCLinuxOS 30
den er sjov 3
Reserve kernel og btrfs 3
En snak om Linux-kompatibel software 12
"Intet realistisk alternativ" - mig i r*ven 17
Open source events i danmark? 3
Virtuel maskine? 4
Gode anmeldelser Zorin OS 17.3 8
Open Source-eksperimentet 5
Nulstilling af adgangskode 6
Ingen Mint 5
Linux App Store Flathub når 3 milliarder downloads 2
Digitaliseringsministeriet sætter gang i pilotprojekt om digital suverænitet 3
Mest sikker webbrowser 5
Firefox 2
Privatbeskeder 7
Backup/synkronisering? 3
BigLinux 5
Chatgpt satire 1
Læsning af databasefil i Firefox 2

© 2025 Linuxin og de respektive skribenter

Oprettet og drevet af nørder siden 2004 !