Ik zou graag een dropdown menu aan mijn htm/html website willen toevoegen maar dit lukt mij niet.
Kan iemand mij hier mee helpen?
Bij deze dan ook mijn index.htm + styles.css
Ik hoor/zie graag jullie reacties.
Alvast bedankt,
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;">
<SCRIPT language=JavaScript>
function makeArray() {for (i = 0; i<makeArray.arguments.length; i++)this[i] = makeArray.arguments[i];}
function getFullYear(d) {
var y = d.getYear();
if (y < 1000) {y += 1900};
return y;}
//var zone = "EDT";
var days = new makeArray("Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag");
var months = new makeArray("Januari","Februari","Maart","April","Mei","Juni","July","Augustus","September","Oktober","November","December");
function format_time(t) {
var Day = t.getDay();
var Date = t.getDate();
var Month = t.getMonth();
var Year = t.getFullYear();
timeString = "";
timeString += days[Day];
timeString += ", ";
timeString += " ";
timeString += Date;
timeString += " ";
timeString += months[Month];
timeString += ", ";
timeString += " ";
timeString += Year;
return timeString;}
</SCRIPT>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr><td height="180" valign="top" background="images/headerfill.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr><td valign="middle" align="center" width="100%"><img name="companyname" src="images/companyname.png" width="1000" height="140" border="0"></td></tr></table></td></tr>
<tr>
<td height="18" valign="middle" bgcolor="#08088A" class="menutext" nowrap>
<a href="index.htm" class="menutext">Home</a> |
<a href="algemenevoorwaarden.htm" class="menutext">Algemene voorwaarden</a> |
<a href="ontwerpen.htm" class="menutext">Ontwerpen</a> |
<a href="tarieven.htm" class="menutext">Tarieven</a> |
<a href="onderhoud.htm" class="menutext">Onderhoud</a> |
<a href="overons.htm" class="menutext">Over ons</a> |
<a href="links.htm" class="menutext">Links</a> |
<a href="offerte.php" class="menutext">Offerte aanvragen</a> |
<a href="contact.htm" class="menutext">Contact</a> </td></tr>
<tr>
<td height="22">
<table width="100%" border="0" cellspacing="0" cellpadding="5" height="100%">
<tr><td valign="middle" align="right" class="title">
<script language=JavaScript><!--d = new Date();document.write(format_time(d));// --></script></td></tr></table></td></tr>
<tr><td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="25" height="100%">
<tr><td valign="top" class="text" height="355">
<p><span class="title">Welkom bij</span> </p>
<p class="text"> tekst.<br>
<br><br> <span class="subtitle">subtitle </span>
<li class="bullet">1</li>
<li class="bullet">2</li>
<li class="bullet">3</li>
<li class="bullet">4</li>
<li class="bullet">5</li></ul>
<br>
</html>
.title
{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #49452C}
.subtitle
{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #7C7449}
.bullet
{list-style-image: url(images/bullet.jpg)}
.text
{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 19px}
a:hover
{color: #BD4802;
text-decoration: none}
.footer
{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: normal;
color: #FFFFFF;
font-weight: normal;
text-decoration: none}
.menutext
{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none}
.menutext:hover
{color: #DAD6C0;
text-decoration: none}
a
{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5A2301;
text-decoration: underline}
