Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.02.2009 um 12:34 (UTC)    
Titel: schrift in navi soll mittig sein

Hi,
habe mal wieder ein problem! Ich würde gerne in meiner navi die schrift in den Buttons mittig haben!
habe hier im Forum a.rednav {font-weight: bold;padding-right: 5px;} diesen Code gefunden, allerdings taucht ein blauen Kasten im Hintergrund auf.
Könnt ihr mir helfen??
Beitrag16.02.2009 um 14:27 (UTC)    
Titel:

Zitat:
td.Klasse{font-align: center;}
Das wäre der Code für mittige Schrift.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag16.02.2009 um 16:23 (UTC)    
Titel:

Wenn ich diesen Code einfüge, passiert es wie oben beschrieben! Es tauchen neue Klassen auf und zwar in Blau! Kann mir denn niemand helfen?
Hier mal mein kompletter Code:


<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}

/* Link und Textformatierung */
p, div, b{color: #000000;}
td.nav a{color:##XXXXXX;
font-size: 12px;
text-decoration: none;}

a:hover {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

a: link {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

a:active {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

a:visited {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

/* Hintergrund hinter Design */
body{
background-image: url();
background-color: #FFFFF;
color: #000000 !important;}


/* Header fixiert und zentriert*/
td.edit_header_full{
width: 150% !important;
background-repeat:no-repeat;
background-position:center center;
background-image: url(http://Hier Header-Bild);}

/* Header Titel entfernen*/
td.headline{visibility:hidden;}


/* Navigation*/
td.nav{
text-decoration: none;
color: #00000;
width: 200px;
height: 40px;
background-image: url(http://up.picr.de/1850496.gif)}



td.nav:hover{
color: #XXXXX;
width: 200px;
height: 40px;
background-image: url();}

td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url();
background-color: #XXXXX;
width: 185px;
background-repeat: repeat-y;}


td.edit_below_nav{
visibility: hidden;
width: 185px;}

td.edit_below_nav img{
visibility: hidden;
width: 1px;}

td.nav_heading{
width: 89px;
height: 80px;
background-image: url(http://Bild über Navigation.jpg);
background-color: #XXXXX
padding-top: 0px;
font-weight: bold;
font-size: 15px;
text-decoration: none;}

td.edit_navi_headbg table{
width: 134px;
padding-top: 25px;}

.menu{
width: 185px;
color: #XXXXX !important;
font-weight: bold;
padding-left: 35px;
font-size: 12px;}

.menu a{
color: #000000;
font-weight: bold;
padding-left: 100px;
text-decoration: none;
font-size: 12px;}


/* Textfeld Link-Formatierung*/
td.edit_content a{
color:#XXXXXX;
font-size: 12px;
text-decoration: none;}

td.edit_content a:hover {
color: ##FFFFF;
font-size: 12px;
text-decoration: none;}

/* Textfeld Hintergrund*/
td.edit_content {
background-image:url();
background-color: #XXXXX;}


/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}

td.edit_content_top{
height: 25px;
background-image: url();
background-color: #XXXXXX;}

td.edit_content_bottom{
background-image: url();
background-color: #XXXXXX;}

td.edit_content_bottom2{
background-image: url();
background-color: #XXXXXX;
text-align: right;}

td.edit_rechts_cbg{
margin: 0px;
background-image: url(URL);
background-color: #XXXXXX;}


/* Rechte Boxen */
td.edit_rechts_sbg{
background-image: url();
width: 0px;}

td.sidebar_heading{
background-image: url();
background-color: #XXXXXX;
border-bottom: 0px double #XXXXXX;}

.shouty, .shouty2, .shouty3, .shouty4, .shouty5{
background-image: url();
background-color: #XXXXXX;
color: #000000;
font-weight: bold;}

td.edit_rb_footer{
background-image: url();
background-color: #XXXXXX;
border-bottom: 0px solid ##XXXXXX;}

td.edit_rechts_bottom{
background-image: url();
background-color: #XXXXXX;}

-->
</style>

<style type="text/css">
<!--
td.nav_heading{visibility:hidden;}
-->
</style>

<style type="text/css">
<!--
td.shouty{visibility:hidden;}
-->
</style>

<style type="text/css">
<!--
td.sidebar_heading{visibility:hidden;}
-->
</style>

<style type="text/css">
<!--
td.edit_content_bottom2_counter{visibility:hidden;}
-->
</style>


<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

.menu li
{
width: 160px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

.menu a:hover
{
background-color: #F5C7EF;
background-image: url();
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #F5C7EF;
}
//-->
</style>

<style type="text/css">
body {background-image:url("http://up.picr.de/1849206.jpg");}
</style>
Beitrag16.02.2009 um 20:34 (UTC)    
Titel:

sorry, Ich hab mich mit dem Code vertan,
"text-align: center" wäre richtig gewesen.

versuch mal diesen Code:
Zitat:
<style type="text/css">
<!--
.nav a,.nav a:hover{text-align:center;}
-->
</style>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 16.02.2009, 21:34, insgesamt einmal bearbeitet
Beitrag17.02.2009 um 07:12 (UTC)    
Titel:

Jetzt ist die Schrift rechtsbündig Sad
Was nun?
Beitrag17.02.2009 um 07:47 (UTC)    
Titel:

Du hast 135px breite Buttons drin; Die Navi hat bei dir Werte von 89 bis 200px in der Breite. Da musst du erst mal für Ordnung sorgen. Außerdem sind im Code doppelte Anweisungen drin die sich gegenseitig aufheben. Beispiel:
Zitat:

td.edit_header_full{width: 100% !important;}
und
Zitat:

/* Header fixiert und zentriert*/
td.edit_header_full{
width: 150% !important;
background-repeat:no-repeat;
background-position:center center;
background-image: url(http://Hier Header-Bild);}

Überarbeite deinen Code, bring die Navi auf die gewünschte Breite und dann kannst du auch die Schrift zentrieren.
______________

Der Link führt nicht mehr zu KDL-Design sondern zu meinen neuen Projekt
Beitrag19.02.2009 um 10:53 (UTC)    
Titel:

Ich habe den Code nochmal überarbeitet, aber es funktioniert immer noch nicht! Könnt ihr mir bitte helfen? Wo muss ich denn den Code einsetzten?



<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}

/* Link und Textformatierung */
p, div, b{color: #000000;}
td.nav a{color:##XXXXXX;
font-size: 12px;
text-decoration: none;}

a:hover {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

a: link {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

a:active {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

a:visited {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

/* Hintergrund hinter Design */
body{
background-image: url();
background-color: #FFFFF;
color: #000000 !important;}


/* Header fixiert und zentriert*/
td.edit_header_full{;
background-repeat:no-repeat;
background-position:center center;
background-image: url(http://Hier Header-Bild);}

/* Header Titel entfernen*/
td.headline{visibility:hidden;}


/* Navigation*/
td.nav{
text-decoration: none;
color: #00000;
width: 135px;
height: 40px;
background-image: url(http://up.picr.de/1850496.gif);}


td.nav:hover{
color: #XXXXX;
width: 135px;
height: 40px;
background-image: url();}

td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url();
background-color: #XXXXX;
width: 135px;
background-repeat: repeat-y;
text-align:center;}


td.edit_below_nav{
visibility: hidden;
width: 135px;}

td.edit_below_nav img{
visibility: hidden;
width: 1px;}

td.nav_heading{
width: 135px;
height: 40px;
background-image: url(http://Bild über Navigation.jpg);
background-color: #XXXXX
padding-top: 0px;
font-weight: bold;
font-size: 15px;
text-decoration: none;}

td.edit_navi_headbg table{
width: 135px;
padding-top: 25px;}

.menu{
width: 135px;
color: #XXXXX !important;
font-weight: bold;
padding-left: 35px;
font-size: 12px;}

.menu a{
color: #000000;
font-weight: bold;
padding-left: 100px;
text-decoration: none;
font-size: 12px;}


/* Textfeld Link-Formatierung*/
td.edit_content a{
color:#XXXXXX;
font-size: 12px;
text-decoration: none;}

td.edit_content a:hover {
color: ##FFFFF;
font-size: 12px;
text-decoration: none;}

/* Textfeld Hintergrund*/
td.edit_content {
background-image:url();
background-color: #XXXXX;}


/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}

td.edit_content_top{
height: 25px;
background-image: url();
background-color: #XXXXXX;}

td.edit_content_bottom{
background-image: url();
background-color: #XXXXXX;}

td.edit_content_bottom2{
background-image: url();
background-color: #XXXXXX;
text-align: right;}

td.edit_rechts_cbg{
margin: 0px;
background-image: url(URL);
background-color: #XXXXXX;}


/* Rechte Boxen */
td.edit_rechts_sbg{
background-image: url();
width: 0px;}

td.sidebar_heading{
background-image: url();
background-color: #XXXXXX;
border-bottom: 0px double #XXXXXX;}

.shouty, .shouty2, .shouty3, .shouty4, .shouty5{
background-image: url();
background-color: #XXXXXX;
color: #000000;
font-weight: bold;}

td.edit_rb_footer{
background-image: url();
background-color: #XXXXXX;
border-bottom: 0px solid ##XXXXXX;}

td.edit_rechts_bottom{
background-image: url();
background-color: #XXXXXX;}

-->
</style>

<style type="text/css">
<!--
td.nav_heading{visibility:hidden;}
-->
</style>

<style type="text/css">
<!--
td.shouty{visibility:hidden;}
-->
</style>

<style type="text/css">
<!--
td.sidebar_heading{visibility:hidden;}
-->
</style>

<style type="text/css">
<!--
td.edit_content_bottom2_counter{visibility:hidden;}
-->
</style>


<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

.menu li
{
width: 160px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

.menu a:hover
{
background-color: #F5C7EF;
background-image: url();
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #F5C7EF;
}
//-->
</style>



<style type="text/css">
body {background-image:url("http://up.picr.de/1849206.jpg");}
</style>
Beitrag20.02.2009 um 12:28 (UTC)    
Titel:

kann mir denn niemand helfen??
Beitrag20.02.2009 um 13:07 (UTC)    
Titel:

Bei mir sind die Buttons mittig! Außerdem würde ich dir ein coolmenü empfehlen, da du nur so wenig Links hast, und es einfach besser aussieht Wink
______________
Deutschlands Eltern sind verzweifelt. Immer mehr Kinder verbringen ihre Zeit mit dem Computer. Die meisten, um Mama und Papa zu erklären, wie er funktioniert.
_____________________________________
Ich Zocke nicht um leben, ich Zocke um zu leben!
_______________________________________
Mein PC kann alles, wegen seiner 32-Bit!
Wenn ich 32-Bit Intus habe kann ich auch alles!
Beiträge der letzten Zeit anzeigen:   


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