Seite 1 von 1

Externe Seite Textbuchstaben werden in gross angezeigt

Verfasst: 18.03.2011 18:45
von AYYILDIZLAR
Hallo zusammen

Hatte mir bei dem Style AcidTechRed basiert auf Subsilver2 eine externe Seite eingebaut für Forumsregeln+Impressum, was auch ohne Probleme geklappt hat.
Jetzt habe ich das gleiche auf ProSilver (lokal) ca 3.Wochen. Habe da aber ein kleines optisches Problem, wo ich gerne angehen möchte, da ich in ein paar Tagen von AcidTechRed auf ProSilver umsteigen werde und damit online gehen werde.
Das Problem ist das die Buchstaben ausser die Überschriften alle in gross angezeigt werden und bis auf die Forumsregeln-Texte alle unterstrichen sind, wo ich mir nicht erklären kann. Vielleicht kann mir einer da weiterhelfen.Hier mal die Codes

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->

<h2><FONT COLOR="#FFCC33"><P ALIGN=CENTER>Forumsregeln</P></h2></FONT>

<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>

<div class="content">
<p>

 <h2><P ALIGN=CENTER><FONT COLOR="#FFFFFF"><CENTER>Herzlich Willkommen bei den AYYILDIZLAR</CENTER> </h2></P></FONT><br>

 <h2><P ALIGN=CENTER><FONT COLOR="#FFFFFF"><CENTER>Nimm dir Bitte 2 Minuten Zeit und lese unsere Forumsregeln sorgfältig durch</CENTER></h2></P><br><br></FONT>

 <h2><FONT COLOR="#FFFFFF">text</h2></FONT>
 <h3><FONT COLOR="#FFCC33">text</h3><br></FONT>

 <h2><FONT COLOR="#FFFFFF">text</h2></FONT>
 <h3><FONT COLOR="#FFCC33">text</h3><br></FONT>


 <h2><FONT COLOR="#FFFFFF">text</h2></FONT>
 <h3><FONT COLOR="#FFCC33">text</h3><br></FONT>

Auf meinem alten Style AcidTechRed (ist noch online http://www.ayyildizlar-aschaffenburg.de) wird alles normal angezeigt aber lokal auf ProSilver wie auf dem Bild.
[ externes Bild ]
Vielleicht hat einer einen Tipp für mich, wie ich dies ändern kann.

Grüsse aus dem Spessart

Re: Externe Seite Textbuchstaben werden in gross angezeigt

Verfasst: 18.03.2011 18:57
von Dr.Death
Hallo,

in der betreefenden Datei Deines neuen Styles /styles/xxxx/theme/common.css ist der Tag <h3> wie folgt definiert:
h3 {
/* Sub-headers (also used as post headers, but defined later) */
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #989898;
margin-top: 20px;
}
Dadurch werden alle Zeilen, die im HTML mit <h3> blabla </h> in Großbuchstaben umgesetzt.

Vermeide einfach den Tag <h3> .... dann sollte es funktionieren.

Re: Externe Seite Textbuchstaben werden in gross angezeigt

Verfasst: 18.03.2011 19:11
von AYYILDIZLAR
Hat geklappt, Doc :grin: Ich danke dir vielmals :wink: Jetzt muss ich nur noch die Grösse anpassen, damit die Buchstaben die selbe Grösse wie die Buchstaben bei FAQ sind.

Re: Externe Seite Textbuchstaben werden in gross angezeigt

Verfasst: 18.03.2011 22:56
von AYYILDIZLAR
Hallo,
Also das mit den Grossbuchstaben in Kleinbuchstaben zu ändern hat geklappt(wie erwähnt).
Aber die Grösse von den Buchstaben auf den externen Seiten zu ändern klappt leider nicht. Habe einiges ausprobiert, aber finde leider nicht den richtigen Code. Hat vielleicht jemand noch einen Tip, wo ich nachschauen kann ?

Grüsse

Re: Externe Seite Textbuchstaben werden in gross angezeigt

Verfasst: 19.03.2011 20:47
von Dr.Death
nAbend,

der Block :

Code: Alles auswählen

<h3><FONT COLOR="#FFCC33">text</h3><br></FONT>
ist ungültig, da der <h3> Tag den <font> tag umschliessen sollte:

Code: Alles auswählen

<h3><FONT COLOR="#FFCC33">text</FONT></h3><br>
<font> sollte man auch nicht mehr nutzen, heute nutzt man CSS ( www.css4you.de )

Beispiel:

Code: Alles auswählen

<div style="font-size: 1em; color: #FFCC33;">Dein Text</div>
Das 1em kannst Du ja mal austauschen durch 1.2em oder 1.05em oder 0.8em
Du wirst die Unterschiede dann erkennen.

Re: Externe Seite Textbuchstaben werden in gross angezeigt

Verfasst: 19.03.2011 23:34
von AYYILDIZLAR
Abend,

Habe dein Code

Code: Alles auswählen

<div style="font-size: 1em; color: #FFCC33;">Dein Text</div>
genommen und all die Sachen mit " font " und " h3 " umgeändert mit deinem Code. Die Texte haben jetzt alle die Grösse wo ich wollte :grin: . Klasse. Das alles zu ändern und die Texte rein zu kopieren hat zwar ein wenig gedauert aber das Ergebnis zählt (habs noch rechtzeitig zum Boxkampf gepackt).

Danke Doc, hast mir sehr geholfen.