Salve a tutti,
avevo intenzione di fare un sito, per un progetto scolastico, che conteva varie informazioni. Avevo pensato a un sito che riunisse gli argomenti al centro della pagina( gli argomenti avevo pensato di farli con un tag div che poi faceva un link al sito che conteneva la sua informazione corrispondente)e quando passavo sopra il mouse i vari tag div si espandessero verso l'esterno. Per ora ho fatto questo codice ma non mi sposta l'immagine nel punto che voglio quando passo sopra il muose cosa sbaglio?
<html>
<head>
<script>
function mouseOver(img1){
img1.style.position="absolute";
img1.style.left="300";
img1.style.rigth="300";
function mouseOut(img1){
img1.style.position="absolute";
img1.style.left="575";
img1.style.rigth="575";
</script>
<link rel="stylesheet" type="text/css" href="CSS/stile.css" />
</head>
<body>
<div onmouseover="mouseOver(this)" onmouseout="mouseOut(this)">
[img]IMG/img1.jpg[/img]
</div>
</body>
<html>
Grazie in anticipo.
Ciao.