Aufzählungspunkt einrücken des Textes

[Adlersturm]

Hallo Joomla Gemeinde!

Ich habe die Frage schon einmal gestellt, hier war aber die Seite noch nicht online. Wie kann ich den Text einrücken das dieser genau unter dem anderen Text steht? (z.B. bei Unverbindliche Übungen & Freigegenstände).

Ich werde das in CSS ändern müssen, aber wie und wo?

Homepage:

Danke für eure Hilfe schon mal.

Gruß

 

[TAM1993]

Wird meines Wissens nach schwierig, da dieser Pfeil mittles

content: "►";

eingebunden wird und nicht ein eigener Container ist.. Kann mich aber auch irren, da ich kein CSS Guru bin!

 

[tr4ze]

ul.menusf-vmenu li a:before {
content: "►";
font-weight: normal;
padding-right: 5px;
position: relative; // Hier die Positionierung einfügen
}

 

[Adlersturm]

Guten Morgen tr4ze!

Und welche Positionierung müsste ich hier einfügen?

Gruß

 

[TAM1993]

position: relative; // Hier die Positionierung einfügen

Bezieht sich das nicht mit auf content: "►" ?

 

[Adlersturm]

Hallo!

Hab das ausprobiert mit der position aber das ändert leider nichts.
Wenn ich das content lösche dann rückt der Text links ein, aber ich möchte das Aufzählungszeichen weiterhin verwenden.

Gruß

 

[tr4ze]

Huch, was hab ich denn da gepostet?

Position Relativ ist natürlich Blödsinn, wir müßen das Element ja aus den Fluß kriegen, also:

ul.menusf-vmenu li a:before {
content: "►";
font-weight: normal;
position: absolute; /* Hier die Positionierung einfügen */
left: 5px;
}

über das Elternelement geben wir dann etwas Platz

ul.menusf-vmenu li a {
box-shadow: none;
display: block;
margin: 0 0 3px;
padding: 9px 25px; /* hier Platz zu einfügen */
transition: color 0.5s ease-in-out 0s, background 0.5s ease-in-out 0s;
}

 

[Adlersturm]

Hallo tr4ze

Ich habe das jetzt so übernommen wie du mir es gesagt hast leider kommt es dann so raus:



Irgendwas hab ich falsch gemacht.

Gruß

 

[tr4ze]

Hast du auch den zweiten Codeschnippsel geändert?

 

[Adlersturm]

Was muss ich da genau ändern?

 

[tr4ze]

Was muss ich da genau ändern?

Das padding

 

[Adlersturm]

Ja da habe ich es geändert aber nichts tut sich.

 

[tr4ze]

Lade mal die geänderte css hoch, meine Glaskugel ist gerade kaputt.

 

[QSB]

Habe mir die Seite mal angeschaut.
Bisher hast du ja noch nicht einmal den CSS-Code, den tr4ze gepostet hatte, eingefügt.
Wenn ich den Code per Firebug in die css einfüge, dann sieht das schon im Firefox gut aus.