• Reset your password

User account menu

  • Artikler
  • Forside
  • Forum
  • Nyheder
  • Log in
Hjem
Linuxin 2025

Breadcrumb

  • Hjem
  • forums
  • Et mindre webdesigner problem

Hvad kan du med 100% sikkerhed sige, at du har stemt?

Valgmuligheder
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 in to post comments

Kommentarer9

16 år 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 in to post comments

16 år 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 in to post comments

16 år 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 in to post comments

16 år 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 in to post comments

16 år 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 in to post comments

16 år 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 in to post comments

16 år 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 in to post comments

16 år 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 in to post comments

16 år 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 in to post comments

Svar søges

Test 0
Den er go 0
Vil du have et sikrere og mere privat internet? Du skal blot installere Vivaldi-browseren med Proton VPN understøttelse! 0
14. februar = I Love Free Software Day 0
Lokal fil-deling - for de dovne. 0

Seneste aktivitet

"Intet realistisk alternativ" - mig i r*ven 5
2 stk Jolla C2 sælges 2
Test 2
Det første forumindlæg efter installation af Forum-modulet 8
Vanilla OS 12
Nye forum-indlæg viser sig kun 1 gang 1
Vil alle forumindlæg vise sig to gange 1
Hjælp til remote terminal vindue? 3
PCLinuxOS 19
Kan ikke boote på installation 24
80-20 reglen 1
Skærmlys fader ud på min bærbare 8
32 bit distro på max 700mb der stadig understøttes 26
Har vi nogen Linux konsulenter i Slagelse området? 3
Virkelig 7
gnome-software? 3
Archer T2U AC600 Wireless Dual Band USB Adapter 26
En farverig APT 3.0 udgivelse imponerer med sine nye funktioner 2
Unix's fødsel 2
Linux Mint 13

Copyright © 2025 Company Name - All rights reserved

Developed & Designed by Alaa Haddad