Salve,
Probabilmente sarà un problema conosciuto da tutti, ma anche facendo ricerche nel forum, non ho trovato nulla.
Guardate questa pagina:
http://www.mu-design.it/
apritela prima con opera (o firefox, dovrebbe andare anche li) e poi con explorer.
focalizzatevi sulla manina. Con opera, ruota e fa l'animazione (è una semplice animGIF) al passaggio del mouse. Con IE, salta tutti i frame e aggiunge una sottolineatura. Sto impazzendo, ho fatto validare le pagine in tutte le maniere, il codice è perfetto, ma explorer non lo digerisce, c'è chiaramente un bug, ma non so se in IE o nella mia testa
Ecco qui di seguito tutto il codice della pagina, chi mi illumina e mi da una spiegazione semplice, da copiaincolla...
---------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type"> <title>Mù Design</title><style
type="text/css">
A:link, A:visited { text-decoration: none }
A:hover { text-decoration: underline }
</style>
<script type="text/javascript">
// The next line hides the script from old browsers that cant interpret it
<!-- // Assuming the image of the up-buttons are called "button1a.gif", "button2a.gif" etc.
// And that the image of the down-button is called "button1b.gif", "button2b.gif" etc.
// We can now read these images into variables called button1up and button1down, button2up and button2down etc..
button1up = new Image; button1up.src = "html/ita/png/button2.png";
button1down = new Image; button1down.src = "html/ita/gif/buttonmov.gif";
button2up = new Image; button2up.src = "html/ita/png/button2.png";
button2down = new Image; button2down.src = "html/ita/gif/buttonmov.gif";
button3up = new Image; button3up.src = "html/ita/png/button2.png";
button3down = new Image; button3down.src = "html/ita/gif/buttonmov.gif";
button4up = new Image; button4up.src = "html/ita/png/button2.png";
button4down = new Image; button4down.src = "html/ita/gif/buttonmov.gif";
// Now the images are defined, and stored in the variables button1up and button1down etc.
// Next step is the two functions needed.
// The first function is called MouseOverRoutine, and causes button1up to shift to button1down etc.
function MouseOverRoutine(ButtonName)
{
if (ButtonName=="button1") {document.button1.src = button1down.src;}
if (ButtonName=="button2") {document.button2.src = button2down.src;}
if (ButtonName=="button3") {document.button3.src = button3down.src;}
if (ButtonName=="button4") {document.button4.src = button4down.src;}
}
// Now our button will shift from button1up to button1down when a mouseover-event occurs.
// To complete the script all we need to do is make the inverse function,
// making the butto1down shift to button1up when a mouseout-event occurs.
function MouseOutRoutine(ButtonName)
{
if (ButtonName=="button1") {document.button1.src = button1up.src;}
if (ButtonName=="button2") {document.button2.src = button2up.src;}
if (ButtonName=="button3") {document.button3.src = button3up.src;}
if (ButtonName=="button4") {document.button4.src = button4up.src;}
}
// Thats all there is. The final step is ending the script-part which is done by two lines:
//-->
// The line above causes oldfashion browsers to start interpreting the code again.
</script></head>
<body link="black" vlink="white"><table
style="background-color: rgb(255, 102, 0); width: 950px; height: 600px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0"> <tbody>
<tr> <td
style="white-space: nowrap; height: 100%; width: 100%; text-align: left; vertical-align: top;">
<table
style="width: 950px; height: 120px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0"> <tbody>
<tr> <td
style="height: 16px; width: 100%; background-color: rgb(255, 102, 0);"></td>
</tr> <tr> <td
style="height: 100%; width: 100%; text-align: center; vertical-align: middle;">[img]html/ita/png/header.png[/img]</td>
</tr> </tbody> </table> <table
style="width: 950px; height: 400px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0"> <tbody>
<tr> <td style="text-align: center; vertical-align: middle;">
<table
style="width: 400px; height: 64px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0"> <tbody>
<tr> <td style="text-align: center;"> [img]button2.png[/img]
</td> <td
style="width: 16px;"></td> <td><a
href="html/ita/index.html"><big><big><big><span
style="font-family: Kabel Bk BT;">italiano</span></big></big></big></a></td>
<td style="width: 100px;"></td> <td>[img]html/ita/png/button2.png[/img]</td> <td
style="width: 16px;"></td> <td><a
href="html/eng/index.html"><big><big><big><span
style="font-family: Kabel Bk BT;">english</span></big></big></big></a></td>
</tr> </tbody> </table> </td> </tr> </tbody>
</table> <table
style="background-color: rgb(255, 255, 255); width: 950px; height: 16px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0"> <tbody>
<tr> <th></th> </tr> </tbody> </table>
<table
style="background-color: rgb(255, 255, 255); width: 950px; height: 16px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0"> <tbody>
<tr> <td
style="text-align: right; background-color: rgb(255, 102, 0);"><span
style="font-family: Kabel Bk BT;"><small><small>MrEHQE</small></small>
<small><small>2007</small></small></span></td>
</tr> </tbody> </table> </td> </tr> </tbody>
</table><table
style="width: 960px; height: 16px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0"> <tbody>
<tr> <td style="height: 16px;"></td> <td></td>
<td></td> </tr> <tr> <td
style="text-align: right; vertical-align: top;"><small><span
style="font-family: Kabel Bk BT;">sito conforme a specifiche
w3c 4.01: risoluzione minima consigliata: 1024x768, famiglia di
caratteri kabel</span></small></td>
<td style="width: 16px;"></td> <td
style="text-align: center; vertical-align: middle; height: 16px; width: 46px;"></td> </tr>
</tbody>
</table>
<span style="font-family: Kabel Bk BT;"></span></p>
<span style="font-family: Kabel Bk BT;"></span></p>
</p>
</body></html>
------------------------------------------------
Rispondi quotando
