zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe bei komplettem, sehr simplen Webdesign

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.05.2013, 01:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.05.2013
Beiträge: 1
Dschengiz befindet sich auf einem aufstrebenden Ast
Standard 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;	
		}
Gruß

Dschengiz
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.05.2013, 11:58
html-vollpfosten
neuer user
 
Registriert seit: 25.09.2012
Beiträge: 51
tupamaro befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
container, webdesign

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:34 Uhr.