Zitat von
wiese
Code:
.menu .ce_headline {
width: 420px;
margin-top: 373px;
margin-left: 30px;
border-bottom: 1.5px dotted #B49272;
font-size: 20px;
color: #B49272;
z-index: 0;
}
margin-top hat 373px, d.h. jede Überschrift hat nun einen Abstand von 373px nach oben. Wenn dieses entfernst, löst du jedoch dein Problem nicht da deine (erste) Überschrift dann 373px zu weit oben sitzt.
Hallo,
wie @wiese schon vermerkt hat, liegt es daran, dass du der Überschrift ein margin-top von 373px gegeben hast. Dies zieht sich natürlich über alle Überschriften .ce_headline durch. Damit nun deine erste Übeschrift (1 Menü 1) bleibt wo sie ist und die darauffolgenden Überschriften nach oben rutschen könntest du Folgendes machen:
Dem ersten Elementtyp 'Überschrift' (das bei dir "1 Menü 1" ist) eine Klasse mitgeben. Das kannst du unter Experteneinstellungen im Inhaltselemt. Da gibst du unter Klasse (ist das zweite Feld) zum Beispiel "HTop" (ohne Anführungszeichen) an. Den anderen/weiteren Überschriften vergibst du keine Klasse, also nix eintragen, so wie bisher.
Nun deklarierst du in den CSS-Anweisungen
Code:
.menu .ce_headline.HTop {
width: 420px;
margin-top: 373px;
margin-left: 30px;
border-bottom: 1.5px dotted #B49272;
font-size: 20px;
color: #B49272;
z-index: 0;
Und aus der bestehenden Anweisung, machst du bei margin-top anstatt der 373px zum Beispiel 20px (musst du dann selbst ausprobieren, was am besten passt). Sollte dann so aussehen:
Code:
.menu .ce_headline {
width: 420px;
margin-top: 20px;
margin-left: 30px;
border-bottom: 1.5px dotted #B49272;
font-size: 20px;
color: #B49272;
z-index: 0;
Lesezeichen