Der Martin: CSS und HTML-Auszeichnung von Überschriften

Beitrag lesen

Hallo,

<div id="content" class="center">

<h1 lang="it">Caffè e Cacao</h1>
<p lang="de">Kaffee und Kakao</p>

<div lang="it">{description later}</div>
<div lang="de">{description later}</div>

<p lang="it">Caffè</p>
<p>Espresso</p>
<p>Cappuccino</p>
<p>Latte macchiato</p>
<p>&nbsp;</p>
<p lang="it">Latte con cacao</p>
</div>


>   
> Wie mach ich das dann mit dem CSS, dass die erste Überschrift mit dem Nachfolder der Übersetzung darunter keinen Margin macht? Kann man das abhängig machen vom Nachfolger?  
>   
> Also wenn auf Überschrift {h1[lang]} ein Nachfolger kommt mit {h1[lang]}, dann soll die erste keinen Margin-Bottom machen und die Zweite keinen Margin-Top usw. Vielleicht kommen ja auch mal drei Sprachen gleichzeitig zur Anzeige.  
  
warum nicht die Übersetzung als Teil des eigentlichen Elementinhalts? Etwa so:  
  
~~~html
<div id="content" class="center">  
	<h1 lang="it">Caffè e Cacao <span lang="de">Kaffee und Kakao</span></h1>  
...

Das lässt sich dann über "h1[lang] span" generisch selektieren, oder auch, falls nötig, über "h1[lang] span[lang=de] sehr spezifisch.

Davon abgesehen kenne ich zwar dein Gesamtkonzept nicht; ich halte es aber im Allgemeinen für keine gute Idee, mehrere Sprachversionen gleichzeitig auszuliefern und erst beim Client aufzudröseln.

Und "center" ist kein sinnvoll gewählter Klassenname.

So long,
 Martin

--
Rizinus hat sich angeblich als sehr gutes Mittel gegen Husten bewährt.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(