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> </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:(
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:(