Guten Abend,
ich habe nun wirklich lange im Internet herumgesucht, ob es eine Lösung für ein Hintergrundbild, welches sich über das gesamte Menü erstreckt, gibt. Allerdings bin ich nicht fündig geworden.
Auch das hat mir nicht weiter geholfen: http://board.gulli.com/thread/1605256-gmenu-mit-hintergrundbild-typo3-/
Ich habe schon probiert das Bild mit CSS einzubinden und unter TS einfach die Hintergrundfarbe herauszulassen, doch leider ohne Erfolg.
Hier mal mein TS Ausschnitt:
SUB_MENU = HMENU
SUB_MENU.1 = GMENU
SUB_MENU.1.NO {
transparentBackground = 1
XY = 174, 40
10 = TEXT
10.text.field = title
10.fontColor = #ffffff
10.offset = 24,24
10.fontSize = 11
allwrap = |
noBlur = 1
}
SUB_MENU.1.RO = 1
SUB_MENU.1.RO {
10 = TEXT
10.text.field = title
10.fontSize = 11
10.fontColor = #333333
10.offset = 24,24
}
Das dazugehörige CSS sieht so aus:
div#sub_menu{
float:left;
display:block;
line-height: 0;
margin-bottom:0;
width: 40px;
height: 40px;
padding: 0px 0;
margin: 0px 0 0 0;
background-image: url("http://www.cp-pfulo.de/fileadmin /user_upload/P1030782.JPG")center;
background-repeat:no-repeat;
text-align:top;
}
Fällt dafür jemand eine Lösung ein?
Gruß
Christian
Hallo Chrisse,
"center" ist eine Eigenschaft von "background-position" oder "background" und hat in "background-image" nichts verloren.
Übrigens sind 40px zu schmal :-)
Du kannst übrigens einfach "#sub_menu" schreiben, da eine ID nur einmal auf einer Seite vorkommen sollte, somit die
Angabe des Dokumententyps obsolet macht.
Wozu benutzt du eigentlich ein GMENU wenn du keine Grafiken oder Texte renderst? Ein TMENU würde in deinem Fall wohl genügen.
MfG,
auch Christian
Chrissli schrieb
Hallo Chrisse,
"center" ist eine Eigenschaft von "background-position" oder "background" und hat in "background-image" nichts verloren.
Übrigens sind 40px zu schmal :-)
Du kannst übrigens einfach "#sub_menu" schreiben, da eine ID nur einmal auf einer Seite vorkommen sollte, somit die
Angabe des Dokumententyps obsolet macht.
Wozu benutzt du eigentlich ein GMENU wenn du keine Grafiken oder Texte renderst? Ein TMENU würde in deinem Fall wohl genügen.
MfG,
auch Christian
Hi Chrissli,
danke für Deine Antwort. Leider bringt mich diese nicht wirklich weiter. Wie ich korrekt TS schreibe, das weiß ich. Mir ging es dabei nur um die Funktionalität, nicht um die Schönheit. Allerdings bekomme ich keine Antwort auf meine Frage. Wie ist es prinzipiell möglich ein Hintergrundbild über das gesamte Menü einzufügen? Mir geht es hierbei um das Grundsätzliche, nicht um Feinheiten.
Gruß
Christian
Ok, hab wohl etwas zuviel drum herum geredet, so
dass das Wesentliche untergegangen ist.
Die Kernaussage ist:
Entferne das "center" an deinem "background-image" im CSS
und dann funktioniert das.
Sauberes CSS ist halt doch was wert 😉