TheMasterNoob
Members
-
Joined
-
Last visited
-
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; }
