Website ziet er niet het zelfde uit op sommige computers
Het is toch netter als het in het midden staat?
En is het menu gelukt?
http://www.jwtmtest.nl/buddies
Ik heb dit snel in elkaar gezet, dus geen !DOCTYPE en gewoon CSS in de <head>, maar kijk gewoon even wat de margins doen, probeer op deze manier zelf een aantal 'schetjes' uit.
Geef gewoon elke div een breedte die jij wilt hebben (en een min-height om ervoor te zorgen dat je meer dan een lijntje ziet), een achtergrondkleurtje, een border etc...
Gewoon om te zien wat zaken als margin, padding, float, clear etc. allemaal doen.
Op deze manier probeer ik zelf ook regelmatig indelingen voor pagina's en je ziet op deze manier veel eerder waarom bepaalde zaken door elkaar gaan en/of rommelig worden.
edit:
Oh... en maak eerst een schets op papier, gewoon een ruwe schets waarin je de verschillende delen in kaders zet. Daarna kijk je welke kaders in welke kaders vallen, en dan ga je de html doen en kijk je even met schetsCSS (zoals mijn voorbeeldje) of het goed gaat.
Gewijzigd op 10/01/2012 12:08:47 door Andre Sep
Quote:
Heigth is not a word. It is often used in place of the correct term "height".
Zie eens de W3C en CSS validators.
Gewijzigd op 10/01/2012 14:06:14 door - SanThe -
Leuk dat je daar even tijd voor nam :)
Ik gebruik nu ook width: 10px auto; en dat helpt heel veel!
Ik moet nu nog alleen de wrapper centeren en dan is die goed volgens mij :)
Quote:
width: 10px auto;
Dit bestaat niet. Ik denk dat je margin: 10px auto; bedoelt?
Ik haal soms dingen door de war.
Sorry daar voor..
- SanThe - op 10/01/2012 14:05:54:
Zie eens de W3C en CSS validators.
Quote:
Heigth is not a word. It is often used in place of the correct term "height".
Zie eens de W3C en CSS validators.
Ligt het aan mij of zie ik iets over het hoofd?
edit:
Denk dat het het over zijn eerder geposte CSS hebt :P
Neem me niet kwalijk.
Neem me niet kwalijk.
Gewijzigd op 10/01/2012 22:44:46 door Andre Sep
Geef het desnoods eens een background-color om het te bekijken.
Het probleem is dat je foto en je formulieren uiterst links staan waardoor rechts een witte ruimte onstaat in de wrapper.
Je moet gewoon je formulieren rechts floaten.
Je menu heeft ook nog steeds geen vaste breedte waardoor als je het scherm verkleint alles naar onder wordt geschoven.
Gewijzigd op 13/01/2012 17:56:06 door Mathias B
Andre Sep op 10/01/2012 22:40:38:
Ligt het aan mij of zie ik iets over het hoofd?
- SanThe - op 10/01/2012 14:05:54:
Zie eens de W3C en CSS validators.
Quote:
Heigth is not a word. It is often used in place of the correct term "height".
Zie eens de W3C en CSS validators.
Ligt het aan mij of zie ik iets over het hoofd?
edit:
Denk dat het het over zijn eerder geposte CSS hebt :P
Neem me niet kwalijk.
Neem me niet kwalijk.
Heigth staat nog steeds in de CSS.
Remco van Akker op 13/01/2012 16:47:19:
Als het goed is ziet de website nu het zelfde er uit op iedereen zijn computer, maar de foto... staat die bij jullie in het midden? of helemaal links?
Links