---

Jeg overvejer om det er realistisk at ændre et hjemmeside design fra
tabeller til at være CSS styret, således at det var nemmere at vedligeholde,
og passede bedre til alle skærme.
Da det her med CSS er ret nyt for mig, har jeg ikke overblik over hvordan
jeg skulle gribe det rigtigt an.
F.eks siderne med en masse små billeder som står t.v og et eksempel af
billederne i stor, som vises t.h. for de små . Se eksempel her :
http://www.gekkographic.dk/galleriet/illustration/illustration_aqua1.htm ,
hvordan får man den samme opstilling via CSS ?


Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "

---

C. Nielsen wrote:
> Jeg overvejer om det er realistisk at ændre et hjemmeside design fra
> tabeller til at være CSS styret, således at det var nemmere at
> vedligeholde,

> F.eks siderne med en masse små billeder som står t.v og et eksempel af
> billederne i stor, som vises t.h. for de små . Se eksempel her :
> http://www.gekkographic.dk/galleriet/illustration/illustration_aqua1.htm

Netop sådan en side vil det være oplagt at have i en tabel.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/

---

C. Nielsen skrev:

> Jeg overvejer om det er realistisk at ændre et
> hjemmeside design fra tabeller til at være CSS styret,
> således at det var nemmere at vedligeholde, og
> passede bedre til alle skærme.

Det er altid en god overvejelse, og giver samtidig en
god træning i sådan noget.

> F.eks siderne med en masse små billeder som står t.v

Du kan stable de små billeder op ved siden af hinanden,
og lægge dem i en boks med en bestemt bredde, se

http://html-faq.dk/testsider/thumb-htmlfaq/thumb-htmlfaq.asp

På samme måde kan du gøre med dine links øverst, de
behøver heller ikke at ligge i tabelceller.

> Da det her med CSS er ret nyt for mig, har jeg ikke
> overblik over hvordan jeg skulle gribe det rigtigt an.

Prøv at starte med en testside med billedvisning. Som
udgangspunk bruger du

<div id="topbar"></div>
<div id="menubar"></div>
<div id="indhold"></div>
<div id="bund"></div>

så må vi tage den derfra.

--
Allan Vebel
http://html-faq.dk

---

"C. Nielsen" skrev
> Jeg overvejer om det er realistisk at ændre et hjemmeside design fra
> tabeller til at være CSS styret, således at det var nemmere at vedligeholde,
> og passede bedre til alle skærme.
> Da det her med CSS er ret nyt for mig, har jeg ikke overblik over hvordan
> jeg skulle gribe det rigtigt an.
> F.eks siderne med en masse små billeder som står t.v og et eksempel af
> billederne i stor, som vises t.h. for de små . Se eksempel her :
> http://www.gekkographic.dk/galleriet/illustration/illustration_aqua1.htm ,
> hvordan får man den samme opstilling via CSS ?
>

Sådan her:
http://home20.inet.tele.dk/mariannes/galleri.html

Css´en står i kildekoden, og du kan nøjes med
#stort-billede
+ tilhørende div
#smaa-billeder
+ tilhørende div
og .out hvis du vil ha border på..................
og så sætte det ind i dit eget layout.


--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

_Tidemann_ skrev | wrote | écrivit (26-05-2006 00:25):

> Sådan her:
> http://home20.inet.tele.dk/mariannes/galleri.html

Virker ikke...

Det skyldes nok at du har en / (slash) for meget i dine links:
<a href="#" onmouseover="(document.stort_billede.src='xx.jpg')" />...</a>
i stedet for:
<a href="#" onmouseover="(document.stort_billede.src='xx.jpg')">...</a>

Prøv at teste i en anden browser end IE

--
Venlig hilsen | Kind regards | Cordialement
Frank

---

"Frank Olieu" skrev

> Tidemann skrev
>
> > Sådan her:
> > http://home20.inet.tele.dk/mariannes/galleri.html
>
> Virker ikke...
>
> Det skyldes nok at du har en / (slash) for meget i dine links:
> <a href="#" onmouseover="(document.stort_billede.src='xx.jpg')" />...</a>
> i stedet for:
> <a href="#" onmouseover="(document.stort_billede.src='xx.jpg')">...</a>
>

Det er ikke sådan med at klippe klistre sent om natten..........

Men det var ikke pga. den slash, men pga. af min #bund.

--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

"Tidemann" <tidemann@2Youtdcadsl.dk (Slet 2You)> skrev i en meddelelse
news:4476c3a6$0$2109$edfadb0f@dtext02.news.tele.dk...
> "Frank Olieu" skrev
>> Tidemann skrev
>>
>> > Sådan her:
>> > http://home20.inet.tele.dk/mariannes/galleri.html

Det virker da som en ret smart løsning. Hvis jeg så skal skifte et billede,
skal jeg kun rette det et sted og ikke på f.x 20 sider , hvis der er 20 små
billeder.
Er der muligt at linke til siden så det er et bestemt stort billede der
åbner op, eller vil det altid være billede nr.1 i rækken ?

Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "

---

"C. Nielsen" skrev
>
> Det virker da som en ret smart løsning. Hvis jeg så skal skifte et billede,
> skal jeg kun rette det et sted og ikke på f.x 20 sider , hvis der er 20 små
> billeder.
> Er der muligt at linke til siden så det er et bestemt stort billede der
> åbner op, eller vil det altid være billede nr.1 i rækken ?
>

Det vil alid være det billede du bestemmer dig for, det kan være nr. 5 eller
10,
da det er denne id der bestemmer:
<div id="stort-billede">
<img src="kroatien/pic30.jpg" alt ="" name="stort_billede" /></div>

Du skal bare udskifte kroatien/pic30.jpg..........................


--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

"C. Nielsen"
> Det virker da som en ret smart løsning. Hvis jeg så skal skifte et billede,
> skal jeg kun rette det et sted og ikke på f.x 20 sider , hvis der er 20 små
> billeder.
> Er der muligt at linke til siden så det er et bestemt stort billede der
> åbner op, eller vil det altid være billede nr.1 i rækken ?
>

Noget som det her:
http://www.dhejne.dk/mariannes/gekko/gekko__illu.htm


--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

"Tidemann" <tidemann@2Youtdcadsl.dk (Slet 2You)> skrev
> "C. Nielsen"
>> Det virker da som en ret smart løsning.
>> Er der muligt at linke til siden så det er et bestemt stort billede
> Noget som det her:
> http://www.dhejne.dk/mariannes/gekko/gekko__illu.htm

Jeg må bare sige tusinde tak for dit flotte forslag. Det er et stort arbejde
du har lavet, med al det kode, billeder og det hele. Det ser rigtig godt ud.
Dette er mit første forsøg hvor CSS også styrer placeringerne m.m, så nu
glæder jeg mig til at forsøge at overfører det til flere af de sider der er
på sitet.

Venlig hilsen
C. Nielsen
www.gekkographic.dk ( originale site ) www.kinkyposters.dk ( her tester jeg
de nye muligheder )
"smile and the world smiles back, most of the time "

---

"C. Nielsen" skrev
>
> "Tidemann" <tidemann@2Youtdcadsl.dk (Slet 2You)> skrev
> > "C. Nielsen"
> >> Det virker da som en ret smart løsning.
> >> Er der muligt at linke til siden så det er et bestemt stort billede
> > Noget som det her:
> > http://www.dhejne.dk/mariannes/gekko/gekko__illu.htm
>
> Jeg må bare sige tusinde tak for dit flotte forslag. Det er et stort arbejde
> du har lavet, med al det kode, billeder og det hele. Det ser rigtig godt ud.
> Dette er mit første forsøg hvor CSS også styrer placeringerne m.m, så nu
> glæder jeg mig til at forsøge at overfører det til flere af de sider der er
> på sitet.

Velbekomme

Du må selv ind og rette de store jpg´s navne, jeg orkede ikke mere.
Men der er også noget med selve opsætningen af siden der ikke virker,
det var bare en hurtig sammensætning af Dennis´s forslag og lidt af mit eget.

Jeg kan lige opdatere den, så kan du se på den senere..............

--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

"Tidemann" skrev
>
> Jeg kan lige opdatere den, så kan du se på den senere..............
>

http://www.dhejne.dk/mariannes/gekko/gekko_forside.htm
http://www.dhejne.dk/mariannes/gekko/gekko__illu.htm


--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

"Tidemann" skrev
> >
> > Jeg kan lige opdatere den, så kan du se på den senere..............
> >
>
> http://www.dhejne.dk/mariannes/gekko/gekko_forside.htm
> http://www.dhejne.dk/mariannes/gekko/gekko__illu.htm
>
>

og den kan se sådan ud:
http://www.dhejne.dk/mariannes/gekko/gekko__plakat.htm


--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk

---

"Tidemann" <tidemann@2Youtdcadsl.dk (Slet 2You)> skrev
> "Tidemann" skrev
>> >
>> > Jeg kan lige opdatere den, så kan du se på den senere..............
>>
>> http://www.dhejne.dk/mariannes/gekko/gekko_forside.htm
>> http://www.dhejne.dk/mariannes/gekko/gekko__illu.htm
>
> og den kan se sådan ud:
> http://www.dhejne.dk/mariannes/gekko/gekko__plakat.htm

Hej Marianne.

Det ser bare flot ud det du har lavet, og er et kæmpe stort arbejde du har
haft med det. Mange gange tak. Det er også en stor mundfuld for mig , som
blot er ved at lave mit første site hvor jeg forsøger at udnytte
mulighederne i css arket. Til gengæld synes jeg , det er rigtig spændende,
så der er til mange timers udfordringer i det oplæg du har lavet. Jeg vil
gerne sætte mig ind i hvordan og hvorfor, så jeg også selv kan bruge alle de
forskellige koder, i andre sammenhænge.

Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "

---

"C. Nielsen" skrev
>
> > "Tidemann" skrev
> >> >
> >> > Jeg kan lige opdatere den, så kan du se på den senere..............
> >>
> >> http://www.dhejne.dk/mariannes/gekko/gekko_forside.htm
> >> http://www.dhejne.dk/mariannes/gekko/gekko__illu.htm
> >
> > og den kan se sådan ud:
> > http://www.dhejne.dk/mariannes/gekko/gekko__plakat.htm
>
> Hej Marianne.
>
> Det ser bare flot ud det du har lavet, og er et kæmpe stort arbejde du har
> haft med det. Mange gange tak. Det er også en stor mundfuld for mig , som
> blot er ved at lave mit første site hvor jeg forsøger at udnytte
> mulighederne i css arket. Til gengæld synes jeg , det er rigtig spændende,
> så der er til mange timers udfordringer i det oplæg du har lavet. Jeg vil
> gerne sætte mig ind i hvordan og hvorfor, så jeg også selv kan bruge alle de
> forskellige koder, i andre sammenhænge.
>

Hej Charlotte
Og tak..................
Egentlig er det en lidt fixet udgave af denne side:
http://www.webdesign101.dk/csslayout/jello/jello_3.html
og Jørgen Farum Jensen forklarer det rigtig godt her

Det er netop det, med højden på kolonnerne der er det svære. I den udgave
Dennis har lavet, er der lidt bøvl med siden med billederne, (i FF) da man jo
ikke ved hvor høje de er på forhånd. Derfor skrev jeg også i den anden tråd,
at du skulle sætte en min-height på. Prøv at kopiere min side, fjerne højden
på indhold i css´en og se hvordan footeren hopper op og ned.

Og god arbejdslyst, det tager timer at lave nyt
layout...........................

--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk