|
|||
Hilfe bei komplettem, sehr simplen Webdesign
Hallo liebe CSS-Freunde,
ich bin drauf und drann ein simples Webdesign für reale Verwendung zu erstellen (basierend auf CSS). Ich bin neue hier Man nennt mich Dschengiz. Schon einige Zeit ist vergangen, als ich mich das letzte Mal mit Webdesign befasst habe. Es geht mir gerade nur mal um ein gewisses Grundgerüst. Im Moment komme ich nicht weiter und hab keinen Plan warum. Ich hoffe Ihr könnt mir dabei helfen! HTML-Code:
<html> <head> <link rel="stylesheet" type="text/css" href="design.css"> </head> <body> <div id="webseite"> <div id="header"> <h1>Meine Website</h1> </div> <div id="main"> <div id="horizontal_menue"></div> <div id="rechts"> <div id="vertikal_menue"></div> <div id="inhalt"></div> </div> </div> <div id="footer">written by Dschengiz 2013</div> </div> </body> </html> Code:
body { background-color: white; text-align: center; } #webseite{ width: 980px; margin: auto; } #header{ width: 980px; height: 150px; background-color: orange; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #header h1 { padding-top: 50px; font-size: 60px; font-weight: bold; color: white; font-family: Courier; } #main{ width: 980px; height: 300px; } #horizontal_menue{ float: left; width: 200px; height: 300px; //nur damit man Container sieht ohne Inhalt background-color: yellow; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #rechts{ width: 770px; }] #vertikal_menue{ float: right; width: 770px; height: 100px; background-color: darkcyan; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #inhalt { float: right; width: 770px; height: 200px; background-color: darkred; margin-top: 10px; margin-bottom: 10px; margin-left: 10px border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #footer{ width: 980px; height: 30px; background-color: orange; margin-top: 10px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; clear: both; } Dschengiz |
Sponsored Links |
|
|||
wäre schön wenn du sagen würdest wo dein problem liegt,da man nicht wissen kann was du vorhast
auf jeden fall würde ich schon mal bei #rechts das ] am ende weg machen. dann erscheint die box schon mal //nur damit man Container sieht ohne Inhalt muss weg css kommentare gehen so /*nur damit man Container sieht ohne Inhalt*/ Geändert von tupamaro (27.05.2013 um 12:10 Uhr) |
Sponsored Links |
Stichwörter |
container, webdesign |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Modernes Webdesign mit CSS - Workshop-Buch mit Schritt für Schritt Anleitungen | Webstandard | Ressourcen | 0 | 04.07.2011 13:46 |
18.11.2008 kostenfreier Infotag: Barrierefreies Webdesign | htmlstar | Barrierefreiheit | 0 | 20.10.2008 14:38 |
HILFE, ich brauche Hilfe von Profis! | frambuesa | CSS | 13 | 13.06.2008 23:46 |
webdesign blogs/rss | liechtenecker | Ressourcen | 0 | 08.12.2006 15:39 |
Video zum Thema Barrierefreies Webdesign | Webstandard | Barrierefreiheit | 11 | 27.11.2006 14:41 |