<h1> zweifarbig - kann man das so lassen?

[Eddie]

Hallo allerseits,

ich brauche eine zweifarbige Überschrift, mich wuerde interessieren, ob ich das so richtig gemacht habe, oder ob ihr das aendern wuerdet! Bisher sieht der Code folgendermaßen aus:

Code: Alles auswählen

<H1 class="mainTitle">
   <span class="mainTitle_Blue">
      Testbericht
      &#58;&nbsp;
   </span>
   <span class="mainTitle_Red">
      Shinedown - Leave a Whisper
   </span>
</H1>

Die eigentliche Überschrift sieht dann also so aus:
Testbericht: Shinedown - Leave a Whisper

Würdet ihr da an dem Code noch was ändern, oder ist das ok?

Danke euch,
Eddie

[overflood]

Naja warum nicht so:

Code: Alles auswählen

<h1 class="mainTitle">
   <span>Testbericht</span>
   Shinedown - Leave a Whisper
</h1>

Würde meiner Meinung nach auch reichen. Standardmäßig für den h1.mainTitle eben rot und für eine span eben blau

[MonikaTS]

Code: Alles auswählen

<H1 class="mainTitle">
   <span class="mainTitle_Blue">
      Testbericht
      &#58;&nbsp;
   </span>
   <span class="mainTitle_Red">
      Shinedown - Leave a Whisper
   </span>
</H1>

es geht noch kürzer:-)

<h1><span>Testbericht &nbsp;</span> Shinedown - Leave a Whisper </h1>

in die externe css kommt

h1{color:blue;background-color:inherit;}
h1 span{color:red;background-color:inherit;}

dies bewirkt , dass nur das span nach einem h1 rot erscheint,


lg

[Eddie]

Danke euch! Das ist ja schonmal ein ganz schoener Unterschied!
Jetzt bloss noch die Frage, ob sich die Kürzung eurer Meinung nach positiv auf die Positionierung auswirken sollte?

Betrifft naemlich doch einige Seiten...

[ole1210]

Nein!

[MonikaTS]

Danke euch! Das ist ja schonmal ein ganz schoener Unterschied!
Jetzt bloss noch die Frage, ob sich die Kürzung eurer Meinung nach positiv auf die Positionierung auswirken sollte?

Betrifft naemlich doch einige Seiten...

hole Dir die kostenlose Version des Maguma Studios,

hol Dir alle diese Seiten in den Editor,
klicke oben auf 'find ==>replace'.

dann geht das mit 1x ändern



lg

[carlo-06]

es geht noch kürzer:-)
<h1><span>Testbericht &nbsp;</span> Shinedown - Leave a Whisper </h1>
in die externe css kommt
h1{color:blue;background-color:inherit;}
h1 span{color:red;background-color:inherit;}
lg

Und noch kürzer:
<h1><span>Testbericht &nbsp;</span> Shinedown - Leave a Whisper </h1>

in die externe css kommt

h1 span, h1 {color:blue;background:inherit;}
h1 span {color:red;}

:SCNR

Gruss
K.R.

PS.: Uli Meybohms HTML Phase5 [https://www.qhaut.de/] kann das mit dem dateiübergreifenden Suchen u. Ersetzen auch.