Hallo zusammen,
bin noch ein absoluter anfänger was HTML5 und CSS angeht. Ich möchte für mich eine eigene Homepage bauen und habe einfach mal angefangen mir nach meinen Vorstellungen meine Seite zu gestalten.
Da ich von Anfang an lernen wollte wie man das Coding selber schreibt habe ich auch keine Vorlage aus Dreamweaver genommen. Zu meiner Frage könntet Ihr euch das mal anschauen ob das so funktioniert?
Habe zunächst das Gerüst gebaut. Den Rest wollte ich dann wenn alles so ist und klappt mit leben füllen. Navigation habe ich auch noch nicht eingefügt. Die habe ich in Fireworks vorbereitet.
Es soll hinterher folgt ausschauen.
HTML
<!doctype html><html><head><meta charset="UTF-8"><title>cropfactory</title><link href="../css/crop_css_start.css" rel="stylesheet" type="text/css"></head><body><div class="wrapper"> <div class="nav"></div> <div class="banner"></div> <div class="photocontent"></div> <div class= "maincontent"> <div class= "sidecontentleft"> alter was für ein scheiss</div> <div class= "sidecontentleft1"> <blockquote> <p> Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetu dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetu Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetu dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetu </p> </blockquote> </div> </div> <div class= "footer"></div> </div> </div></body>Code
wrapper { height: 1500px; width: 1200px; margin-right: auto; margin-left: auto;} div.banner{ height: 300px; position: relative; top: 0px; margin-left: auto; margin-right: auto; width: 1200px; font-family: Verdana, Geneva, sans-serif; color: #FFF; background-image: url(../images/header.gif); background-repeat: no-repeat; } div.nav{ width: 1200px; height: 40px; margin-left: auto; margin-right: auto; position: relative; width: 1200px; background-color: #CCC } div.photocontent{ width: 1200px; height: 400px; margin-left: auto; margin-right: auto; position: relative; line-height: normal; background-repeat: repeat-x; background-color: #900; } div.maincontent{ width: 1200px; height: 300px; margin-left: auto; margin-right: auto; position:relative; background-color:#999 } div.footer{ width: 1200px; height: 200px; margin-left: auto; margin-right: auto; position: relative; background-color: #000 } div.sidecontentleft{ width: 700px; height: 300px; margin-left: auto; position: relative; background-color: #999; margin-top: 1px; float: left; border-right-width: 1px; border-right-style: none; border-right-color: #000; } div.sidecontentleft1{ width: 500px; height: 300px; margin-left: auto; position: relative; background-color: #999999; margin-top: 1px; float: right; word-spacing: normal; overflow: auto; }Würde mich über jede Art von Hilfe aber auch Kritik freuen.
Viel Grüße
A.