16.02.2005, 21:20
...Heligs Blechle :shock:
Das geht auch eleganter... Mit CSS und fast ohne Javascript
1. Die Datei in die includet werden soll
Das Menü:
So schaut es aus:
http://www.inspire-world.de/boarduploads/cssmenue.gif
Cu Helmut
Das geht auch eleganter... Mit CSS und fast ohne Javascript
1. Die Datei in die includet werden soll
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<style type="text/css">
body {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
}
.menue {
background-color: #dddddd;
}
.rubrik {
background-color: #cc6600;
border-bottom: 1px solid #dddddd;
color: #ffffff;
font-size: 11px;
font-weight: bold;
padding: 4px 0px 4px 4px;
}
.normal {
display: block;
background-color: #e9e9e9;
border-bottom: 1px solid #dddddd;
color: #990000;
font-size: 11px;
font-weight: bold;
padding: 4px 0px 4px 4px;
}
.normal:hover {
background-color: #f4dcca;
border-bottom: 1px solid #ff9900;
border-right: 5px solid #ff9900;
color: #ff9900;
font-size: 11px;
font-weight: bold;
padding: 4px 0px 4px 4px;
}
</style>
</head>
<body>
<div class=mende><script> document.write('<script src=menude.html><\/script>'); </script></div>
</body>
</html>
Das Menü:
Code:
document.write('<table width="150" cellspacing="0" cellpadding="0" border="0">');
document.write('<tr><td class="menue">');
document.write('<div class="rubrik">Navigation</div>');
document.write('[url=index.html]Homepage[/url]');
document.write('[url=index.html]andere Seiten[/url]');
document.write('[url=index.html]andere Seiten[/url]');
document.write('[url=index.html]andere Seiten[/url]');
document.write('[url=index.html]andere Seiten[/url]');
document.write('<div class="rubrik">Subrubrik</div> ');
document.write('[url=index.html]andere Seiten[/url]');
document.write('[url=index.html]andere Seiten[/url]');
document.write('[url=index.html]andere Seiten[/url]');
document.write('[url=index.html]andere Seiten[/url]');
document.write('[url=index.html]andere Seiten[/url]');
document.write('[url=index.html]andere Seiten[/url]');
document.write('</td></tr></table>');
So schaut es aus:
http://www.inspire-world.de/boarduploads/cssmenue.gif
Cu Helmut