Beste sitedealers,

Weet iemand wat ik aan deze css code moet veranderen om te zorgen dat de games worden gecentreerd in de div?
Nu staan ze veel te veel aan de rechterkant van de pagina.

Code:

#games {
	background: url(images/content.png);
	padding: 10px 69px 0 145px;
	text-align: left;
	min-height:200px;
}

.games {
	width:175px;
	height:113px;
	background:url(images/tab-bg.jpg);
	margin:10px;
	padding:5px 10px 10px 5px;
	float:left;
}

.games h4 {
	color:#fff;
	font-size:80%;
	font-style:italic;
	height:20px;
	text-align:center;
	width:150px;
	margin:0 auto;
}

.games-info {
	height:72px;
	padding-top:3px;
}

.games-tekst {
	color:#fff;
	font-size:110%;
	text-align:center;
	float:right;
	width:50px;
	font-style:italic;
}

.games-image {
	width:95px;
	float:left;
	border:0;
	padding-top:5px;
}

.games-link {
	height:13px;
	width:60px;
	margin:auto;
	display:block;
}

Alvast bedankt!

Mvg,
R. Schreur

Code:

#games {
	background: url(images/content.png);
	padding: 10px 69px 0 145px;

Beetje lelijk, 10px 69px 0 145px.. top right bottom left. Je kan beter gaan uitlijnen met margin: 0 auto;

Okee, heb het al gefixt. Dankje

Maar waarom doe je niet gewoon:

Code:

#games { }
#games .tekst { }
#games .info { }
#games .link { }