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.
Hier die CSS Datei
Es wäre sehr nett, wenn Ihr euch das mal anschauen könntet. Ich bin für jeden Tag Dankbar.
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></html>Hier die CSS Datei
Code:
@charset "UTF-8";.cropfactory {
}
#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;
}Es wäre sehr nett, wenn Ihr euch das mal anschauen könntet. Ich bin für jeden Tag Dankbar.
