Benutzertitel zentrieren

21.03.2016 17:24 (zuletzt bearbeitet: 21.03.2016 17:24)
avatar  BenAP ( gelöscht )
#1 Benutzertitel zentrieren
Be
BenAP ( gelöscht )

Hi!

Ich schon wieder. :)

Ich habe nun Benutzertitel eingefügt, diese sind allerdings nicht zentriert.

Meine Benutzertitel schauen so aus, dass die Sterne gefolgt von einem <br> gefolgt vom Titelname angezeigt werden.

1
 
<img src="https://files.homepagemodules.de/b2001010/a_283.png" width="75px" height="15px"><br>Senior Member
 



Die center Funktion hat keine Verbesserung gebracht.

Habt ihr noch Ideen wie ich das zentrieren könnte ohne über die 80 Zeichen Begrenzung zu kommen?

Danke!


 Antworten

 Beitrag melden
21.03.2016 19:10 (zuletzt bearbeitet: 21.03.2016 19:19)
avatar  Eru
#2 RE: Benutzertitel zentrieren
avatar
Eru
Mitglied

Hejo, ich hab mich damit auch vor langer Zeit mal rumgeschlagen und hab eben nachgeguckt. In den Templates hab ich das wohl neben anderen Umstrukturierungen im Template "Thread Flat" gelöst. Wenn du da den Userinfo-Teil einer Nachricht gefunden hast, lässt sich das an der Stelle bearbeiten. Das ist bei mir die table/HTML-Tabelle, die unter anderem {{message:avatar==true.start}} umschließt.

Die sieht bei mir jetzt so aus:

1
 
<table style="vertical-align: middle !important;text-align: center !important;"  width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top:23px">
 



Bevor du versuchst in den Templates zu wüten, kannst du es mit dem vertical-algin-Befehl selbst oder so vielleicht versuchen. Das Stichwort 'important' ist hierbei schlechter Stil, weil es entgegen der CSS-Kaskade andere Vorgaben überschreibt.. oder so.


Zu deinem Problem mit der 80-Zeichen-Begrenzung kann ich noch was sagen, weil ich ja kürzlich auch recht viel mit Zeichenersparnis zu tun hatte: *gg*
Lager alle möglichen Style-Informationen in die CSS aus. In deinem Code-Beispiel sind das width und height. Wenn du eine CSS-Klasse dafür schreibst, hast dus einheitlich statt redundant für dieses Bild und sparst eben eine Menge Zeichen.
In deiner CSS sähe das hier z.B. so aus:
img.ti {width:75px;height:15px;}

und in deinem TitelCode entsprechend:

1
 
<img src="https://files.homepagemodules.de/b2001010/a_283.png" class="ti">
 



ti ist hierbei eine CSS-Klasse für img-Code, die du beliebig benennen kannst. Nur gibt es schon einige Klassen, also solltest du da versuchen keine schon bestehende zu überschreiben. Also ggf. ist "ti" ungeeignet und sollte "betitel" oder so heißen.

Center ist auch so eine Style-Information wie auch vertical align, Schriftarten und Schriftfarben und all sowas, src vom img leider nicht.


Viel Erfolg,
lg



/Edit: Du kannst auch eine div-Box aus dem Bild machen, dann sparst du dir an der Stelle auch den Source-Code. Das hatt ich auch irgendwo.. also in der CSS ist dann ein Background-Image für die Div-Klasse drin, und in dem Benutzertitel musst du nur noch <div class="deyKlassname"></div> aufrufen.

Standard-Template - 58757.dynamicboard.de

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!