Halloo..
wir haben unsere Vorlage im dreamweaver gemacht und auch den CSS stil.
Leider greift unser typoscript nicht immer darauf zu. Eigentlich funktioniert alles bis auf die Navigation.
Beim verkleinern des Browserfensters verschiebt es die Navi nach innen...und die Schriftfarbe und -größe lässt sich auch nicht ändern.
Wisst ihr woran das liegen kann???
Bitte um dringende HILFEEEEEEE ;-)
LG
Du gibst weder eine Adresse zu der Seite an, noch dein TS, noch dein CSS oder HTML. Wie bitte soll man da helfen. Da kann man nur raten!
naja..nachdem wir schon einmal einen eintrag gemacht haben mit dem scriptcode und unserem CSS und niemand geantwortet hat, haben wir es mal so probiert...
Das ist unser Typoscript:
page = PAGE
page.includeLibs.gmenu = 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
dontLinkIfSubmenu = 1
stayFolded = 0
foldSpeed = 6
subMenuOffset = 30,30
menuOffset = 270, 200
arrowNO = media/bullets/arrow_no.gif
arrowACT = media/bullets/arrow_act.gif
arrowImgParams = hspace = 2 align = center
NO {
wrap = | <BR>
XY = 110,25
backColor = #006699
10 = TEXT
10.text.field = title
10.fontSize = 13
10.offset = 20,18
}
RO < .NO
RO = 1
RO {
backColor = #006699
10.fontColor = #FFFFFF
}
}
navi.2 = GMENU
navi.2.expAll = 1
navi.2 {
NO {
10 = TEXT
10.text.field = title
10.text.fontColor = #FFFFFF
10.fontSize = 10
stdWrap.case = upper
linkWrap = | <BR>
backColor = #006699
XY = 125,20
10.offset = 20,15
}
RO < .NO
RO = 1
RO {
backColor = #006699
10.fontColor = #FFFFFF
}
}
footer = HMENU
footer.special = list
footer.special.value = 114,117,116,115
footer.1 = TMENU
footer.1.NO.linkWrap = | | |*| | | |*| |
content < styles.content.get
}
}
Das ist unser CSS formatierung:
body {
background-image: url(../bilder/hintergrund/hintergrundblauNEU.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-position: left bottom;
}
#inhalt {
height: 526px;
width: 800px;
top:50%;
left:50%;
margin-left:-400px;
margin-top: -263px;
position: absolute;
}
#navi {
height: 400px;
width: 207px;
padding-top: 40px;
padding-left: 55px;
top: 115px;
left: 0px;
position: absolute;
background-image: url(../bilder/navigation/blauerhintergrundNEU.gif);
background-repeat: no-repeat;
}
#navi a {
color: #FFFFFF;
text-decoration: none;
font-size: 15px;
}
#navi li {
list-style-type: none;
float: left;
}
#footer {
font-family: Arial;
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;
}
#footer a {
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}
#content {
font-family: Arial;
font-size: 13px;
color: #000000;
height: 374px;
width: 582px;
left: 217px;
top: 115px;
position: absolute;
background-image: url(../bilder/content/content2.gif);
background-repeat: no-repeat;
padding-top: 15px;
padding-left: 30px;
overflow: auto;
padding-right: 50px;
}
h1 {
font-family: Arial;
font-size: 22px;
color: #006699;
border-bottom-color: #006699;
border-bottom-style: double;
text-align: center;
position: absolute;
width: 500px;
}
#logo {
height: 112px;
width: 800px;
position: absolute;
top: 0px;
left: 0px;
background-image: url(../bilder/logo/schriftinbogenkleiner.gif);
background-repeat: no-repeat;
background-position: center;
}
h2 {
font-size: 16px;
font-weight: bold;
}
Und html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Praher & Mathä</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<link href="css/format.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- ###DOCUMENT### begin -->
<div id="inhalt">
<div id="logo"></div>
<div id="navi">###navi###</div>
<div id="content">###content###</div>
<div id="footer">###footer###</div>
</div>
<!-- ###DOCUMENT### end -->
</body>
</html>
DANKE SEHR!!
Im TS-Code sehe ich so keinen Fehler.
Die Schriftgröße lässt sich wohl nicht skalieren, da du fixe Größen angegeben hast.
Das Verschieben der Navi beim skalieren des Browserfensters wird dann wohl ein CSS-Problem sein.
Wir haben schon versucht keine Größen im Typoscript festzulegen, aber trotzdem werden die in CSS definierten Größen nicht übernommen.
hättest du vl. eine Idee warum das so ist??
Wir haben uns auch schon gedacht das es mit CSS zusammenhängt, aber auch hier haben wir schon verschiedenes versucht und es funktioniert nicht...
Und heej, danke für deine Hilfe und Mühe ;-)
Kapier ich nicht...
Du hast doch ein GEMNU. Das sind doch Grafiken... Wie willst du denn da die Schriftgröße per CSS beeinflussen können? Das wäre mir doch sehr neu. Da können nur die Schriftgrößen übernommen werden, die du im TS definierst. Die Schriftgrößen im CSS kannst du dir schenken.
und wie schauts mit TMENU aus????
würds dann gehen?????
aber wie ist das dann mit unserem foldoutmenü???
funktioniert das dann?????