Hallo zusammen!
Ich möchte gerne ein vertikales Menü mit einer Buttongrafik.
Vorher hab ich das Problem gelöst in dem ich die Buttongrafik
in einem Layer als Hintergrund genommen
Hier der Templateausschnitt:
temp.menu_1 = HMENU
temp.menu_1.1 = TMENU
temp.menu_1.1 {
NO.allWrap = <div class="menuNO"> | </div>:
ACT = 1
ACT.allWrap = <div class="menuAC"> | </div>
}
und hier der style:
TD#menu_1 DIV.menuNO {
background-image: url(file:///fileadmin/template/main/pics/ButtonNO.gif);
font-size: 12px;
padding-top:12px;
padding-left:0px;
height: 32px;
width: 110px;
text-decoration:none;
}
TD#menu_1 DIV.menuAC {
background-image: url(file:///fileadmin/template/main/pics/ButtonAC.gif);
font-size: 12px;
padding-top:12px;
padding-left:0px;
height: 32px;
width: 110px;
font-weight:bold;
}
Aber hier sieht wahrscheinlich jeder das Problem, nur der Text auf
dem Button fungiert als Link (das sieht nicht gut aus o.O )
Also hab ich hier fast jeden Beitrag zum Thema Menüs gelesen, aber da ging es hauptsächlich darum Grafiken vor oder nach
dem Text auszugeben.
Als ich nach langer Sucherei die gut versteckten Examples von Kasper gefunden hatte (wo man sich auch ins Backend einloggen kann) hab ich feststellen müssen
das sich irgendwie keiner mit Buttons beschäftigt hat jedenfalls nicht die wo Text auf dem Button dynamisch erzeugt wird.
Oder es liegt daran das ich mich einfach noch zuschlecht mit dem Script auskenne und zu doof zum suchen bin.
Mein Typo3-Schicksal liegt in euren Händen.
Ich würde mich sehr über eure Hilfe freuen.
P.s.: Bitte keine Codeschnipsel da fehlt mir als Anfänger der Zusammenhang.
da fehlt doch nur eine css-anweisung, hat also mit typo3 ga nix zu tun, oder? 😉
display: block;
Ne der Umbruch funktioniert.
Es funktioniert ja alles sieht halt nur schlecht aus, ich möchte halt das man den ganzen Button anklicken kann
nicht nur den Text.
edit: oder hab ich das jetzt falsch verstanden?
sopro schriebNe der Umbruch funktioniert.
hää?
sopro schriebedit: oder hab ich das jetzt falsch verstanden?
yoo! aber komplett.
siehe auch hier (wer suchet der findet....)
#13723
Hey das ist ja super!
Ich hab immer gedacht display:block wäre dafür da einen Zeilenumbruch
vor und nach dem Element zu erzwingen :o .
Das ist hier zwar kein CSS Forum aber trotzdem:
Wie mache ich das jetzt?
Die Relevanten CSS-schnipsel von meiner seite:
TD#menu_1 DIV A {
color: navy;
text-decoration: none;
display: block;
}
TD#menu_1 DIV A:hover {
text-decoration: underline;
display: block;
}
TD#menu_1 DIV.menuNO {
background-image: url(file:///C|/apache/htdocs/dummy-3.6.2/fileadmin/template/main/pics/ButtonNO.gif);
font-size: 12px;
padding-top:12px;
padding-left:0px;
height: 32px;
width: 110px;
text-decoration:none;
}
TD#menu_1 DIV.menuAC {
background-image: url(file:///C|/apache/htdocs/dummy-3.6.2/fileadmin/template/main/pics/ButtonAC.gif);
font-size: 12px;
padding-top:12px;
padding-left:0px;
height: 32px;
width: 110px;
font-weight:bold;
}
ich hab hier zwar display:block eingefügt aber hier stimmt was nicht
Ok funktioniert!
Danke für die Hilfe
Allerdings bin ich doch eher auf der Suche nach der Lösung für dieses Problem:
http://typo3.org/documentation/document-library/doc_core_tsbyex/Images_on_GMENUs/
Für die Zukunft geht es mir darum auch dieses Problem mit T3script zu lösen.
Ich habs geschafft hat mir zwar einige Zeit gekostet aber es klappt.
Hier der Templateausschnitt (leicht nachzuvolziehende Version)
seite = PAGE
seite.typeNum = 0
seite.bodyTag = <body bgcolor = 363636>
seite.1 = TEMPLATE
seite.1 {
template = FILE
template.file = fileadmin/template/main/sharp_v0.4.html
workOnSubpart = DOKUMENT
marks.INHALT = TEXT
marks.INHALT.value = Menütest
marks.MENU = HMENU
marks.MENU.1 = GMENU
marks.MENU.1.NO {
wrap = | <BR>
XY = [4.w], [4.h]
4 = IMAGE
4.file = fileadmin/template/main/pics/ButtonNO.gif
10 = TEXT
10.text.field = title
10.offset = -5,25
10.align = center
10.niceText = 1
}
marks.MENU.1.RO = 1
marks.MENU.1.RO {
wrap = | <BR>
XY = [4.w], [4.h]
4 = IMAGE
4.file = fileadmin/template/main/pics/ButtonRO.gif
10 = TEXT
10.text.field = title
10.offset = -5,25
10.align = center
10.niceText = 1
}
}
Die RO Eigenschaften zuweisen geht natürlich auch so:
marks.MENU.1.RO < marks.MENU.1.NO
und dann nachfolgend beliebige Änderungen vornehmen.
Ich hoffe es stimmt alles #paralyzed# bei mir funktioniert es 😉
Der Grund warum ich das hier noch poste ist folgender:
Es tauchen in vielen Foren (auch in diesem) Fragen auf die der Betreffende nach einiger Zeit selbst beantwortet (wie halt auch meine Frage) leider meistens nur mit
dem Kommentar "Ich hab die Lösung gefunden".
Das hilft aber denjenigen nicht weiter die auf der Suche nach genau der Antwort sind.
Naja trotzdem Danke für deine Hilfe doku