Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag07.07.2009 um 16:34 (UTC)    
Titel: NaviMenü Block Centern

Sry das ich noch einmal total dumm frage!

Wie centere ich den NaviMenü Balken?

Wie ihr seht ist der Balken an der linken Seite angeschlagen. Geb ich im Text (folgt gleich Fett und Unterstrichen makiert) nun "center" ein dann steht das Menü wieder als Block Links Oben angeschlagen. Und das solls ja nun nicht ^^

Hier mein Code:

body {
margin: 20px 0;
background: #405152 url(http://img.webme.com/pic/k/klingenahoi/img1.gif);
text-align: justify;
font: normal small Georgia, "Times New Roman", Times, serif;
color: #A1A9AA;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
color: #ABECF5;
}

h3 {
font-size: 1.3em;
padding-top: .4em;
}

ul {
margin-left: 0;
padding-left: 0;
list-style-position: inside;
}

a {
color: #ABECF5;
}

a:hover {
text-decoration: none;
color: #FFFFFF;
}

/* Menu */

#menu {
width: 610px;
height: 40px;
margin: 0 auto;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
display: inline;
}

li.nav_element{
display: block;
float: left; <--- (dachte es reicht wenn ich hier center schreibe)
width: 120px;
height: 28px;
padding: 12px 1px 0 1px;
background: url(http://img.webme.com/pic/k/klingenahoi/img4.gif) no-repeat center top;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;}

li.nav_element:hover{
background-image: url(http://img.webme.com/pic/k/klingenahoi/img3.gif);
color: #FFFFFF;
}


/* Header */

/* Header */

#header {
width: 1000px;
height: 179px;
margin: 0 auto;
background: url(http://img.webme.com/pic/k/klingenahoi/header_4.jpg) repeat-x;
}

#header * {
text-transform: uppercase;
text-decoration: none;
}

#header h1 {
float: left;
font-size: 2em;
}

#header h2 {
float: right;
padding-top: .25em;
font-size: 1.6em;
}

/* Content */

#content {
width: 660px;
margin: 0 auto;
padding: 20px;
background: #405152 url(http://img.webme.com/pic/k/klingenahoi/img2.gif);
border: 2px solid #2D3939;
border-top: none;
}

#colOne {
float: left;
width: 450px;
}

#colTwo {
float: right;
width: 180px;
}

/* Footer */

#footer {
text-align: center;
font-size: smaller;
}
Beitrag07.07.2009 um 21:50 (UTC)    
Titel:

Lösch deinen alten CSS-Code und nimm mal diesen:
Code:
body {
background: #000000;
}
* {
margin: 0;
padding: 0;
}
#header_container {
background: url(http://img.webme.com/pic/k/klingenahoi/header_4.jpg);
height:179px;
width: 1000px;
margin: auto;
}
#nav_container {
width: 660px;
margin: auto;
}
li.nav_element {
background:transparent url(http://img.webme.com/pic/k/klingenahoi/img4.gif);
display:block;
float:left;
font-size:1em;
font-weight:bold;
height:28px;
padding:12px 1px 0;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width: 163px;
}
#content {
background: #405152;
margin: auto;
margin-top: 40px;
width: 660px;
}
#counter {
text-align: center;
margin-bottom: 20px;
}

Wenn du willst, dass man den Counter sieht, ändere die Schriftfarbe in weiß.
Mit den Navi-Grafiken musst du ein bisschen rumspielen. (z.B. Rand weg machen.)
______________
*** Signatur editiert vom Support Team - Signatur zu groß - max. 650 x 150 px ***
Beitrag08.07.2009 um 07:50 (UTC)    
Titel:

Habe nun statt den ganzen Code (Auch getestet) nur diesen ausgeschnitten und verwendet:

Zitat:
#nav_container {
width: 660px;
margin: auto;


ein wenig umgeschrieben:
Zitat:

#nav_container {
width: 707px;
margin: auto;


bewirkt nun das das coolmenü centriert wird und mit dem Centerfeld abschliesst!

Danke für deine Hilfe und den kleinen Schubs in die richtige Richtung

Gruss Nique
Beitrag08.07.2009 um 11:37 (UTC)    
Titel:

Kein Problem.
______________
*** Signatur editiert vom Support Team - Signatur zu groß - max. 650 x 150 px ***
Beiträge der letzten Zeit anzeigen:   


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