alternatief voor frames

Status
Niet open voor verdere reacties.

Example5

Terugkerende gebruiker
Lid geworden
9 mrt 2008
Berichten
2.172
hey,

omdat frames een beetje verouderd, en toch niet zo heel goed zijn, ben ik op zoek naar een alternatief voor frames...

wat indeling betreft: ik wil een top, in het midden bovenin, die de schermwijdte - 2x120px aan beide kanten van het scherm in beslag neemt... en onder die top wil ik een main, die op 150px van de bovenkan afzit en 120px van beide zijkanten...

ik wil het een beetje laten lijken op www.crazymonkeygames.com ... maar dan met ads aan de zijkanten...

heeft iemand ideeen waarmee ik zon indeling kan maken, en waarvoor je niet 5 jaar gestudeerd hoeft te hebben/of zelfs een kleine turorial?

alvast bedankt
 
Met php includes moet het wel lukken.
Ik zou je op weg willen helpen, alleen snap ik niet echt wat je wilt doen.

Ik heb dit in de browser ingetypt dus het kan er kunnen fouten instaan.
Bv. zo in css
Code:
#top
{
width: <Hier komt de breedte van je top> px;
margin-left: auto;
margin-right: auto;
}
#main
{
width: <Hier komt de breedte van je main> px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-height: <Hoever je main van top wilt houden> px;
}
 
Laatst bewerkt:
Met php includes moet het wel lukken.
Ik zou je op weg willen helpen, alleen snap ik niet echt wat je wilt doen.

Ik heb dit in de browser ingetypt dus het kan er kunnen fouten instaan.
Bv. zo in css
Code:
#top
{
width: <Hier komt de breedte van je top> px;
margin-left: auto;
margin-right: auto;
}
#main
{
width: <Hier komt de breedte van je main> px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-height: <Hoever je main van top wilt houden> px;
}

en hoe zou ik er nu nog aan allebei de zijkanten een van 120px kunnen maken? dus een helemaal link en een helemaal rechts? sorry ik kan geen css :P
 
hallo,

Code:
margin-left: auto;
margin-right: auto;

zorgen dat het horizontaal gecentreerd word

de rest van de code zou er zo uit kunnen zien:
HTML:
<html>
<head>
<style type="text/css">
#top
{
width: <Hier komt de breedte van je top> px;
margin-left: auto;
margin-right: auto;
}
#main
{
width: <Hier komt de breedte van je main> px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-height: <Hoever je main van top wilt houden> px;
}
</style>
</head>
<body>
<div id="top">
<script type="text/javascript" src="<!--hier de top page--!>"></script> 
</div>
<div id="main">
<script type="text/javascript" src="<!--hier de main page--!>"></script>
</div>
</body>
</html>
 
o kijk met dit idee komen we verder, bedankt! :D
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan