Hey Leute...
ich mächte in dem div container (nav) 5Links mittig des Containers setzen doch ich scheiter ihrgentwie immer mit margin oder padding oder text-align gehts ihrgentwie ned.... hier mal mein Code
Ich hab oben im Html code die links und den Text raus genommen dann wirds bissel übersichtlicher für euch...
wäre sehr dankbar wenn mir jemand helfen kann^^
ich mächte in dem div container (nav) 5Links mittig des Containers setzen doch ich scheiter ihrgentwie immer mit margin oder padding oder text-align gehts ihrgentwie ned.... hier mal mein Code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Landwirtschafts-simulator</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<!-- HEADER -->
<div id="header">
</div>
<!-- NAVIGATION -->
<div id="nav">
<ul>
<a href="#"><li>Home</li></a>
<a href="#"><li>Bilder</li></a>
<a href="#"><li>Mods</li></a>
<a href="#"><li>Sonstiges</li></a>
<a href="#"><li>Über Uns</li></a>
<a href="#"><li>Impressum</li></a>
</ul>
</div>
<!-- CONTENT -->
<div id="content">
<!-- SIDEBAR -->
<div class="sidebar">
</div>
<!-- CONTENT_IN -->
<div class="content_in">
<div class="title">
<img src="img/titel.jpg" />
</div>
<div class="con_left">
<a href="blub"><img src="img/ls.jpg" /></a>
<br /><br /><br />
<p>blub</p>
</div>
<div class="con-right">
<br /><br /><br />
<p>blub</p>
</div>
</body>
Code:
/* reset */
* {
padding: 0;
margin: 0;
}
/* Layout */
body {
background: url(img/bg.gif);
}
#header {
margin: 0 auto;
width: 1600px;
height: 150px;
background: url(img/logo.jpg);
}
#nav {
margin: 0 auto;
width: 1600px;
height: 44px;
margin-top: -10px;
background: url(img/nav_bg.jpg) no-repeat;
text-align: center;
display: block;
}
#content {
margin: 0 auto;
width: 1600px;
height: 600px;
margin-top: -5px;
background: #fff;
}
.sidebar {
height: 600px;
width: 244px;
float: left;
background: url(img/sidebar.jpg) no-repeat;
text-align: center;
padding-top: 30px;
}
.content_in {
width: 1600px;
height: 600px;
display: block;
}
.title {
padding-top: 40px;
text-align: center;
}
.con_left {
}
.con_left img{
float: left;
margin-right: 15px;
}
.con-right {
margin-left: 5px;
}
a {
text-decoration: none;
border: none;
list-style: none;
}
/* Navigationsleiste */
#nav li {
float: left;
margin-right: 8px;
}
#nav ul {
list-style: none;
}
#nav a {
text-decoration: none;
}Ich hab oben im Html code die links und den Text raus genommen dann wirds bissel übersichtlicher für euch...
wäre sehr dankbar wenn mir jemand helfen kann^^
