December 29, 201213 yr Hi! I Was wondering if somebody could help me build this (http://i49.tinypic.com/2rhbdag.png) website in a texeditor (NOT DREAMWEAVER ). It's a school assignment which is quite hard for me. :< I need some help because I don’t have any experience doing so… , and now that i’m in college it’s one of my main courses. Another reason is because I made the wrong choice of education first… and I had to start 2 months later with this subject because of that … so I got really behind on lessons. I’m definately not asking anybody to completely make the website for me (although I wouldn’t mind since I still have a million other things to do >.>) But some help would be greatly appreciated. Things I need help with : - Getting the navigation menu in the top left corner - Getting the pictures next to eachother - Getting the words (kamers,resaturant,reservaties, stadsplan gent) on top of those images - Creating the activity calender (i have honestly no idea how to do that.) My homepage So far: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Welkom bij 't Hof van Artevelde - Gregory Verbeke - 1GDM D a</title> <link href="homepage.css" rel="stylesheet" type="text/css" /> </head> <body background="bgpattern.gif" alt="bgpattern"> <div id="fotogent"><img src="gentbg.jpg" alt="gent"></div> <div class="logo"><img src="logo.png" alt="logoartevelde"></div> <div class="navigatie"> <a href="http://www.google.be/">Over de auteur</a> <a href="http://www.google.be/">Info & Reservatie</a> <a href="http://www.google.be/">To do</a> <a href="http://www.google.be/">Restaurant</a> <a href="http://www.google.be/">Hotel</a> <a href="http://www.google.be/">Home</a> </div> </body> <div class="content"> <div class="quote"> <p>Beleef Gent in een van zijn mooiste hotels, gelegen aan de coupure. Geniet van een ideale mix van Geschiedenis, Cultuur, Rust en Design.</p> </div> <div id="fotos"> <div class="foto 1"><img src="kamers.jpg" alt="kamers"</div> <div class="link 1">onze kamers</div> <div class="foto 2"><img src="restaurant.jpg" alt="eten"></div> <div class="link 2">het restaurant</div> <div class="foto 3"><img src="stadsplan.jpg" alt="stadsplan Gent"></div> <div class="link 3">stadsplan gent</div> <div class="foto 4"><img src="reservaties.jpg" alt="reservaties"></div> <div class="link 4">reservaties</div> </div> <div class="fototekst"> <p>winterpromo</p> <img src="winterpromo.jpg" alt="winterpromo"> <div class="tekstfoto"> <p>Bij een verblijf van kerstavond tot nieuwjaarsdag, ontvang je een cadeaumand en geniet je 15% korting op uw verblijf.Reserveer u eindejaarsverblijf!</p> </div> </div> <div class="foot"> </div> </div> </body> </html> CSS of that page so far: #fotogent { top: 0; left: 0; z-index: -1; position: fixed; } .navigatie { float: right; width: 960px; } .logo {width: 960px; margin: 0 auto; } .content { width: 960px; margin: 0 auto; background-color: white; } .quote {background-color: white; font-size: 30px; text-decoration-color:#DED8D2; text-align: center; margin-top: 30px; margin-left: 50px; }
December 29, 201213 yr If I were you I'd look into unordered and ordered lists. Most of the things you need to do on this page can be done with list, styled one way or another with css. Not going to do your home work for you, so that's a start for you to google with!
December 30, 201213 yr good shout with the lists, not only that build a content wrapper, that holds all your content, set the magin to: 0px auto; after that everything iside the wrapper set to float : left; this will pretty much align everything if all the widths and the margins add up to the wrapper witdth: need anything else let us know. Craig
Create an account or sign in to comment