Archief - LAYOUT: Check layout therapeut praktijk

Kleine check pls:

http://loiq.to.md/alphabuild/index.html

css: http://loiq.to.md/alphabuild/stijl.css

grtz

ziet er goed uit : )

De basics zijn er alvast (je xhtml code). Nu de uitwerking nog!

grafisch:
* Ik zou in elk geval het kader wat van de bovenkant af spatiëren
* Heb je rekening gehouden met de hoeveelheid informatie die er op de website komt?
* Het doet allemaal nog wat leegjes aan, gewoon een vak op een achtergrond met een menu.
* Menu is in verhouding véél te groot
* Je hebt gewoonweg géén header. Je kan perfect met dat logo een mooie header + menu in elkaar steken.

CSS:
* je menu is niet op de juiste manier ge-hoverd. Nu heb je nog een kleine loading delay, die kan je gemakkelijk wegwerken door op de juiste manier te hoveren: met één background image en dan de background-position veranderen.
* je kan perfect je css nog véél kleiner maken. Het zit hem in van die kleine dingen als quotes weglaten rond url's (die zijn namelijk niet nodig) en meteen voor je hele body de lettertypes definiëren (nu doe je dat een stuk of vier keer).
* als er id's zijn met dezelfde eigenschappen, kan je die perfect in CSS scheiden door een komma. Ik geef een voorbeeld.

Nu doe je
#id1 {color: #fff; width: 400px;}
#id2 {color: #fff; width: 400px;}

dit kan perfect het volgende worden:
#id1, #id2 {color: #fff; width: 400px;}

Veel korter, you see?

Xavez,
ik moet je daarin tegenspreken,
ik hou liever ook al mijn ID's gescheiden in CSS, om de simpele reden op makkelijke unieke aanpassingen achteraf.
stel dat hij beslist dat ID2 een andere ( bv. lichte grijs ipv wit ID1 ) moet krijge, kan hij dit heel makkelijk, zonder zijn ID's plots toch te moeten splitsen...

het kan zijn dat je het nu specifiek op dit ontwerp en manier ven gebruiken hebt, dan moet je hier niet te zwaar aan tillen,
maar algemeen, ook al heb ik 2 zelfde elementen nodig, stijl ik ze liever apart, zodat ik achteraf, moest ik iets willen veranderen aan 1 van de 2, makkeiljk die aanpassing kan doen.


overigs vind ik de website héél basic.
geen prentje, geen effectje, alles lijkt ook zo groot te zijn, het straalt geen fingerspitchengefhuul uit
doch , is het een site waar niets mis mee is. en uiteraard handig in gebruik.

Bedankt voor de commentaar alvast! Ik heb de css wat uitgemest en hij lijkt toch al overzichtelijker. Dat menu moet ik eens herzien, maar wat die hover betreft weet ik niet goed wat ik daar fout doe? Ik hou het vrij basic omdat het voor een breed publiek is die zelfs met een 56k surfen.

grtz

UnD3RD0G zei:

Xavez,
ik moet je daarin tegenspreken,
ik hou liever ook al mijn ID's gescheiden in CSS, om de simpele reden op makkelijke unieke aanpassingen achteraf.
stel dat hij beslist dat ID2 een andere ( bv. lichte grijs ipv wit ID1 ) moet krijge, kan hij dit heel makkelijk, zonder zijn ID's plots toch te moeten splitsen...

het kan zijn dat je het nu specifiek op dit ontwerp en manier ven gebruiken hebt, dan moet je hier niet te zwaar aan tillen,
maar algemeen, ook al heb ik 2 zelfde elementen nodig, stijl ik ze liever apart, zodat ik achteraf, moest ik iets willen veranderen aan 1 van de 2, makkeiljk die aanpassing kan doen.

Klik om te vergroten...

Daar moet ik je dan toch terug op tegenspreken. Ten eerste omdat zo'n dingen feitelijk niet mogen voorkomen. Als je alles goed plant en in je hoofd, des noods op papier uittekent, moet je achteraf niets van id-specifieke zaken aanpassen. Voor algemene eigenschappen worden overigens best classes gebruikt (daar dienen ze ten slotte voor). Mits een goede opbouw van je html-pagina zal je zo'n dingen dus zelden tegenkomen.

Maar ik moet toegeven dat mijn voorbeeld wel verkeerd was, ik bedoelde eerder:

#id1 a {color: #fff; width: 400px;}
#id1 a:active {color: #fff; width: 400px;}
#id1 a:focus {color: #fff; width: 400px;}

dit kan perfect het volgende worden:
#id1 a, #id1 a:active, #id1 a:focus {color: #fff; width: 400px;}

Hopelijk verduidelijkt dat de zaken wat . Bovendien: als je iets moet aanpassen, gaat dat toch heel rap? gewoon een CSS-regel kopiëren en plakken en 't is rap gebeurd. Het aantal bytes dat je uitspaart, weegt - vind ik althans - zeker op tegen het werk dat je zou hebben voor eventuele aanpassingen (maar dat mag er, mits goed overdacht, normaal niet zijn)

Persoonlijk, en das mijn smaak vind ik het wel iets hebben;
het is gedurft, en best wel mooi en aangenaam lezen vind ik.

Mvg, Ward

De basis van de lay-out zit snor, maar niet voor een therapeut.

Het gevoel dat ik krijg van deze website:
- bot
- ruw
- industrieel

Ik zeg niet dat je website complete zennnnnnnnnnn moet worden,
maar je moet toch nog werken aan kleuren/indruk me dunkt.

mja, daar volg ik Erlend in

Xavez zei:

Daar moet ik je dan toch terug op tegenspreken. Ten eerste omdat zo'n dingen feitelijk niet mogen voorkomen. Als je alles goed plant en in je hoofd, des noods op papier uittekent, moet je achteraf niets van id-specifieke zaken aanpassen. Voor algemene eigenschappen worden overigens best classes gebruikt (daar dienen ze ten slotte voor). Mits een goede opbouw van je html-pagina zal je zo'n dingen dus zelden tegenkomen.

Maar ik moet toegeven dat mijn voorbeeld wel verkeerd was, ik bedoelde eerder:

#id1 a {color: #fff; width: 400px;}
#id1 a:active {color: #fff; width: 400px;}
#id1 a:focus {color: #fff; width: 400px;}

dit kan perfect het volgende worden:
#id1 a, #id1 a:active, #id1 a:focus {color: #fff; width: 400px;}

Hopelijk verduidelijkt dat de zaken wat . Bovendien: als je iets moet aanpassen, gaat dat toch heel rap? gewoon een CSS-regel kopiëren en plakken en 't is rap gebeurd. Het aantal bytes dat je uitspaart, weegt - vind ik althans - zeker op tegen het werk dat je zou hebben voor eventuele aanpassingen (maar dat mag er, mits goed overdacht, normaal niet zijn)

Klik om te vergroten...

het lijkt mij vanzelfsprekend dat zaken die voor dezelfde opmaak classes te gebruiken, in dat geval is het inderdaad onozel om ID's te geruiken met zelfde opmaak.
Maar ik sprak ook in de veronderstelilng, dat als hij ze als ID's gebruikt, met correct gebruik voor ogen, er dus ook unieke styling aan te pas -kan- komen.

enfin, we snappen beiden ons punt, ik snap wat jij bedoelde, en je had gelijk,
en jij snapt wat ik bedoelde, en das ook niet fout

maar hypotetisch argumenteren is natuurlijk nooit makkelijk

de blokken navigatie bovenaan storen me niet.. alleen als je meerdere links hebt, vind ik het stom dat je opnieuw grote blokken opteerd.

Ik heb het over een hele andere boeg gegooid en heb zover dit resultaat:

http://loiq.to.md/alphabuild2/index.html

css: http://loiq.to.md/alphabuild2/stijl.css

Is dit al beter als het vorige ? En wat zou ik eventueel nog kunnen veranderen?

Ah, je hebt het K2 thema voor WordPress gevonden, tof . In ieder geval is dit al beter dan het vorige...

Nog een tip ivm de tekst, die Dresse me ook gaf en ik vind het wel mooier dan:

line-height: 14pt;
font-size: 12px;

Klik om te vergroten...

Font-size in pixels zetten is niet echt optimaal. Nog minder als je pixels en punten door elkaar gaat gebruiken =).