Box Titel Zentrieren

Gehe zu Seite:

Geschlossen

Mi. 07.03.2012 14:36 Uhr #1

NTB-BigBeat Mitglied

Registriert seit
13.02.2012

Beiträge
53

Beitragswertungen
Hallo, ich bin am Versuchen, dass ich meine Tiel, die ich einer Box gebe Zentriert werden, ic habe schon raus gefunden, dass ich das in der Style.css machen muss, allerdings weiß ich nicht was ich da rein schreiben soll...

soweit ich das Richtig habe, dann muss ich das hier ändern:
```
.btitle

{
        color: #a30b0b;    // Boxen ueberschrift
        font-family: Verdana;Arial,
	font-weight: bolder;
	font-size:11px;

}
```
aber was schreibe ich da jetzt rein , damit meine Boxentitel Zentiert sind ?

Danke

betroffene Homepage: externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren

Mi. 07.03.2012 14:50 Uhr #2

Saarlonz Hall Of Fame

Versuch es mal so:

.btitle
 
{
        color: #a30b0b;    // Boxen ueberschrift
        text-align: center;
        font-family: Verdana;Arial,
        font-weight: bolder;
        font-size:11px;
 
}

0 Mitglieder finden den Beitrag gut.

zitieren

Mi. 07.03.2012 17:31 Uhr #3

google.de Mitglied

Registriert seit
26.01.2012

Beiträge
352

Beitragswertungen
ich hab mir die Seite mal angeguckt wenn du mit den sogenannten "Boxen" die Lastonline bzw. das Clanmenu meinst wird dies so nicht klappen. saarlonz hat shcon recht das man damit den Text zentriert aber dein Problem ist das der Text in einem Div-Container liegt. Um EUch das mal zu verdeutlichen hier ein Screenshot:

Das Lila markierte ist der Div Container indem der Text liegt(ein Div COntainer ist immer nur so Groß wie sein Inhalt. Ausnahmen werden durch CSS Regeln erstellt). Mit Padding-left/top wurde die position bestimmt wo der Inhalt angezeigt wird.

Um dies jetzt in die Mitte zu bekommen wirst du die padding-left Werte verändern müssen. Also musst du in der style.css folgende Css-Klasse suchen:
```
menu_heading_left_font
```
aus:
```
padding-left:26px;
```
würde ich dann
```
padding-left:50px;
```
machen. Das ist in etwa die Mitte.

Zuletzt modifiziert von google.de am 07.03.2012 - 17:32:22
Kein Support per PN!
Wenn ich zitiere ist dies KEIN Angriff auf die Person!
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 07.03.2012 18:23 Uhr #4

Ahrtas Moderator

Registriert seit
17.12.2007

Beiträge
2.368

Beitragswertungen

Wie wäre es, dem div-container eine feste Höhe und Breite zu geben und dann einfach den Text mittig setzen?
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 07.03.2012 19:08 Uhr #5

Maretz Hall Of Fame

Registriert seit
28.02.2009

Beiträge
740

Beitragswertungen

Sers.

Setze in der Class menu_heading_left_font float auf center . Mit padding-left Font auf center schieben (optisch ausrichten).

Ilch Templates and Modules
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 07.03.2012 22:13 Uhr #6

Wizzard26 Mitglied

Registriert seit
05.03.2009

Beiträge
259

Beitragswertungen

Wenn sich bei CSS3 nicht grundliegend was geändert hat dann sollte es kein float:center geben.

Die div id wo du drann mußt ist die richtige,
#menu_heading_left_font

nimm das padding-left und das float da mal raus, habs jetzt nur mal schnell im ff durchgesehen, aber dann hast den Boxentitle zentriert.

Kleines Manko, besser wäre es das in Classen zu ändern, sprich in der htm sollte das nicht div id="menu_heading_left_font" heißen sondern
div class="menu_heading_left_font"

In der Css dann anstatt dem # ein . davor
Grund: es handelt sich um ein dynamisches Menü und ID´s sollten immer nur einmal vergeben sein. eine Class kann sich immer und immer wiederholen
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 09.03.2012 16:19 Uhr #7

NTB-BigBeat Mitglied

Registriert seit
13.02.2012

Beiträge
53

Beitragswertungen
jawoll vielen Dank. Die Hilfe von google.de hat mir gut geholfen, das von Maretz hat mir die Titel nach Rechts gelegt, da die Tatsächliche breite der Box ja ca. 1-2 cm Breiter ist als das was man sieht.

das
```
padding-left:50px;
```
ist dann ca. 68px geworden, somit liegt das dann zu etwa 100% mittig in der Box.
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Box Titel Zentrieren