Sponsor-Board.de

Hallo,

Da ich bin bei meiner ersten DIV Anpassung und habe folgendes Problem !

Ich will die Navi Buttons wie, Home, Vorstand etc. in die Mitte Verschieben,
wenn ich z.B padding-left: 50px; mache dann Verschiebt sich jeder Button um 50px nach rechts, also der Abstand wird bei jedem, 50px weiter gedrückt,

Wie kann ich es machen, dass sich die Buttons zusammen verschieben ?

Hoffe auf schnelle Rückmeldung,

Link: [Link: Registrierung erforderlich]
Quelltext:

PHP-Code:

<html> 
<head> 
<title>Rebstockhexen 2007 e.V</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<style type="text/css"> 
<!--
body {
    background-image: url(Bilder/background.jpg);
    background-repeat: repeat-x;
    background-color: #4e0202;
}
#page {
    width: 955px;
    margin-left: auto;
    margin-right: auto;
}
#header {
    width: 955px;
    height: 170px;
    background-image:url(Bilder/header.jpg);
    background-repeat: no-repeat;
}
#navi {
    width: 955px;
    height: 93px;
    background-image:url(Bilder/navi.jpg);
    background-repeat: no-repeat;
}
#content {
    background-image:url(Bilder/ContentUP.jpg);
    background-repeat: repeat-y;
}
#contentarea {
    margin-left: 15px;
    padding-top: 15px;
}
#footer {
    width: 955px;
    height: 97px;
    background-image:url(Bilder/footer.jpg);
}
.buttonclass {
    float: left;
    padding-left:;
    padding-top: 53px;
}
-->
</style> 
</head> 
<body> 
<div id="page"> 
  <div id="header"></div> 
  <div id="navi"> 
    <div class="buttonclass" id="Home"><img src="Bilder/navigation_09.jpg" width="72" height="37" alt="Home"></div> 
    <div class="buttonclass" id="Vorstand"><img src="Bilder/navigation_10.jpg" width="83" height="37" alt="vorstand"></div> 
    <div class="buttonclass" id="Geschichte"><img src="Bilder/navigation_11.jpg" width="72" height="37" alt="geschichte"></div> 
    <div class="buttonclass" id="Termine"><img src="Bilder/navigation_12.jpg" width="72" height="37" alt="Termine"></div> 
    <div class="buttonclass" id="Bilder"><img src="Bilder/navigation_13.jpg" width="72" height="37" alt="Bilder"></div> 
    <div class="buttonclass" id="Gästebuch"><img src="Bilder/navigation_14.jpg" width="72" height="37" alt="Gästebuch"></div> 
    <div class="buttonclass" id="Links"><img src="Bilder/navigation_15.jpg" width="72" height="37" alt="Links"></div> 
  </div> 
  <div id="content"> 
    <div id="contentarea"> 
      <div id="titel">Herzlich Willkommen</div> 
      <div id="text">Hier wird Später der Willkommens Text stehen, :D</div> 
    </div> 
  </div> 
</div> 
<center> 
  <div id="footer"></div> 
</center> 
</body> 
</html> 

MFG

Möglichkeit 1:
Div Drumrumziehen, den align:center; setzen. Sehe aber, dass du in der Navi Bilder vom Header weiterführen willst. Zum genaueren Justieren würde ich ...

Möglichkeit 2:
... einen weiteren DIV Container neben den Linken NaviPunkt setzen, dem die Höhe von 1px geben, Hintergrund natürlich transparent, und die Breite so setzen, dass alles passt Wink

Sollten noch Fragen aufkommen, kannst du sie gerne stellen Wink

bei der id navi musst du padding hinzufügen Wink

danke, habe es so gemacht wie Sysix es gesagt hat,
Danke ;
MFG

Mhm, Padding benutze ich persönlich eher ungern, da der IE das manchmal fehlinterpretiert ...

Jan bin da genau andere meinung, margin geht bei ie nicht^^

Sysix schrieb:

Jan bin da genau andere meinung, margin geht bei ie nicht^^

Bin da auch deiner Meinung, bei Margin verbuggt es extrem...
Lieber drauf verzichten Biggrin

Sysix schrieb:

Jan bin da genau andere meinung, margin geht bei ie nicht^^

Yop, habe auch gelernt das man immer Padding anstatt Margin nehmen soll, wenn es geht. Margin macht in älteren Browsern öfters Probleme!

ehm nächstes Problem, unten am Footer die Schriften Startseite etc. sind die bei euch auch blau ?

Wenn ja wie bekomm ich das weg ?

MFG

Einfach mit color wenn du immer diese Schriftfarbe haben willst, anonsten mit a:link etc...

Seiten: 1 2

Miikeee

Jan

Sysix

Miikeee

Jan

Sysix

aether

JeyP

Miikeee

aether