Webgirl Posted March 19, 2008 Share Posted March 19, 2008 I am trying to create about 12 Divs /3 in a row and 4 in a column (some images) and somehow it doesnt function. The code is underneath. Well I would like to place them where the "dummy text" ist which means instead of the dummy text the 12 divs on the page. Here is the code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Another Experiment</title> <link rel="stylesheet" href="liestal.css" type="text/css" media="screen,projection"> <style type="text/css"> <!-- .schellen6 div { background-image: url(schellen6.gif); width: 125px; height: 195px; border: none; float: left; } .floatright { float: right; } --> </style> </head> <body bgcolor="#666" text="#000" link="#00f" alink="#30" vlink="#6c0"> <h3> <div class="phezulu"> <A name=questions>Part 1 - Meditation</a></div></h3> <div class="umva"> <blockquote> <div class="title"> Examine the state of your blabla bla bla bla </div> <div class="schellen6"> <img class="floatright" src="schellen6.gif" alt="" width="125" height="195"> <br> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </blockquote></div> <h3><div class="phezulu">Part 2 Exercises</h3> <a href="#Top" class="phezulu"> <font color="#00f">back to top</font> </a></div> <div class="umva"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua </p> </div> <div class="title"> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur </p></div> </body> </html> http://www.eyes4u.ch/liestaler.html Quote Link to comment Share on other sites More sharing options...
sKunKbad Posted March 25, 2008 Share Posted March 25, 2008 Making a picture gallery is simple. While I don't have the 12 images, try this code that has background colors to simulate the pictures: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Another Experiment</title> <style type="text/css"> #centering { width:800px; margin:0px auto; } #wrapper { float:left; width:800px; } .image { float:left; width:200px; height:200px; } </style> </head> <body> <div id="centering"> <div id="wrapper"> <div class="image" style="background-color:red;"> </div> <div class="image" style="background-color:green;"> </div> <div class="image" style="background-color:yellow;"> </div> <div class="image" style="background-color:blue;"> </div> <div class="image" style="background-color:black;"> </div> <div class="image" style="background-color:pink;"> </div> <div class="image" style="background-color:white;"> </div> <div class="image" style="background-color:red;"> </div> <div class="image" style="background-color:green;"> </div> <div class="image" style="background-color:yellow;"> </div> <div class="image" style="background-color:blue;"> </div> <div class="image" style="background-color:black;"> </div> </div> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted March 30, 2008 Share Posted March 30, 2008 sounds like you mark up should actually be an unordered list... don't get divitis - use good semantic markup and you'll have won half the battle.... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.