Hulp met div's

brandon192 · 7 Augustus 2011

Kweet niet of je titel juist is maarja.
Mijn probleem is :

Ik ben bezog met een spelletjes site maken en nu wil ik graag mijn boxen onder elkaar krijgen.
nu heb ik
Box1 Box2 Box3 Box4
Als ik nu probeer
Box5 Box6 Box7 Box8
eronder te plaatsen lukt dit niet.
Op een ander forum hebben ze me vertelt dat ik een div moest maken met clear:both erin en die dan ertussen moet plaatsen maar dit helpt niet
mijn boxen plaatsen zich gwn inelkaar.
Wie o wie kan mij helpen?
ik zal ook mijn Css in een reactie plaatsen voor wie me tips kan geven.
edit:
Ik kopieer box totenmet box 4 voor box 5 tot en met 8.

brandon192 · 7 Augustus 2011

PHP

#box {
	width:220px;
	height:31px;
	margin-right:10px;
	margin-top:3px;
	float:left;
}
#box-top {
	background:#ffba00;
	width:220px;
	height:31px;
}
#box-top h1 {
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box-middle {
	border-bottom:#ffba00 1px solid;
	border-left:#ffba00 1px solid;
	border-right:#ffba00 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box-middle p {
	padding-left:8px;
}
#box2 {
	width:220px;
	height:31px;
	margin-right:10px;
	margin-top:3px;
	float:left;
}
#box2-top {
	background:#fff600;
	width:220px;
	height:31px;
}#box2-top h1 {
	color:#000000;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box2-middle {
	border-bottom:#fff600 1px solid;
	border-left:#fff600 1px solid;
	border-right:#fff600 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box2-middle p {
	padding-left:8px;
}
#box3 {
	width:220px;
	height:31px;
	margin-left:10px;
	margin-top:3px;
	float:right;
}
#box3-top {
	background:#fff600;
	width:220px;
	height:31px;
}#box3-top h1 {
	color:#000000;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box3-middle {
	border-bottom:#fff600 1px solid;
	border-left:#fff600 1px solid;
	border-right:#fff600 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box3-middle p {
	padding-left:8px;
}
#box4 {
	width:220px;
	height:31px;
	margin-top:3px;
	float:right;
}
#box4-top {
	background:#ffba00;
	width:220px;
	height:31px;
}
#box4-top h1 {
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box4-middle {
	border-bottom:#ffba00 1px solid;
	border-left:#ffba00 1px solid;
	border-right:#ffba00 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box4-middle p {
	padding-left:8px;
}

Toon Meer

Nieuwe reactie samengevoegd met originele reactie op 07.08.11 22:37:39:
hier mag een slotje op ik heb al zelf gevonden hoe ik het moet doen.

een eigen cloud sever

DNS update Directadmin

Graag advies voor mijn website

Ik wil op afstand studeren, kennen jullie Tech?

PC probleem

Let op Vimexx klanten

wie kan mij helpen met Security aanscherpen voor nmijn website

Ik ben op zoek naar een goede hosting

Bijna 300 Nieuwe domeinnamen Mei 2024

Dating software

250 Nieuwe domeinnamen April 2024

Hulp met div's

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen

Gebruikers die dit topic bekijken