Thread: Layout: eerste site.
-
22-03-2005, 00:00 #1
Layout: eerste site.
Dag beste forumhangers
Heb dus een simpel site'tje gemaakt in html/css.
in mijn ogen is die redelijk af (er staat nog geen tekst in dus het gaat om de layout).
Mijn vraag is nu: ben ik goed bezig ben nog redelijk nieuw wat betreft webstites maken
Graag wat tips / opmerkingen / kleuren / enz / enz.
http://users.pandora.be/koenbert/website2/index.htm
Alvast bedankt voor de moeite om een beginner op de goede weg te helpen
(firefox geeft nog wa probleempjes
)
no votes
-
-
22-03-2005, 11:22 #2Member
- Registered
- 06/09/03
- Location
- Buizingen
- Posts
- 1,072
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Doelstelling okay ; Dit is een simpele nette site in html en css.
Nette opmaak, typografisch kan ik niet veel zeggen, erg veel
kan je niet fout doen in jouw geval.
Ik zou wel kiezen voor meer witruimte links/rechts/boven/onder uw
tekst , iets kleiner lettertype ook? Ook de website verticaal laten
uitrekken i.p.v de vervelende scroll.
EDIT: Je html/css code kan hier en daar nog beter.
Last edited by Erlend; 22-03-2005 at 11:23.
no votes
-
22-03-2005, 11:29 #3
hartelijk dank voor uw reactie.
Ik zal zeker rekening houden met uw punten die je hebt opgesomt.
Als er nog reacties zijn, laat ze maar komen
.
no votes
-
22-03-2005, 11:54 #4
menu kan ook mbv een lijst opgemaakt worden:
leer ook u code wat overzichtelijker te maken door een indent(tab-toets).Code:<ul> <li>1</li> enz... </ul>
voor de rest heb ik nix dan lof over u manier van aanpakken.
der zijn nie veel mensen die hun eerste site zo goed opbouwenno votes
-
23-03-2005, 19:06 #5
http://users.pandora.be/koenbert/testwebsite2/index.htm
Ben de minpuntjes aant wegwerken die hier werden opgesomt.
-lettertype/grote
-<ul><li>nav</li></lu>
-de scrollbar "in" de website past ook nie blijkbaar (wist ik echt niet vond dat mooi
)
Bij dat laatste heb ik een probleem mijn footer en mijn inhoud links wil niet mee naar beneden. ben al een dag aant zoeken en al zeker 50 pagina's in google agezocht.
Ook heb ik de site wat kleur gegeven is dit beter of juist slechter?
Indien nodig kan ik mijn css code posten (wel zeer rommelig maar moet ergens beginnen é).
CSS code:
http://users.pandora.be/koenbert/css.JPGLast edited by Knight_82; 23-03-2005 at 19:17.
no votes
-
23-03-2005, 20:11 #6Member
- Registered
- 18/07/02
- Location
- Riemst
- Posts
- 766
- iTrader
- 2 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
In Firefox ziet je zit er niet uit, maar soit. Daar kan je nog aan werken. Dat is nu niet het probleem.
Voor je CSS gebruik gewoon deze link
.
URL : http://users.pandora.be/koenbert/tes...te2/opmaak.css
Anywayz, je bedoeling is goed, simpel en clean. Doe zo verder en probeer de site ook compatibel te maken voor FF.no votes
-
23-03-2005, 21:13 #7
@ impact thnx 4 the tip. heb nu al da werk gedaan voor die pic te maken
.
firefox compatibel maken is misschien een volgende stap.no votes
-
23-03-2005, 22:26 #8Member
- Registered
- 18/07/02
- Location
- Riemst
- Posts
- 766
- iTrader
- 2 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
no votes
-
24-03-2005, 00:05 #9
Ok bedankt voor de tip.
Kleine update:
http://users.pandora.be/koenbert/testwebsite2/
CSS: http://users.pandora.be/koenbert/te...ite2/opmaak.css
Mijn Home/route/pagina3/pagina4 titesl staan niet op de juiste plaats
kan er mij iemand op de juiste weg helpen?Last edited by Knight_82; 24-03-2005 at 01:06.
no votes
-
24-03-2005, 15:46 #10
Never mind.
Na 4 uur zoeken en prutsen hen ik het gevonden.
Denk dat ik nu al de minpunten die werden opgesomt heb verbeterd.
(buiten firefox).
Verdere sugesties zijn welkom.
http://users.pandora.be/koenbert/testwebsite2/
CSS: http://users.pandora.be/koenbert/tes...te2/opmaak.cssLast edited by Knight_82; 25-03-2005 at 13:58. Reason: css link aangepast
no votes
-
24-03-2005, 23:53 #11Member
- Registered
- 18/07/02
- Location
- Riemst
- Posts
- 766
- iTrader
- 2 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
'k Heb dus wat aan je site zitten prullen. Om hem in FF juist te krijgen, nu het lukte mij niet echt goed, mits met <div>'s volledig een site maken toch niet simpel is, want het gaat hier om absolute positionering, waar ik het nog niet zo van moet hebben. Geef mij nog maar een paar tabellen, wel zo weinig mogelijk, maar toch, 'k vind het beter werken.
Nu dus heb er +/- een uurtje mee bezig geweest, in FF werkten je header en knoppen toch, maar in IE was't dan weer een ramp. Dus ik denk dat je nog serieus met je handen in't haar gaat zitten als je, je site in FF compatibel wilt maken.no votes
-
25-03-2005, 00:02 #12Member
- Registered
- 06/09/03
- Location
- Buizingen
- Posts
- 1,072
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
T'is een hele andere manier van denken natuurlijk. Dat
is bij de meeste mensen het probleem.no votes
-
25-03-2005, 00:24 #13Member
- Registered
- 18/07/02
- Location
- Riemst
- Posts
- 766
- iTrader
- 2 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Wel <div>'s werkt ergens ook wel als tabellen vind ik. Maar t'is ze op de juiste manier gepositioneerd krijgen dat soms een eindeloos werk is. Eens je abusolute positionering heel goed onder de knie hebt, kan het wel handig zijn. Maar nu vind ik het niet nodig, te veel werk.
no votes
-
25-03-2005, 00:29 #14Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Ik werk zo goed als nooit met absolute positionering, en ik raad ook aan van het zo goed als nooit te gebruiken. Anders gaat ook, en is nochtans heel intuïtief (vind ik dan).
no votes
-
25-03-2005, 14:05 #15
bedankt voor de reacties allemaal.
Ben ook al wat aant prutsen geweest en als het in ff goed is ist in Ie dan weer slecht.(zelfde probleem impact
) Misschien moet ik hem eens na maken maar dan met tabellen. maar heb op het forum gelezen dat de meeste mensen vinden dat tabellen niet echt dienen voor de lay-out vandaar dat ik met <div>'s gewerkt heb
.
tijdens mijn zoektoch op google om problemen op te lossen ben ik enkele goeie site's tegengekomen hier zijn ze: (de meeste kennen jullie waarschijnlijk toch).
http://www.echoecho.com/cssselectors.htm
http://www.webreference.com/authorin...yout/advanced/
http://www.tizag.com/cssT/
http://www.good-tutorials.com/tutorials/5
http://www.positioniseverything.net/
http://www.ris.be/sharelinux.asp?taal=nl&item=
http://www.gigadesign.be/css_tutorial.php
http://www.hypergurl.com/colormatch.php
voila een mooie samenvatting
.
Last edited by Knight_82; 25-03-2005 at 14:10.
no votes
