nicht angemeldet
Column-count
Robert R.
0 0 
Gunnar Bittersmann
0
Column-count
Robert R.
Matthias ApselLiebe Mitdenker,
liebe Wissende,
liebe Neugierige,
ja!
Ich kriegs nicht hin...
<div id="subbody">
<h2 lang="it">Prime Colazione maestoso</h1>
<p lang="de">Herrschaftliches Frühstück</p>
<div lang="it"><br> </br></div>
<div lang="de"><br> </br></div>
<h2 lang="it">Colazione Italiano "Extra"</h1>
<p lang="de">Italienisches Frühstück der Extraklasse</p>
<div lang="it"><br> </br></div>
<div lang="de"><br> </br></div>
<h2 lang="it">I Colazione veloce</h1>
<p lang="de">Schnelles Frühstück</p>
<div lang="it"><br> </br></div>
<div lang="de"><br> </br></div>
<h2 lang="it">Colazione per smaltire la Sbornia </h1>
<p lang="de">Katerfrühstück</p>
<div lang="it"><br> </br></div>
<div lang="de"><br> </br></div>
</div>
#subbody {
padding-top:20px;
column-gap:0.5cm
-moz-column-gap: 0.5cm;
-webkit-column-gap: 0.5cm;
/*
column-width: 8cm;
-moz-column-width: 200px;
-webkit-column-width: 200px;
*/
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
#subbody h2 { margin-top: 20px; }
Es wird im obigen Beispiel umgebrochen und mit zwei Spalten dargestellt. Das soll so sein.
Aber leider ist in der Linken Spalte über der Überschrift noch ein Margin, den ich nicht weg bekomme.
+--------------------------------------------------------------+
| Überschrift Vier |
| Überschrift Eins (Übersetzung) |
| (Übersetzung) |
| |
| Überschrift Drei |
| Überschrift Zwei (Übersetzung) |
| (Übersetzung) |
| |
| |
+--------------------------------------------------------------+
Das CSS wird auch im Folgenden nicht mehr überschrieben. Ist ja ein beliebter Fehler.
Aber ich finde nich, wie ich es machen muss, dass der Margin über Ü1 und Ü3 gelich ist.
Spirituelle Grüße
Euer Robert
--
Möge der Forumsgeist wiederbelebt werden!
Möge der Forumsgeist wiederbelebt werden!
-
Hallo,
<h2 lang="it">Prime Colazione maestoso</h1>Den Validator kennst du? Du solltest alle html-Felher ausbügeln, bevor du dich über css-Felher wunderst... Gruß Kalk-
Liebe Mitdenker,
liebe Wissende,
liebe Neugierige,ja!
Hallo,
<h2 lang="it">Prime Colazione maestoso</h1>> > Den Validator kennst du? Du solltest alle html-Felher ausbügeln, bevor du dich über css-Felher wunderst... Stimmt auffallend: \*oh\* Fehler beseitigt. Hat nicht geholfen... Spirituelle Grüße Euer Robert -- Möge der Forumsgeist wiederbelebt werden!-
Om nah hoo pez nyeetz, Robert R.!
Fehler beseitigt. Hat nicht geholfen...
auch die komischen
<br> </br>?W3C-Standards immer als letztes notieren!
Matthias
-
Liebe Mitdenker,
liebe Wissende,
liebe Neugierige,ja!
Om nah hoo pez nyeetz, Robert R.!
Fehler beseitigt. Hat nicht geholfen...
auch die komischen
<br> </br>?Ja, auch die gegen einfache <br>
Der Vali schimpft ja auch nicht mehr, weder bei HTML noch bei CSSIch hatte aber irgendwie auch noch eine BOM reinbekommen, aber die war es auch nicht...
Nun habe ich für die <h2> Margin-Top auf 0 getellt und dem subbody einen Margin-Top gegeben. Leider muss ich jetzt die Leerzeile über einer Überschrift "zu Fuß" einbauen... Das ist nicht der Sinn der Übung.Ulkigerweise wird ein Padding-top für subbody beachtet, nur das margin-top für die <h2> (rechte Spalte oben) nicht. Könnte vielleicht doch ausnahmsweise mal ein Bug ein?
Spirituelle Grüße
Euer Robert--
Möge der Forumsgeist wiederbelebt werden!
-
-
-
-
@@Robert R.:
nuqneH
Ich kriegs nicht hin...
[code lang=html]
[code lang=CSS]Hatte ich schon erwähnt, ein Online-Beispiel zu erstellen?
Qapla'
--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer) -
<div id="subbody"> <h2 lang="it">Prime Colazione maestoso</h1>#subbody h2 { margin-top: 20px; }
Aber leider ist in der Linken Spalte über der Überschrift noch ein Margin, den ich nicht weg bekomme.
Aber ich finde nich, wie ich es machen muss, dass der Margin über Ü1 und Ü3 gelich ist.
Die erste Überschrift ist das erste Element in #subbody, ergo kriegst du den Abstand dort weg mit
#subbody h2:first-child { margin-top: 0px; }
