Design..
kbegin php steeds meer te snappen door jullie en een boek.
er is nog wel een ding dat ik echt moet weten.
als je een design hebt gemaakt dan is dat meestal vast...
maar hoe kan je de pagina uit laten rekken zonder dat het deisn lelijk word zeg mar iets zoals phphulp.nl ;) normaal werkte ik altijd met iframes of gewone frames maar dat is natuurlijk nix...
bv kheb dit als lay-out:
[===] logo
| | rand
[===] copyright
als ik bv een gastenboek erin heb dan de rand dan zich gaat herhalen...en dan copyright gewoon mee naar onderen gaat en logo boven aan blijft staan :)
kan iemand bij helpen?
www.alistapart.com
www.oswd.org
http://www.csszengarden.com/
Die laatste is niet echt een site met informatie maar er staan zeker hele mooie voorbeelden op van hoe je iets kunt berijken. Gewoon in de source kijken (van het stylesheet dan. Alle pagina's zijn namelijk hetzelfde, alleen het stylesheet kun je veranderen, en dat heeft grote inpact.)
Maar op de door mij eerder genoemde websites staan allemaal css-oplossingen van hoe je dus een uitrekbaar design zou kunnen maken, en meer.
Wat je bijv zou kunnen doen is:
<style>
#header, #inhoud, #footer{
float: left;
display: block;
}
#header{
width: 100%;
height: 150px;
background: blue;
}
#inhoud{
margin: 3px 15px 3px 20px;
}
#footer{
background: red;
}
</style>
en dan
<div id="header">
Mijn site :: Home
</div>
<div id="inhoud">
mijn gastenboek en al die rommel eno
</div>
<div id="footer">
© by me
</div>
stoplich* gewoon ik kwam daar niet verder :P
div id
en tis
td class tog? :D:P
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<style>
#style01{
}
.style02{
}
td.style03{
}
</style>
#style01{
}
.style02{
}
td.style03{
}
</style>
Even wat voorbeelden:
style01 verbind je met een id (zie je aan het hekje), dus bijv:
Code (php)
1
<div id="style01">
Code (php)
1
<table id="style01">
style02 verbind je met een class (zie je aan de punt):
Code (php)
1
<div class="style02">
Code (php)
1
<td class="style02">
Styles kun je oolimiteren, of combineren. Neem nou style03. Op
Code (php)
1
<div class="style03">
Code (php)
1
<td class="style03">
En waarom ik mijn 100% gebruikte? omdat je dan de balk aan de bovenkant over de hele pagina krijgt. Je kunt hem ook op 25% zetten, dan wordt hij maar 1/4 van je venster breedt. En je kun ook zeggen dat hij 200px breedt moet zijn, dan wordt hij altijd 200 pixels breedt, en als je venster dan kleiner is moet je scrollen. Daarom gebruik ik het liefst procenten.
Maar kijk echt eens even op een desgin van www.oswd.org, die zijn meestal heel simpel, maar wel heel duidelijk wat ze nou precies doen om iets bijvoorbeeld in het midden te krijgen, of met het venster mee uit te rekken.