Suche im Forum:
Suchen


Autor Nachricht
Beitrag22.10.2011 um 12:08 (UTC)    
Titel: hilfe beim navi

hallo freunde
ich hab ein problem
ich habe jetzt seiten erstellt z.b: Home
die home seite hätte ich gerne ein wenig verschoben nach lings denn mom ist es zimmlich in der mitte der box.
ich geb euch mal meinen css code:
{margin:0px; padding: 0px;}

table[height="102"] {
position: absolute;
left: 50%;
top: 25px;
margin-left: -366px;}

body {
margin-top: 20px;
text-align: center;
background-image: url(http://img.webme.com/pic/m/microsoft-windows-office/body_green.png);
background-repeat: repeat-x;
background-color: #000000; }

#rahmen {
width: 756px;
margin: auto;
margin-bottom: 50px;
padding-top: 5px;
padding-bottom: 5px;
overflow: hidden;
background-color: #001100;
border: 1px solid #000000; }

#container {
width: 742px;
margin: 0 auto;
background-color:#000000;
background-image: url(http://img.webme.com/pic/m/microsoft-windows-office/content_bg_green.png);
background-repeat: repeat-x;
text-align: left;
overflow: hidden;
border-left: 1px solid #000000;
border-right: 1px solid #000000; }

#header_container {
float: left;
width: 742px;
height: 130px;
margin-top: 130px;
background-color:#c9c9c9;
background-image: url(http://img.webme.com/pic/m/microsoft-windows-office/header.png);
border-top: 1px solid #000000;
border-bottom: 1px solid #000000; }

h1#header {
display: none; }

#navi_oben {
position: absolute;
left: 50%;
top: 130px;
margin-left: -372px;
width:743px;
height:29px;
background-image:url(http://img.webme.com/pic/m/microsoft-windows-office/nav_green.png);
border-top: 1px solid #000000;}

#navi_oben ul {
margin: 0px;
padding: 0px;
list-style-type: none; }

#navi_oben ul li.oben {
float: left;
width: 122px;
height: 29px; }

#navi_oben ul li.oben a {
display: block;
line-height: 28px;
font-family: arial;
font-weight: bold;
color: #FFFFFF;
font-size: 10px;
text-align: center;
text-decoration: none;
border-left: 1px solid #000000;}

#navi_oben ul li.oben a:hover {
text-decoration: underline;
background-image: url(http://img.webme.com/pic/m/microsoft-windows-office/hover_nav.png);
background-repeat: repeat-x; }


#nav_container {
float: left;
display: inline;
margin-left: 18px;
padding-top: 15px;
padding-bottom: 26px;
width: 170px;
background-color: #1e1d1e;
background-image: url(http://img.webme.com/pic/m/microsoft-windows-office/green_streifen.png);
background-position: bottom;
overflow: hidden;
border-left: 3px solid #001100;
border-right: 3px solid #001100;
border-bottom: 3px solid #001100; }

#nav_container ul {
list-style-type: none;
margin-left: 17px;
margin-right: 17px; }

li.nav_element {
height: 24px;
border-bottom: 1px dotted #100000;
padding-left: 20px;
background-image: url(http://img.webme.com/pic/m/microsoft-windows-office/point.png);
background-repeat: no-repeat;
background-position: 0 center;}

li.nav_element a {
display: block;
line-height: 23px;
font-family: monospace,arial;
font-size: 11px;
color: #eeeeee;
text-decoration: none; }

li.nav_element a:hover {
display: block;
line-height: 23px;
font-family: monospace,arial;
font-size: 11px;
color: orange;
text-decoration: underline; }

li.checked_menu a{
color: orange; }

#nav_heading {
color: orange;
padding-left:10px;
padding-bottom: 10px; }

h1, h2 {
font-family: monospace;
font-size: 20px;
color: orange;}

#content {
float: left;
display: inline;
width: 485px;
min-height: 200px;
margin-left: 30px;
padding-top: 15px;
padding-bottom: 26px;
overflow: hidden; }

#content, #content p {
font-size: 14px;
color: #eeeeee;
font-family: arial; }


#content a {
color: #739cce;
text-decoration: none; }


#content a:hover {
color: #ff5700;
text-decoration: underline; }

#title span {display:none; }
#sidebar_container {display:none; }

#footer {
width: 722px;
padding: 10px;
margin: auto;
background-image: url(http://img.webme.com/pic/m/microsoft-windows-office/green_streifen.png);
border: 1px solid #000000;
text-align: right;
font-size: 11px;
color: #ffffff;
font-family: arial; }


img.unten {
width: 20px;
margin-right: 10px;
border: none; }
Beitrag22.10.2011 um 12:20 (UTC)    
Titel:

Versuchs mal indem du hier
Code:
#nav_container ul {
  list-style-type: none;
  margin-left: 17px;
  margin-right: 17px; }
das margin-left kleiner machst Wink
______________
Gruß Pexxi
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de