Vernieuwde site

   

www.djbunx.be

Mooie strakke website.

Ik zou wel de tekst die verschijnt in het vlak Content op een andere manier weergeven.
Ik vind het namelijk moeilijk lezen.

Heb je gelijk in! Doet pijn aan me oogjes!:p

Ziet er wel mooi uit, maar past alleen niet in mijn (15", laptop) beeldscherm op 1024x768.

Is het lettertype te klein dan

Ziet er netjes uit, maar letters zijn idd net iets te klein. ( is dat ik goede ogen heb )

Heb ik laten maken door iemand hé.
Maar ik zal eens kijken voor lettertype
En ik heb slechte ogen en kan het toch lezen van een verre afstand

op je server in de map "css" zit een bestand "website.css"
daarin staat

body {
	background-color: #000000;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}
img {
	border: 0;
}
hr {color: #000; border: 1px dotted #999999; border-style: none none dotted; }
a { color: #CCCCCC; text-decoration: underline; outline: none; }
.clear { clear: both; }
#container { width: 1240px; height: 715px; margin: auto; }
#containertop { height: 208px; width: 1240px; background-image: url(../images/header.png); }
#containerdown { height: 507px; width: 1240px; }
#container1 { height: 507px; width: 162px; float: left; }
#leftside { background-image: url(../images/leftside.png); width: 162px; height: 507px; }
#container2 { height: 507px; width: 257px; float: left; }
#agendabox { background-image: url(../images/agendabox.png); width: 257px; height: 322px; }
#copyright { background-image: url(../images/copyright.png); width: 257px; height: 24px; }
#linknetlog { background-image: url(../images/netlog.png); width: 257px; height: 64px; }
#linkmyspace { background-image: url(../images/myspace.png); width: 257px; height: 97px; }
#container3 { background-image: url(../images/midstroke.png); height: 507px; width: 52px; float: left; }
#container4 { height: 507px; width: 590px; float: left; }
#contentbox { background-image: url(../images/contentbox.png); height: 466px; width: 590px; }
#midfooter { background-image: url(../images/midfooter.png); height: 41px; width: 590px; }
#container5 { background-image: url(../images/rightside.png); height: 507px; width: 179px; float: left; }
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	padding: 7px;
}
button {
	font: 9px Verdana;
	border: 1px solid #333333;
	background-color: #FFFFFF;
}
textarea { 
	font: 9px verdana; 
	border: 1px solid #333333; 
	background: white; 
	padding: 1px;
}
input { 
	font: 9px verdana; 
	border: 1px solid #333333; 
	background: white; 
	padding: 1px;
}

 
verander dit naar

body {
	background-color: #000000;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
img {
	border: 0;
}
hr {color: #000; border: 1px dotted #999999; border-style: none none dotted; }
a { color: #CCCCCC; text-decoration: underline; outline: none; }
.clear { clear: both; }
#container { width: 1240px; height: 715px; margin: auto; }
#containertop { height: 208px; width: 1240px; background-image: url(../images/header.png); }
#containerdown { height: 507px; width: 1240px; }
#container1 { height: 507px; width: 162px; float: left; }
#leftside { background-image: url(../images/leftside.png); width: 162px; height: 507px; }
#container2 { height: 507px; width: 257px; float: left; }
#agendabox { background-image: url(../images/agendabox.png); width: 257px; height: 322px; }
#copyright { background-image: url(../images/copyright.png); width: 257px; height: 24px; }
#linknetlog { background-image: url(../images/netlog.png); width: 257px; height: 64px; }
#linkmyspace { background-image: url(../images/myspace.png); width: 257px; height: 97px; }
#container3 { background-image: url(../images/midstroke.png); height: 507px; width: 52px; float: left; }
#container4 { height: 507px; width: 590px; float: left; }
#contentbox { background-image: url(../images/contentbox.png); height: 466px; width: 590px; }
#midfooter { background-image: url(../images/midfooter.png); height: 41px; width: 590px; }
#container5 { background-image: url(../images/rightside.png); height: 507px; width: 179px; float: left; }
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	padding: 7px;
}
button {
	font: 9px Verdana;
	border: 1px solid #333333;
	background-color: #FFFFFF;
}
textarea { 
	font: 12px verdana; 
	border: 1px solid #333333; 
	background: white; 
	padding: 1px;
}
input { 
	font: 12px verdana; 
	border: 1px solid #333333; 
	background: white; 
	padding: 1px;
}

 

dan zijn je letters groter

Ok, zal het vragen aan de webdesigner, want ik pruts er liever niet aan :d
Thx voor de feedback

okee, nja ik vind het zo eigenlijk wel goed
op mijn 17 inch laptop met een reslotu van 1440 x 900 ziet het er ook nog goed uit...
pijn aan mn ogen krijg ik er ook niet van... dat krijg ik eerder van t wit hier opde achtergrond dan van t rustgevend zwart (A)
maarja... ieder zijn smaak he

De website moet voor iedereen fijn leesbaar zijn

Vind hem er wel gelikt uitzien, het doet bij mij geen pijn aan mijn ogen en ik denk dat 12px weer wat te groot is, misschien dat je 10px kunt proberen.

De fade in/out bij het switchen tussen de pagina's vind ik persoonlijk wat te lang duren, deze mag wel wat sneller/korter.
En je bio mag wel wat langer

Biografie zal ik nog aanpassen, is moeilijk over jezelf schrijven