nicht angemeldet
Irgendwie ist dies verloren gegangen. Also noch einmal.
Hallo Gemeinde,
Ich habe heute ein Problem welches sich mit der Umsetzung eines Zope Projektes auf eine CSS PHP HTML Basis befasst.
In Zope konnte ich aus verschiedenen Fragmenten eine Seite dynamisch zusammen posten.
So sieht das in Zope aus.
Beispiel:
Index.html
<!--Definitionsdatei der Navigation ein-->
<dtml-var navi>
<!--Navigation ende-->
<!--Inhalt ist variabel und definiert die Seite ein-->
<dtml-var f_index>
<!-- ende inhalt-->
<!--Definitionsdatei der Navigation Fußzeile ein-->
<dtml-var navi_f>
<!--Navigation Fußzeileende-->
Hier das Problem:
Wie erreiche ich diese Funktionalität unter HTML?
Der Bereich in der Mitte definiert die Seite.
ich möchte halt ohne Frames das Menü nur einmal pflegen können
Anhang:
Dateien:
Datei "navi"
<p>
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web net">
<meta name="description"
content="XXXX Tool, etc." >
<title>XXX
</title>
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<link rel="stylesheet" href="cgi-bin/format.css" type="text/css">
</head>
<body topmargin="0" marginheight="0" leftmargin="10" marginwidth="10" >
<table bgcolor="#ffffff" cellspacing="0" cellpadding="0" border="0" width="100%"style="border:0px solid #5394C8;" >
<tr>
<td width="100%" >
<table cellspacing="1" cellpadding="0" border="0" width="100%" bgcolor="#ffffff" >
<tr>
<td align="right" colspan="4" width="100%" class="leisteob" >
<table cellspacing="0" cellpadding="0" border="0" id="menu2" >
<tr>
<td><a href="contents.html"> Contents </a></td>
<td><a href="impressum.html"> Impressum </a></td>
<td><a href="contact.html"> Contact </a></td>
<td><a href="index.html"> Home </a></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3" width="100%" >
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<!-- logo-->
<td background="images/metall.gif" align="center" width="100%" class="logo"><span style="letter-spacing:4px;font-style:italic;color:#FFFFFF;font-size:16pt">+++ Development +++ XXXXX +++ NEW +++</span></td>
<!-- logo ende-->
</tr>
</table>
</td>
</tr>
<tr>
<td class="rand"><img src="images/space.gif" width="30" height="1" border="0" alt=""></td>
<td valign="top" width="191" class="nav" >
<table width="191" border="0" cellpadding="0" cellspacing="0" id="menu" align="center" >
<tr>
<td class="titel">NAVIGATION</td>
</tr>
<tr>
<td class="rubrik">TASK DEFINITION</td>
</tr>
<tr>
<td ><a href="assignments.html">ASSIGNMENTS</a></td>
</tr>
<tr>
<td><a href="plantask.html" >TASK PLANNING</a></td>
</tr>
<tr>
<td><a href="default.html" >....</a></td>
</tr>
<tr>
<td><a href="help.html" >HELP</a></td>
</tr>
<tr>
<td><a href="default.html" >.....</a></td>
</tr>
<tr>
<td><a href="default.html" >...</a></td>
</tr>
<tr>
<td><a href="default.html" >...</a></td>
</tr>
<tr>
<td><a href="javascript:window.close()">CLOSE</a></td>
</tr>
</table>
</td>
<td valign="top" width="100%" height="680" class="main" >
</p>
Datei Navi_f
<p>
<tr>
<td colspan="2" align="center" class="leisteun" valign="top" style="font-size:7pt;color:white" >www.xxx.com</td><td align="center" class="leisteun" valign="top" style="font-size:7pt;color:white" >XXXX; Tel: +49 (0)40 XXXXXXX</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
</p>
format.css
/* schriftstil,abstände */
body
{margin-top: 10px; margin-left: 10px; margin-right: 10px;margin-bottom: 10px; color: #000000; background-color:#ffffff; font-family: verdana,arial; font-size: 10pt;}
table,tr,td
{ color: #000000 ;font-family: verdana,arial; font-size: 10pt}
/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #5394C8; scrollbar-base-color:#ffffff ;
scrollbar-highlight-color : #808080;; scrollbar-shadow-color :#e6e6e6;
SCROLLBAR-TRACK-COLOR: #ffffff;}
/* grundlayout*/
.leiste {background-color:#540405; color:white; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
line-height:10px;
height:20px;
}
.rand {background-color:#FFFFFF;
}
.leisteob {background-color:#5394C8; color:white; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
line-height:20px;
height:20px;
}
.leisteun {background-color:#0970A2; color:white; text-decoration:none ;font-family:verdana, sans-serif;
line-height:20px;
height:20px;
}
.main {background-color:#FFFFFF;}
.nav {background-color:#d17a08; color:black; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
}
.logo {background-color:#0970A2; color:#ffffff; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
height:78px;
}
/* rubriktitel */
.titel{background-color:#d17a08; color:#ffffff;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
width:280px;
border-bottom:solid 1px #eaeaea;
line-height:20px;
height:20px;
padding-left:5px;
}
.rubrik{background-color:#5394C8; color:#ffffff; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;width:192px;
border-bottom:solid 1px #eaeaea;
line-height:20px;
height:20px;
padding-left:5px;
}
.inhalt {background-color:#FFFFFF;
padding:20px;
}
/* menue linke seite */
#menu a {display: block;
background-color:#0970A2;
color:#7EAED6;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;
}
#menu a:visited{
background-color:#0970A2;
color:#7EAED6;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;
}
#menu a:active{
background-color:#0970A2;
color:#7EAED6;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;
}
#menu a:hover {
background-color:#7EAED6;
color:#ffffff;
text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;
}
/* menue oben */
#menu2 a {display: block;
background-color:#7EAED6;
color:#ffffff;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}
#menu2 a:visited{
background-color:#7EAED6;
color:#ffffff;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}
#menu2 a:active{
background-color:#7EAED6;
color:#ffffff;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}
#menu2 a:hover {
background-color:#5394C8;
color:#ffffff;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}
/* allgemeine links im text */
a:link{ color: #000000; text-decoration:underline;font-family: verdana; font-size: 10pt;}
a:visited{color:#000000;text-decoration:underline;font-family: verdana; font-size: 10pt;}
a:active{ color:#000000;text-decoration:underline;font-family: verdana; font-size: 10pt; }
a:hover{ background-color:#0970A2;
color:#7EAED6; text-decoration:underline;font-family: verdana; font-size: 10pt; }
Danke für eine Info
Der Rabe