Navi Zentrieren

Cheezy Chris

Hallo,

Ich bekomme es nicht hin meine navi hier Cheezy Chris Artist Page » Home unter das logo zu bekommen das es zentriert ist.

Wie muss ich das einstellen in der style.css?

Code

/*
Theme Name: Cheezy-Chris
Theme URI: http://cheezy-chris.de/
Description: -
Version: 1.0
Author: Florian Becker
Author URI: http://trashwae.eu/
*/


/*****/
body { margin: 0px; padding: 0px; background-color: #fbf9f9; color: #3d3d3d; }
img { border: none;}
a { border: none;}


#head {
height: 288px;
background-image: url(images/bg_rep.jpg);
border-bottom: 1px solid #858585;
}


#header {
margin:auto;
height: 288px;
width: 917px;
}


#nav {
height: 39px;
background-image: url(images/bg_nav.jpg);
text-align: center;
}
#navi {
padding-top: 6px;
height: 33px;
width: 917px;
text-align: center;
}
#navi a {
font-family:Tahoma;
font-size:14px;
margin-right: 5px;
margin-left: 5px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 5px;
margin-top: 6px;
height: 24px;
color: #FFFFFF;
background-image: url(images/bg_button.jpg);
background-color: #3a7ab8;
background-position: bottom;
background-repeat: repeat-x;
text-decoration: none;
font-weight: bold;
}
#navi ul { margin: 0px; }
#navi li {
list-style-type: none;
float: right;
}


#over_footer {
background-image: url(images/bg_bottom.jpg);
height: 101px;
}


#footer {
background-image: url(images/bg_footer.jpg);
height: 97px;
}
#inner_footer {
margin:auto;
width: 919px;
height: 97px;
}
#copyright {
font-family:Tahoma;
font-size:13px;
padding-top: 2em;
width: 250px;
color: #FFFFFF;
text-align: right;
font-weight: bold;
font-size: 14px;
float: left;
}
#layout {
font-family:Tahoma;
font-size:13px;
padding-top: 2em;
width: 239px;
color: #FFFFFF;
text-align: right;
font-weight: bold;
font-size: 14px;
float: left;
}
#layout span { color: #0e79a9; }
#copyright span { color: #0e79a9; }
#layout span a { color: #0e79a9; text-decoration: none;}
#copyright span a { color: #0e79a9; text-decoration: none;}


#content_left {
float: left;
height: 307px;
width: 107px;
margin-top: 100px;
background-image: url(images/bg_left.png);
background-position: right;
}
#content_right {
float: right;
height: 307px;
width: 107px;
margin-top: 100px;
background-image: url(images/bg_right.png);
background-position: left;
}
#content {
font-family:Tahoma;
font-size:13px;
margin: auto;
width: 919px;
}


#content_top {
border: 3px solid #CCCCCC;
background-color: #FFFFFF;
background-image: url(images/bg_content_top.jpg);
background-repeat: repeat-x;
min-height: 93px;
margin-top: 2px;
padding: 5px;
}
#content_top span {
color: #0e66aa;
font-weight: bold;
font-size: 20px;
}
#content_top a {
text-decoration: none;
font-weight: bold;
color: #0e79a9;
}
.sidebar_header {
display: block;
width: 450px;
border-bottom: 1px solid #cccccc;
font-size: 20px;
line-height: 40px;
color: #000000;
font-weight: bold;
}
#sidebar_left { width: 450px; float: left; }
#sidebar_left li {
width: 410px;
list-style-type: none;
border-bottom: 1px solid #cccccc;
margin-top: 7px;
}
#sidebar_left a { color: #0e79a9; text-decoration: none; font-weight: bold;}


#sidebar_right { width: 450px; float: right;}
#sidebar_right li {
width: 410px;
list-style-type: none;
border-bottom: 1px solid #cccccc;
margin-top: 7px;
}
#sidebar_right a { color: #0e79a9; text-decoration: none; font-weight: bold;}


#conten_bottom {
margin: auto;
width: 896px;
}
#border {
padding: 8px;
display: block;
width: 874px;
border: 3px solid #e4e6c9;
border-top: 0px;
}
#border span {
color: #0e66aa;
font-weight: bold;
font-size: 20px;
}


#menu {
width: 170px; 
float: right;
text-align: right;
margin-top: 10px;
float: right;
}
#searchform input { display: none; }
#searchform input:first-child {
border: 0px;
background-image:url(images/bg_nav.jpg);
background-color: #3a7ab8;
color: #FFFFFF;
text-align: right;
font-size: 18px;
height: 20px;
width: 170px;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
display: inline;
}
#menu  h2 {
font-size: 20px;
border-bottom: 1px solid #0b3854;
}
#menu a{
text-decoration: none;
color: #3a7ab8;
font-weight: bold;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#page {
width: 700px; 
margin-top: 10px;
}
#page h2 { width: 700px; }
#page span a { 
display: block; 
float: right; 
margin-right: 30px;
color: #0b3854;
}


#page_nav {
border-top: 1px solid #e4e6c9; 
padding-top: 10px; 
padding-bottom: 20px;
text-align: center;
}
#page_nav a {
color: #3a7ab8; 
text-decoration: none;
}
#page_nav a:hover { text-decoration: underline; }


#meta_comment {
border: 2px solid #e4e6c9;
padding: 2px;
text-align: center;
font-size: 14px;
}
#meta_comment a {
text-decoration: none; 
color: #3a7ab8;
}


#commentform input, textarea {
border: 1px solid #e4e6c9;
border-left: 3px solid #e4e6c9;
}




/*****/
.headline { margin-bottom: 0px; }
.headline a {
display: block;
width: 100%;
border-bottom: 1px solid #0b3854;
text-decoration: none;
color: #3a7ab8;
}
.headline a:hover { border-bottom: 1px solid grey; }


.meta { 
margin-top: 0px; 
font-size: 13px;
letter-spacing: 1px;
color: grey;
}
.meta a {
text-decoration: none;
color: #3a7ab8;
}
.meta a:hover { text-decoration: underline; }


.entry { width: 700px; }
.entry a {
text-decoration: none;
color: #3a7ab8;
}


.comment_box {
border-left: 3px solid #e4e6c9;
padding: 0px 10px;
}
.comment_box a {
text-decoration: none;
color: #3a7ab8;
font-size: 17px;
}
.comment_box a:hover { text-decoration: underline; }
.comment_box span {
font-size: 13px;
}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

1. im IE hast du einen horizontalen Scrollbalken,

Code

2. #navi {
padding-top: 6px;
height: 33px;
width: 917px;
text-align: center;
}

Code

margin: 0 auto;

so auf den 1. halben Blick,

Cheezy Chris

hat nicht funktioniert.

Cheezy Chris

mhh weiss keiner was dazu? bekomme des net hin das es unter dem logo ist also zentriert so wie oben gepostet gehts net.

style.css ist oben ;)

Danke

Monika

Zitat von Cheezy Chris

mhh weiss keiner was dazu? bekomme des net hin das es unter dem logo ist also zentriert so wie oben gepostet gehts net.

style.css ist oben ;)

Danke

ich sah mir jetzt soeben die style.css des verwendeten Themes von
Cheezy Chris Artist Page » Home

an:

da steht immer noch:

Code

#nav {
height: 39px;
background-image: url(images/bg_nav.jpg);
text-align: center;
}
#navi {
padding-top: 6px;
height: 33px;
width: 917px;
text-align: center;
}

Alles anzeigen

mein Lösungsansatz fürs erste steht oben, wenn der nicht in der style.css steht kann auch nichts funktionieren, kann ich auch nicht weiter helfen

lg

Cheezy Chris

hatte es zuvor an der falschen stelle rein getan.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Navi Zentrieren

Jetzt mitmachen!