M
mariexhtml
Guest
Hallo Leute,
Ich hoffe sehr, dass ihr mir weiterhelfen könnt.
Ich muss ein Schachbrett codieren und verschachtelte div-Boxen mit float und clear Befehlen verwenden. Bis jetzt hab ich das:
Das sind daweil 4 Boxen nebeneinander, und das 5te irgendwo drunter, bei der 6ten Box hab ich aufgegeben. Habt ihr vielleicht einen Tipp für mich?
Wäre wirklich sehr, sehr toll.
Liebe Grüße
Ich hoffe sehr, dass ihr mir weiterhelfen könnt.
Ich muss ein Schachbrett codieren und verschachtelte div-Boxen mit float und clear Befehlen verwenden. Bis jetzt hab ich das:
HTML:
<html>
<head>
<title>Schachbrett</title>
<style type="text/css">
#box1{
width: 50px;
height: 50px;
background-color: black;
float: left;
}
#box2{
width: 50px;
height: 50px;
background-color: green;
float:left;
}
#box3 {
width: 50px;
height: 50px;
background-color: black;
float: left;
}
#box4{
width: 50px;
height: 50px;
background-color: green;
float:left;
}
#box5 {
width:50px;
height: 50px;
background-color: green;
float: left;
}
</style>
</head>
<body>
<h1>Schachbrett</h1>
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
<div id="box5"></div>
<div id="box6"></div>
</body>
</html>
Das sind daweil 4 Boxen nebeneinander, und das 5te irgendwo drunter, bei der 6ten Box hab ich aufgegeben. Habt ihr vielleicht einen Tipp für mich?
Wäre wirklich sehr, sehr toll.
Liebe Grüße
Zuletzt bearbeitet von einem Moderator: