hi leute
wollte fragen wie ihr das design meiner Web-site findet und ob der queltext gut ist?
html code:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Titel</title>
<link rel="stylesheet" href="design.css" type="text/css">
</head>
<body>
<div id="website">
<div id="head">
<img src="bilder/4free-star-logo2.png" alt="4free-star logo" />
<h4>Rund ums Sparen, Geld verdienen und Prämien kassieren</h4>
</div>
<div id="navi1">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<div id="navi2">
<h4>Navigation</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<div id="inhalt">
<h4>Inhalt</h4>
<p>
Diese Web-site befindet sich momentan im Aufbau und wird bald
möglich online gestellt
</p>
</div>
<div id="werbung">
<h4>Werbung</h4>
</div>
</div>
</body>
</html>
Alles anzeigen
css-code:
Code
* {
margin: 0;
padding: 0;
}
html, body {
background-color:#4bd152;
}
#website {
text-align:center;
margin: 0 auto;
width:900px;
}
#head {
background-image:url(bilder/header.png);
border-bottom: 1px solid #000000;
height:125px;
padding: 15px;
text-align:left;
}
#head h4 {
text-align:right;
margin-bottom:30em;
color:#FFFFFF
}
h4 {
padding-left:10px;
padding-right:10px;
padding-top:3px;
}
#navi1 {
clear:both;
margin-top:3em;
border-bottom:3px solid #000000;
height:50px;
padding-left:35%;
margin-bottom:3em;
font-size:25px;
}
#navi1 ul {
list-style: none;
white-space: nowrap;
}
#navi1 ul li {
float: left;
margin: 15px 0 0 0;
padding: 0;
list-style-type: none;
}
#navi1 ul a:link {
float: left;
display: block;
height: auto;
margin: 0 15px 0 0;
padding: 2px 2px 3px 20px;
text-decoration: none;
color:navy;
font-family: Arial;
font-size: 15px;
}
#navi1 ul a:active {
float: left;
display: block;
height: auto;
margin: 0 15px 0 0;
padding: 2px 2px 3px 20px;
text-decoration: none;
color:navy;
font-family: Arial;
font-size: 15px;
}
#navi1 ul a:hover {
float: left;
display: block;
height: auto;
margin: 0 15px 0 0;
padding: 2px 2px 3px 20px;
text-decoration:none;
color:navy;
font-family: Arial;
font-size: 15px;
}
#navi1 ul a:visited {
float: left;
display: block;
height: auto;
margin: 0 15px 0 0;
padding: 2px 2px 3px 20px;
text-decoration: none;
color:navy;
font-family: Arial;
font-size: 15px;
}
#navi2 {
background-color:transparent;
clear:both;
float: left;
height:80%;
}
#navi2 ul {
list-style-image: none;
white-space: nowrap;
}
#navi2 ul li {
margin: 15px 0 0 0;
padding: 0;
list-style-type: none;
width: 100px;
height: auto;
}
#navi2 ul a:link {
display: block;
height: auto;
margin: 0 15px 0 0;
padding: 2px 2px 3px 20px;
text-decoration: none;
color: #000;
font-family: Arial;
font-size: 15px;
}
#navi2 ul a:active {
display: block;
height: auto;
margin: 0 15px 0 0;
padding: 2px 2px 3px 20px;
text-decoration:underline;
color: #000000;
font-family: Arial;
font-size: 15px;
}
#navi2 ul a:hover {
display: block;
height: auto;
margin: 0 15px 0 0;
padding: 2px 2px 3px 20px;
text-decoration: none;
color: #000000;
font-family: Arial;
font-size: 15px;
}
#navi2 ul a:visited {
display: block;
height: auto;
margin: 0 15px 0 0;
padding: 2px 2px 3px 20px;
text-decoration: none;
color: #000000;
font-family: Arial;
font-size: 15px;
}
#inhalt {
float: left;
width:78%;
border-right:3px solid red;
border-left:3px solid red;
}
#inhalt h4 {
border-bottom:3px solid red;
margin-bottom:auto;
}
#werbung {
float:right;
height:300px;
}
#inhalt h4 {
padding-left:15px;
height:300px;
}
Alles anzeigen
und wie kriege ich denn border-bottom bei info direkt unter info?
würdet ihr diese seite wenn der inhalt interessant ist mehr mals besuchen?
edit:design wurde einbisschen verändert
edit2: komplett geändert