Hallo.
Meine Freundin und ich machen für unser Projekt eine Website mit Typo3.
Leider können wir manche Fehler nicht lösen. Bitte helft uns ein bisschen.
Die Wörter unserer Navigation sind Abgeschnitten und auch die Farbe des Untermenüs ist falsch.
Ebenfalls wird uns kein Rahmen angezeigt den wir in CSS festgelegt haben. Die roll-over Effekte (auch in CSS festgelegt) funktionieren auch nicht.
Und wisst ihr wie man es macht, dass das Untermenü der Navigation sichtbar bleibt, wenn man auf einen dieser Links klickt??
unser typoskript code lautet:
page = PAGE
page.includeLibs.gmenu_layers = media/scripts/gmenu_foldout.php
page {
typeNum = 0
stylesheet = fileadmin/prahermathae2/css/format.css
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/prahermathae2/mvorlage.htm
10.workOnSubpart = DOCUMENT
10.marks {
NAVI = HMENU
NAVI.1 = GMENU_FOLDOUT
NAVI.1.expAll = 1
NAVI.1.NO {
wrap = | <BR>
XY = 110,27
backColor = #006699
10 = TEXT
10.text.field = title
10.fontSize = 16
10.fontColor = #FFFFFF
10.offset = 10,10
}
NAVI.2 = TMENU
NAVI.2.NO {
10 = TEXT
linkWrap = | <BR>
stdWrap.case = upper
}
NAVI.1 {
dontLinkIfSubmenu = 1
stayFolded = 1
foldSpeed = 6
subMenuOffset = 40,18
menuOffset = 270,175
menuWidth = 110
menuHeight = 27
arrowNO = media/bullets/arrow_no.gif
arrowACT = media/bullets/arrow_act.gif
arrowImgParams = hspace = 4 align = top
}
FOOTER = HMENU
FOOTER {
1 = TMENU
1{
NO {
backColor = #006699
XY = [10.w]+30, 20
linkWrap = | | |*| | | |*| |
10 = TEXT
10 {
text.field = title
offset = 5,13
fontSize = 13
fontFace = fileadmin/arial.ttf
fontColor = #FFFFFF
}
}
}
}
CONTENT < styles.content.get
}
}
Und das CSS format ist folgendes:
body {
background-image: url(../bilder/hintergrund/hintergrundblauNEU.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-position: left bottom;
}
#NAVI {
height: 400px;
width: 207px;
padding-top: 40px;
padding-left: 55px;
font-family: Arial;
font-size: medium;
font-style: normal;
line-height: 6px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
left: 0px;
top: 115px;
position: absolute;
background-image: url(../bilder/navigation/blauerhintergrundNEU.gif);
background-repeat: no-repeat;
z-index: 1;
}
#NAVI a {
font-family: Arial;
font-size: medium;
color: #FFFFFF;
text-decoration: none;
position: absolute;
background-color: #990000;
height: 20px;
width: 130px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #FFFFFF;
text-align: center;
display: block;
}
#NAVI a:hover {
font-family: Arial;
font-size: large;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #990000;
height: 20px;
width: 130px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #FFFFFF;
text-align: center;
}
#inhalt {
font-family: Arial;
font-size: 12px;
color: #000000;
height: 527px;
width: 800px;
top:0px;
position:relative;
left:50%;
margin-left:-400px;
}
#FOOTER {
font-family: Arial;
font-size: x-small;
color: #FFFFFF;
text-decoration: none;
position: absolute;
height: 26px;
width: 500px;
left: 255px;
top: 500px;
padding-top: 4px;
border-top-style: double;
border-top-color: #FFFFFF;
text-align: center;
visibility: visible;
}
#CONTENT {
font-family: Arial;
font-size: x-small;
color: #000000;
height: 374px;
width: 582px;
left: 217px;
top: 115px;
position: absolute;
background-image: url(../bilder/content/content.gif);
background-repeat: no-repeat;
padding-top: 15px;
padding-left: 30px;
z-index: 3;
overflow: auto;
}
h1 {
font-family: Arial;
font-size: 22px;
color: #006699;
border-bottom-color: #006699;
border-bottom-style: double;
text-align: center;
position: absolute;
width: 500px;
}
h2 {
font-family: Arial;
font-size: 14px;
color: #990000;
}
#logo {
height: 112px;
width: 800px;
position: absolute;
top: -1px;
left: 0px;
background-image: url(../bilder/logo/schriftinbogenkleiner.gif);
background-repeat: no-repeat;
background-position: center;
}
Bitte helft uns...wir sind verzweifelt und bald ist projektabgabe. wir haben schon alles versucht...
VIELEN DANK IM VORRAUS!!
[/img]