[TYPO3-german] Probleme mit Gmenu
Freaksystems
admin at freaksystems.com
Sat Jan 21 11:27:51 CET 2006
Hallo,
seit gestern morgen um 8 bin ich machen, habe aber noch nichts
anstaendiges hinbekommen was mich weiter bringt, darum suche ich euch
mal auf. Ich hoffe hier kann mir jemand helfen, sonst verzeweifle ich
noch.
Also ich moechte ein Gmenu schaffen, problem (a) es soll dynamisch an
die groesse des Title angepasst werden +10px an jeder Seite. Ich
weiss irgendwo habe ich es mal gelesen, doch ich habe es weder im MTB
I+II, noch im Getting startet gefunden.
Das war jedoch das kleinere Problem, das naechste ist, es hat 3
Punkte, sie sollen 180 hoch und 50 breit sein und die schrift soll
senkrecht verlaufen. Das Problem ist bei mir, entweder liegen alle
Grafiken uebereinander, oder sie verschwinden aus meinem Blickfeld.
Momenten liegen sie halb unter meinem balken den ich per css klasse
eingebunden habe. Sie muessten nun ueber den Balken und
positionierbar sein. Denn wenn ich mit position oder in der art
rumspiele, dann liegen wieder alle uebereinander. Oder kann ich
irgendwie per TS um jede einzelne Grafik eine extra css klasse legen?
Zu sehen ist das ganze auf: http://jrc.s7p.de:8080/
Hier mal meine Codes
<html>
<head>
</head>
<body>
<!-- ###DOKUMENT### -->
<div class="leftmenubackground"></div>
<div id="line-right"></div>
<div id="line-top"></div>
<div id="line-bottom"></div>
<div id="logo"></div>
###MENULEFT###
###MENUTOP###
###MENURIGHT###
###CONTENT###
###ROOTLINE###
###FOOTER###
<!-- ###DOKUMENT### -->
</body>
</html>
Die CSS: (da liegt wohl auch ein problem...
html, body
{
... uebersicht halber herausgenommen
}
.menuleft /*Das ist das Problem....*/
{
text-align:center;
margin-top:3px;
margin-left: -800px;
overflow:hidden;
z-index: 100;
}
/*Bis Zeile 81 nur grobes statisches Design (Hintergrund, Balken
(links,rechts,oben,unten), Logo, Schriftzug */
.leftmenubackground
{
background: url(../gfx/sidebar.png) repeat-y;
position:absolute; left:2%; top: 0%;
width: 90px;
height: 100%;
z-index: 50;
}
#line-top {
background: url(../gfx/line.png) repeat-x;
position:absolute; left:0%; top: 7%;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 100%;
height: 6px;
z-index: 20;
}
#line-bottom {
background: url(../gfx/line.png) repeat-x;
position:absolute; left:0%; top: 96%;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 100%;
height: 6px;
z-index: 30;
}
#line-right {
background: url(../gfx/line-high.png) no-repeat;
position:absolute; left:97%; top: 0%;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 6px;
height: 100%;
z-index: 51;
}
#logo
{
position:absolute; left:3%; top: 7%;
width: 60px;
height: 60px;
background-image:url(../gfx/logo.png);
z-index: 57;
}
#logo-jesus
{
position:absolute; left:2%; top: 1%;
width: 84px;
height: 28px;
background-image:url(../gfx/jesus.png);
z-index: 58;
}
#logo-rulez
{
position:absolute; left:11%; top: 1%;
width: 121px;
height: 28px;
background-image:url(../gfx/rulez.png);
z-index: 59;
}
/*Grunddesign Ende*/
Und noch das TS
#CSS einbinden
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/design/css/screen_standard.css
#XHTML Anweisung
page {
config.xmlprologue = none
config.doctype = xhtml_trans
config.xhtml_cleaning = all
config.language = de
}
#Template einbinden
page.10 = TEMPLATE
page.10{
template = FILE
template.file =
fileadmin/design/templates/template_screen_standard.html
workOnSubpart = DOKUMENT
#########################################
############### MENULEFT ##################
#########################################
marks.MENULEFT = HMENU
marks.MENULEFT.special = list
marks.MENULEFT.special.value = 5,4,3
marks.MENULEFT.1 = GMENU
marks.MENULEFT.1.expAll=1
marks.MENULEFT.1.NO {
wrap = <div class="menuleft">| </div>
XY = 40,150
backColor = #AA3311
10 = TEXT
10.text.field = title
10.angle = 90
10.fontSize = 17
10.offset = 25,140
10.fontFile = fileadmin/design/truetypefonts/londontube.ttf
10.fontColor = white
10.niceText = 1
}
}
Ich hoffe mir kann jemand helfen, sonst reiss ich mir noch meine
letzten haare raus...
Vielen Dank
Daniel
More information about the TYPO3-german
mailing list