Horizontaal scrollen opmaak [Archief]

vector monkey

%Europe/Berlin %622 %2006, 15:56

hoi,

Ik ben bezig met een website waar ik in een frame van 900px breed een minimaal 120px hoog (afhankelijk van iemands resolutie) een html pagina wil laden waarin je horizontaal kunt scrollen door projecten/nieuwsberichten/enz.

Hoe kan ik het beste de pagina met de nieuwsberichten of projecten opmaken in dreamweaver? ik dacht zelf met een tabel, maar ik zie vaak mensen zeggen dat tabellen niet geweldig zijn.. wat zijn de andere manieren?

ik hoop dat ik het duidelijk heb uitgelegd en dat iemand me wat kan vertellen.

bedankt alvast
grtz Joris

moonwalker

%Europe/Berlin %641 %2006, 16:23

Ik zou voor divs gaan. Lees dit artikel dan zul je me begrijpen ;)
http://www.mastercode.nl/artikel/56/

mw

vector monkey

%Europe/Berlin %656 %2006, 16:44

ok ik zal het eens doorlezen en kijken of het geschikt is..
bedankt moonwalker

iemand anders nog andere ideeen? of zegt iedereen divs maken ??

mknol

%Europe/Berlin %667 %2006, 17:01

of zegt iedereen divs maken ??ik zeg: divs gebruiken!
Overtuiging nodig: http://www.stylesheets.nl [Waarom lay-outen met tabellen dom is]

mech7

%Europe/Berlin %752 %2006, 19:03

yup div.. maareh ik zou dat horizontaal scrollen maar achterwege laten.. dat is zooo irritant :)

Lorrens

%Europe/Berlin %848 %2006, 21:21

nee, ik vind horizontaal scrollen (mits goed uitgevoerd, maar dat geldt ook voor verticaal scrollende websites ;)) soms erg mooi :D
Div's zijn echt fijn, want die kan je altijd heel makkelijk definiëren en ook goed ten opzichte van elkaar plaatsen enzo. Uiteindelijk is dat HEEL overzichtelijk, ook als je met meerdere aan een project werkt. Daarom stap ik inmiddels ook over op divs, behalve als ik een website moet slicen bijvoorbeeld..

vector monkey

%Europe/Berlin %482 %2006, 12:35

goed..
die divjes.. dat werkt inderdaad fijn :) tnx voor de tip

nu zit ik met het volgende probleem:
misschien een hele domme vraag maar ik ben nu eenmaal geen html-held.
ik heb 8 divjes naast elkaar. dat worden er later meer.
in elk divje (1 div is 225px breed en 140px hoog) komt een plaatje, een titel, 40 woorden en een url. ik heb even een voorbeeldje gemaakt hoe ik 1 divje er ongeveer uit wil laten zien:
http://www.thevectormonkeys.nl/divjevoorbeeld.jpg

maar ik krijg die text maar niet naast het plaatje zoals in het voorbeeld.. hoe krijg ik dat voor elkaar?

alvast bedankt

vector monkey

%Europe/Berlin %520 %2006, 13:28

haha sorry het is al gelukt..
heel simpel.. plaatje>>rechtermuisknop >>align >> left

en hoe zorg ik ervoor dat divs alleen naast elkaar geplaatst worden, en dus alleen een horizontale scrollbalk gebruikt? nu krijg ik alleen een verticale scrollbalk.

hier de pagina: SITE (http://www.locografix.com/sites/stadvis)

nu worden divs zoals je ziet onder elkaar gezet, maar moeten dus in een lange rij naast elkaar worden gezet..

alvast bedankt

Lorrens

%Europe/Berlin %648 %2006, 16:33

Pff... ik ben voor je bezig. Het lukt inmiddels in FF, maar IE heeft het niet zo op CSS... komt eraan!

[EDIT] Ik heb het gevonden hoor, is niet zo moeilijk!

<html>
<head>
<style type="text/css">
.hokje {
background-color: c0c0c0;
width:200px;
height:100px;
border: 1px solid black;
float:left;
margin: 5px; }

</style>
</head>
<body>
<div style="width: 2200px;">
<div class="hokje">Hier de inhoud van hokje 1</div>
<div class="hokje">Hier de inhoud van hokje 2</div>
<div class="hokje">Hier de inhoud van hokje 3</div>
<div class="hokje">Hier de inhoud van hokje 4</div>
<div class="hokje">Hier de inhoud van hokje 5</div>
<div class="hokje">Hier de inhoud van hokje 6</div>
<div class="hokje">Hier de inhoud van hokje 7</div>
<div class="hokje">Hier de inhoud van hokje 8</div>
<div class="hokje">Hier de inhoud van hokje 9</div>
<div class="hokje">Hier de inhoud van hokje 10</div>
</div>
</body>
</html>

Hierbij is <div style="width: 2200px;"> belangrijk... deze bepaalt hoe "breed" de pagina is. Zorg dus dat deze zo breed is als je wil, en alle divs zullen naast elkaar komen te staan!
(hij doet het goed in FireFox en Internet Explorer..)

mech7

%Europe/Berlin %655 %2006, 16:43

zelfde als met plaatjes float: left dus :)

vector monkey

%Europe/Berlin %668 %2006, 17:03

Pff... ik ben voor je bezig. Het lukt inmiddels in FF, maar IE heeft het niet zo op CSS... komt eraan!

[EDIT] Ik heb het gevonden hoor, is niet zo moeilijk!

<html>
<head>
<style type="text/css">
.hokje {
background-color: c0c0c0;
width:200px;
height:100px;
border: 1px solid black;
float:left;
margin: 5px; }

</style>
</head>
<body>
<div style="width: 2200px;">
<div class="hokje">Hier de inhoud van hokje 1</div>
<div class="hokje">Hier de inhoud van hokje 2</div>
<div class="hokje">Hier de inhoud van hokje 3</div>
<div class="hokje">Hier de inhoud van hokje 4</div>
<div class="hokje">Hier de inhoud van hokje 5</div>
<div class="hokje">Hier de inhoud van hokje 6</div>
<div class="hokje">Hier de inhoud van hokje 7</div>
<div class="hokje">Hier de inhoud van hokje 8</div>
<div class="hokje">Hier de inhoud van hokje 9</div>
<div class="hokje">Hier de inhoud van hokje 10</div>
</div>
</body>
</html>

Hierbij is <div style="width: 2200px;"> belangrijk... deze bepaalt hoe "breed" de pagina is. Zorg dus dat deze zo breed is als je wil, en alle divs zullen naast elkaar komen te staan!
(hij doet het goed in FireFox en Internet Explorer..)

ok.. zo ver was ik ondertussen ook gekomen maar dat betekend dus dat ik altijd de regel "<div style="width: 2200px;">" zal moeten aanpassen iedere keer dat ik een hokje toevoeg inderdaad..

kan het ook automatisch ?

vector monkey

%Europe/Berlin %670 %2006, 17:05

zelfde als met plaatjes float: left dus :)

nee dat werkt niet, was het maar zo makkelijk.

vector monkey

%Europe/Berlin %637 %2006, 16:18

allo?
weet echt niemand hier iets op?

wat ik dus wil; enkel horizontaal kunnen scrollen.. of:
divs altijd alleen maar naast elkaar zetten zodat ik dus altijd alleen maar horizontaal door de divs kan scrollen.
en dan dus het liefst zonder een breedte maat van de pagina invullen.. zoals lorrens een manier had gevonden.

alvast bedankt

Laiverd

%Europe/Berlin %653 %2006, 16:41

Leuk he; divjes ;) Dit zou je echt ook makkelijk met een table kunnen doen hoor.

John

Lorrens

%Europe/Berlin %723 %2006, 18:21

ja. dat zegt hij toch ook?
hij zoekt alternatieven.