MyBB.de Forum

Normale Version: Buttons im Header zentrieren
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2
hallo,
habe dank eurer hilfe mein logo zentriert mit dem eintrag:
}
.logo {
text-align: center;
}
gibt es so was auch zum zentrieren meiner buttoms (mitglieder,suchen,hilfe usw.)
bzw.wie muß der eintrag im header lauten um alle buttoms in die mitte zu bringen?
wer kann nochmal helfen?
Code:
.menu {
text-align: center;
}
Hallo,zunächst danke für die prompte Antwort.
Leider funktioniert ,wenn ich beide Befehle eingebe,nur die Zentrierung des Logos.
Kann man beide auch kombinieren?
}
.logo {
text-align: center;
}
.menu {
text-align: center;
}
Müßen die Einträge in das Header-Template,oder genügt auch ein Eintrag unter Themes ändern/zusätzliches CSS ?

Hätte auch gerne,da meine neuen Buttons selbsterklärend sind,den alternativen Text weg.
Wie kriege ich das hin ?
Hier der Eintrag im Header:
<script language="Javascript" type="text/javascript">
var cookieDomain = "$settings[cookiedomain]";
var cookiePath = "$settings[cookiepath]";
var quickdelete_confirm = "$lang->quickdelete_confirm";
var newpm_prompt = "$lang->newpm_prompt";
var deleteevent_confirm = "$lang->deleteevent_confirm";
var removeattach_confirm = "$lang->removeattach_confirm";
</script>
<a name="top"></a>
<div id="container">
<div id="header">
<div class="logo"><a href="$settings[bburl]/index.php"><img src="$theme[logo]" alt="$settings[bbname]" border="0" /></a></div>
<div class="menu">
<ul>
<li><a href="$settings[bburl]/search.php"><img src="$theme[imgdir]/toplinks/search.gif" border="0" alt="$lang->toplinks_search" />$lang->toplinks_search</a></li>
<li><a href="$settings[bburl]/memberlist.php"><img src="$theme[imgdir]/toplinks/memberlist.gif" border="0" alt="$lang->toplinks_memberlist" />$lang->toplinks_memberlist</a></li>
<li><a href="$settings[bburl]/calendar.php"><img src="$theme[imgdir]/toplinks/calendar.gif" border="0" alt="$lang->toplinks_calendar" />$lang->toplinks_calendar</a></li><li><a href="$settings[bburl]/chat.php"><img src="$settings[bburl]/images/chat.gif" border="0" alt="Chat">Chat</a></li>
<li><a
href="$settings[bburl]/misc.php?action=help"><img src="$theme[imgdir]/toplinks/help.gif" border="0" alt="$lang->toplinks_help" />$lang->toplinks_help</a></li>
</ul>
</div>
<hr class="hidden" />
<div id="panel">
$welcomeblock
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
$bannedwarning
$bbclosedwarning
$unreadreports
<navigation>
<br class="clear" />

Eventuell hat jemand einen Rat für einen Neuling.
Versuche es bitte so: Gehe in die Einstellungen deines Themes in die Box "Oberes Menü" und ändere "text-align: right;" in "text-align: center;".
Na klappt ja einwandfrei.
Vielen Dank.
Wenn du mir jetzt noch den zweiten Tipp zu meinem anderen Problem geben würdest,wäre ich dir dankbar.
........"Hätte auch gerne,da meine neuen Buttons selbsterklärend sind,den alternativen Text weg.
Wie kriege ich das hin ?".........
Der Text erscheint bei Mouse-Over über dem Button und auch rechts neben dem Button.
Beides soll weg
So ist zwischen jedem Button ein Zwischenraum,ich hätte sie aber lieber nebeneinander.


Da müsste irgendeine Teile alt="" im Template stehen.
Wie genau hast du die Buttons angeordnet? Einfach als <a>-Tag aneinandergereiht? Falls ja, dann so als zusätzliche css Eigenschaft im Theme:

.menu#a { margin:0px; padding 0px;}
Ansonsten musst du das a halt durch p oder li oder was auch immer du hast ersetzen Smile
Hallo Coppeliusfan,
Gehe bitte in das Headertemplate und ersetze in den Grafiken den alternativ text
Code:
<img src="http:/www.domain.endung/.../..." alt="$lang->text"
durch
Code:
<img src="http:/www.domain.endung/.../..." alt=""

Ich hoffe es waren die Buttons im Header gemeint. Wink

Mfg Garlant
[code]<li><a href="$settings[bburl]/search.php"><img src="$theme[imgdir]/toplinks/search.gif" border="0" alt="$lang->toplinks_search" />$lang->toplinks_search</a></li>
<li><a href="$settings[bburl]/memberlist.php"><img src="$theme[imgdir]/toplinks/memberlist.gif" border="0" alt="$lang->toplinks_memberlist" />$lang->toplinks_memberlist</a></li>
<li><a href="$settings[bburl]/calendar.php"><img src="$theme[imgdir]/toplinks/calendar.gif" border="0" alt="$lang->toplinks_calendar" />$lang->toplinks_calendar</a></li><li><a href="$settings[bburl]/chat.php"><img src="$settings[bburl]/images/chat.gif" border="0" alt="Chat">Chat</a></li>
<li><a
href="$settings[bburl]/misc.php?action=help"><img src="$theme[imgdir]/toplinks/help.gif" border="0" alt="$lang->toplinks_help" />$lang->toplinks_help</a></li>
</ul>

Kann jemand genau markieren was zu löschen ist.
Ich möchte keinen alternativen text,weder über, noch neben dem button.
Danke
coppeliusfan schrieb:[code]<li><a href="$settings[bburl]/search.php"><img src="$theme[imgdir]/toplinks/search.gif" border="0" alt="$lang->toplinks_search" />$lang->toplinks_search</a></li>
<li><a href="$settings[bburl]/memberlist.php"><img src="$theme[imgdir]/toplinks/memberlist.gif" border="0" alt="$lang->toplinks_memberlist" />$lang->toplinks_memberlist</a></li>
<li><a href="$settings[bburl]/calendar.php"><img src="$theme[imgdir]/toplinks/calendar.gif" border="0" alt="$lang->toplinks_calendar" />$lang->toplinks_calendar</a></li><li><a href="$settings[bburl]/chat.php"><img src="$settings[bburl]/images/chat.gif" border="0" alt="Chat">Chat</a></li>
<li><a
href="$settings[bburl]/misc.php?action=help"><img src="$theme[imgdir]/toplinks/help.gif" border="0" alt="$lang->toplinks_help" />$lang->toplinks_help</a></li>
</ul>

Kann jemand genau markieren was zu löschen ist.
Ich möchte keinen alternativen text,weder über, noch neben dem button.
Danke

Das rote entfernen.
Hab alles wie angegeben gelöscht.
Sieht jetzt so aus:

href="$settings[bburl]/search.php"><img src="$theme[imgdir]/toplinks/search.gif" border="0" alt="" />$lang->toplinks_search</a></li>
<li><a href="$settings[bburl]/memberlist.php"><img src="$theme[imgdir]/toplinks/memberlist.gif" border="0" alt="" />$lang->toplinks_memberlist</a></li>
<li><a href="$settings[bburl]/calendar.php"><img src="$theme[imgdir]/toplinks/calendar.gif" border="0" alt="" />$lang->toplinks_calendar</a></li>
<li><a href="$settings[bburl]/misc.php?action=help"><img src="$theme[imgdir]/toplinks/help.gif" border="0" alt="" />$lang->toplinks_help</a></li>

Allerdings wird der alternative Text über und neben den Buttons weiterhin angezeigt.
Was muß noch gelöscht werden.
Wer weiß Rat?
Seiten: 1 2