מצאתי קוד שיכול להתאים לי הבעיה שיש בעיה עם כך שהקוד חלקו כscript תוכלו להציע לי אופציה בcss & html שתוכל להחליף את הקוד הבא:
קוד: בחר הכל
<html>
<head>
<title>א"ב בבנית אתרים</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-8">
<script> <!--
buttons = new Array();
//================== EDITABLE VARIABLES =================
totalWidth = 500; // The limit for the size of all the buttons' width add up together
buttonHeight = 25; // The height of each button.
// Colors, can either use RGB hex code or simply name the color such as "white" or "red", etc.
buttonColorDark = "#000050"; // The color used for the darker section of the buttons (for 3D effect)
buttonColorLight = "#0099FF"; // The color used for the lighter section of the buttons (for 3D effect)
buttonBgColor = "#33CCFF"; // The background color of the button
fontColor = "#FFFFFF" // The color of the text used in the buttons
// Button implementation format:
// buttons[x] = new Button("Title", "URL", "Size of Button Normal, "Size of Button MouseOver");
buttons[0] = new Button("liora's palce", "http:\\www.geocities.com/Paris/Jardin/8783", 5, 2);
buttons[1] = new Button("Roi's homepage", "http:\\roich.homepage.com", 5, 2);
buttons[2] = new Button("Zakai Site building", "http://www.zakai.com/", 5, 2);
buttons[3] = new Button("Infoseek", "http://www.infoseek.com/", 5, 2);
//=============== DO NOT EDIT CODES BELOW THIS LINE ==============
function Button(title, link, borderBefore, borderAfter) {
this.title = title;
this.link = link;
this.borderBefore = borderBefore;
this.borderAfter = borderAfter;
}
function putButtonsHere() {
document.write('<div align="center">');
document.write('<table width="' + totalWidth + '" border="0" cellpadding="0" cellspacing="0">');
document.write('<tr>');
for (var i = 0; i < buttons.length; i++) {
document.write('<td>');
document.write('<a href="#" onmouseover="buttonlinks' + i + '.border=' + buttons[i].borderAfter + '" onmouseout="buttonlinks' + i + '.border=' + buttons[i].borderBefore + '">');
document.write('<table id=buttonlinks' + i + ' bgcolor="' + buttonBgColor + '" border="' + buttons[i].borderBefore + '" bordercolordark="'+ buttonColorDark + '" bordercolorlight="' + buttonColorLight + '" width=' + (totalWidth/buttons.length) + 'height=' + buttonHeight + '>');
document.write('<tr><td>');
document.write('<a class="TButton" href="' + buttons[i].link + '">' + buttons[i].title + '</a></font>');
document.write('</td></tr>');
document.write('</table>');
document.write('</a>');
document.write('</td>');
}
document.write('</tr>');
document.write('</table>');
document.write('</div>');
}
document.writeln('<STYLE TYPE=\"text\/css\">')
document.writeln('A.TButton {color:' + fontColor + '}');
document.writeln('<\/STYLE>')
//-->
</script>
<link rel="stylesheet" href="../../liora.css">
</head>
<body >
<table width="80%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="#ece8cf" bordercolor="#666666" class="bord2">
<tr>
<td align="left">
<SCRIPT>putButtonsHere()</SCRIPT>
</td>
<tr>
<td align="left"> </td>
</table>
</body>
</html>