---

Hej!
Jeg ønsker at få en vandret visning af billeder med produkter,
hvor der kan scrolles vandret hvis der er for mange billeder. Et
eksempel www.3falke.dk nederste menu.

Jeg har to problemer.
1) Når jeg indsætter billeder ved siden af hinanden er der
mellemrum mellem billederne i et afgrænset felt.

2) Der scrolles lodret

Jeg har lavet flg stylesheet:
DIV.1 {position: absolute; top: 100px; left: 10px; height: 54px;
width: 560px; overflow: auto}

Billederne har størrelsen width: 56px og height: 54px. Der skulle
kunne være 10 billeder lige ved siden af hinanden, men der er 9
og de scroller lodret i stedet for vandret.

Mvh
Rikke Kjærulff



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

---

Wed, 24 Apr 2002 16:06:05 +0000 (UTC), skrev Rikke Kjærulff
<r.k@privat.dk>:

>Jeg ønsker at få en vandret visning af billeder med produkter,
>hvor der kan scrolles vandret hvis der er for mange billeder.

Du har ikke mulighed for at uploade en testside?

Det er meget nemmere og rarere, hvis man har folks egne sider at
forholde sig til fremfor at skulle stykke noget sammen selv og
prøve at fejlfinde der fra.
--
med venlig hilsen
Knud
http://home13.inet.tele.dk/smedpark/
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.html:
> Wed, 24 Apr 2002 16:06:05 +0000 (UTC), skrev Rikke Kjærulff
> <r.k@privat.dk>:
>
> >Jeg ønsker at få en vandret visning af billeder med produkter,
> >hvor der kan scrolles vandret hvis der er for mange billeder.
>
> Du har ikke mulighed for at uploade en testside?
> Jeg har oploaded nu:
http://www.skiveradikale.dk/New_Folder/billederoverflow.htm
Og stylesheet ser således ud:
DIV.1 {position: absolute; top: 100px; left: 10px; height: 54px;
width: 560px; overflow: auto}
Dessuden hvad er grunden til mellemrummet mellem billederne?






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

---

Rikke Kjærulff <r.k@privat.dk> wrote in news:aa74fg$n5k$1@sunsite.dk:

> Og stylesheet ser således ud:
> DIV.1 {position: absolute; top: 100px; left: 10px; height: 54px;
> width: 560px; overflow: auto}

Ret til:
div.1 {position: absolute; top: 100px; left: 10px; height: 54px;
width: auto;}

og indsæt:

img {float:left;}

--
Andreas
http://www.solitude.dk

---

> Ret til:
> div.1 {position: absolute; top: 100px; left: 10px; height: 54px;
> width: auto;}
>
> og indsæt:
>
> img {float:left;}

Se http://www.skiveradikale.dk/Rikke/billederoverflow.htm
1) Er rettet, men løser ikke problemet med billederne. De står stadig
ikke op af hinanden.

2) Vil gerne have en bredde af designmæssigt hensyn. Skal vise 10
billeder og have scroll vandret, hvis der er flere end 10 billeder.

Stylesheet
DIV.1 {position: absolute; top: 100px; left: 10px; height: 54px;
overflow: auto}
img {float:left;}
Skal height være højere for at give plads til scroll vandret?

Rikke


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

---

On Thu, 25 Apr 2002 09:51:37 +0000 (UTC), Rikke Kjærulff
<r.k@privat.dk> wrote:

>Stylesheet
>DIV.1 {position: absolute; top: 100px; left: 10px; height: 54px;
>overflow: auto}

hvis class-navnet er et et-tal, er det ugyldigt:
<URL: http://www.w3.org/TR/REC-CSS2/syndata.html#q4>
- skal starte med et bogstav (og det gør en forskel i nogle browsere -
men det løser næppe dit problem)

>img {float:left;}

prøv at indsætte "margin:0; i img'en - det hjælper i Opera, men ikke i
MSIE.


>Skal height være højere for at give plads til scroll vandret?

Ja.

Det var sådan ca. et kvart svar :)

Good luck,
Jørn

--
Jørn Andersen,
Brønshøj

---

Thu, 25 Apr 2002 09:51:37 +0000 (UTC), skrev Rikke Kjærulff
<r.k@privat.dk>:

>Se http://www.skiveradikale.dk/Rikke/billederoverflow.htm
>1) Er rettet, men løser ikke problemet med billederne. De står stadig
>ikke op af hinanden.

Skriv alle billedtags på en lang linje.
<img src..><img src...><img src..>

Iøvrigt bruger du backslash i nogen af stierne, det dur ikke, det
er kun IE, der viser disse billeder.

Uddrag af din kode:
<img src="images2/egg.jpg" width="56" height="54">
(rigtigt)
<img src="images2\havestol1.jpg">
(forkert)

>2) Vil gerne have en bredde af designmæssigt hensyn. Skal vise 10
>billeder og have scroll vandret, hvis der er flere end 10 billeder.

Tror jeg ikke at du kan i ren html/css, du må nok blande noget
javascript ind i det undtagen jeg lige har løsningen.
--
med venlig hilsen
Knud
http://home13.inet.tele.dk/smedpark/
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.