Hallo Sandra,
das soll ein Punkt sein, der VOR dem Text erscheint. Und zwar nur, wenn
entweder der Link gerade aktiv ist oder sich die Maus darüber befindet.
Ein Hintergrund im Link selbst löst leider das Problem nicht. Denn dann würde
ich den Punkt, der vor dem Text erscheint, nicht nach außen schieben können.
Zudem passt der gleichmäßige Einzug nur, wenn ich den Link zudem noch in einen
"p"-Tag packe und diesen entsprechend formatiere. Drum ist auch folgendes CSS
entstanden:
--
#mainmenu { width: 144px; float: right; }
#mainmenu ul { list-style: none; }
#mainmenu ul li { font-weight: bold; font-size: 95%; }
#mainmenu ul li:hover, #mainmenu ul li.active { color: #b81405; background:
url(../images/menu-bullet.jpg) no-repeat 3px left; }
#mainmenu ul li a { color: #000000; }
#mainmenu ul li a:hover, #mainmenu ul li.active a { color: #b81405; }
#mainmenu ul li p { margin-left: 1.3em; }
--
Viele Grüße
Björn
-----Ursprüngliche Nachricht-----
Von: typo3-german-boun...@lists.typo3.org
[mailto:typo3-german-boun...@lists.typo3.org] Im Auftrag von Sandra Tyrchan |
easymoments GmbH
Gesendet: Dienstag, 8. Juni 2010 12:04
An: 'German TYPO3 Userlist'
Betreff: Re: [TYPO3-german] CSS-Frage
Dann gib dem li das padding und dem a nur den hintergrund.
Lg sandra
Dann habe ich aber das Problem, dass bei mehrzeiligen Texten nicht der
Einzug stimmt.
-----Ursprüngliche Nachricht-----
Von: typo3-german-boun...@lists.typo3.org
[mailto:typo3-german-boun...@lists.typo3.org] Im Auftrag von Ralf-René
Schröder
Gesendet: Dienstag, 8. Juni 2010 11:44
An: typo3-german@lists.typo3.org
Betreff: Re: [TYPO3-german] CSS-Frage
Hahnefeld Bjoern schrieb:
> Bissl peinlich, dass ich selbst nicht drauf gekommen bin. Und ich dachte,
die Hover-Effekte gehen nur für Links. War wohl ein Irrtum :D
wobei nicht jeder Browser ein li:hover interpretieren kann !
Du könntest deine Grafik aber auch mit in den a tag reinbauen
li a {padding-left:20px;}
li a:hover,
li a:focus,
li.act a {background: url(../images/menu-bullet.jpg) no-repeat 3px left;}
wobei da möglicherweise noch andere Anpassungen nötig sind, habs jetzt
nicht kontrolliert...
--
Ralf-René Schröder
http://if-20.com ... YAML templates for TYPO3
______________________________________________
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
--
Ich verwende die kostenlose Version von SPAMfighter für private Anwender,
die bei mir bis jetzt 10948 Spammails entfernt hat.
Rund 7 Millionen Leute nutzen SPAMfighter schon.
Laden Sie SPAMfighter kostenlos herunter: http://www.spamfighter.com/lde
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
