Matthias Apsel: CSS und HTML-Auszeichnung von Überschriften

Beitrag lesen

Om nah hoo pez nyeetz, Robert R.!

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

> Aber eignetlich isr  "<p lang="de">Kaffee und Kakao</p>" doch auch eine Überschrift, auch wenn es nur die zeitweilige Überetzung darstellt.  
  
Das denke ich auch.  
  

> 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?  
  
Nein, du kannst es nicht vom Nachfolger abhängig machen. Margins von Geschwistern [fallen unter bestimmten Umständen zusammen](http://wiki.selfhtml.org/wiki/Collapsing_margins).  
  

> 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.  
  
Du kannst aber den nachfolgenden Elementen ein anderes margin-top verpassen.  
  
~~~css
h1 { margin-top: 1rem; }  
h1 + h1 { margin-top: 0; }

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen satt und Sattel.