stanes na link - pojavi se slika?!

[ fensi88 @ 14.02.2014. 10:09 ] @

Moze li neko da mi napise sta treba da napisem u <head> a sta u <body> da bih dobila sledece: naime ja imam tabelu sa naslovima/linkovima a volela bih da kad neko stane na taj link da se pojavi ovako mala slika iz tog clanka bas kao sto se vidi na ovim slikama...

ja u <head> imam:

Code:

table.gocab
{
font-family: sans-serif;;
    font-size:16px;
    color:white;
    border-width: 2px;
    border-color: white;
    border-style: solid;
                width:900px;
    margin:auto;margin-top:40px;
    margin-bottom:20px;
    font-weight: bold;

}
table.gocab th {
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: white;
    background-color: green;
    font-style:italic;
    font-family: sans-serif;;
    font-size:16px;
    color:white;text-align:center;
                margin-top:20px;

}
table.gocab td {
    border-width: 1px;
    padding: 4px;
                width:450px;
    border-style: solid;
    border-color:white;
    background-color: green;
    text-align:left;font-size:16px;color:white;font-weight:bold;

}

<body>

Code:

<table class="gocab">

<tr>
<td><a href="chelseaCLpass.html" >Will Chelsea pass group in the Champions League?</a></td>
<td><a href="ao2013.html" >Australian Open 2013: Will Novak Djokovic win the Australian Open again?</a></td>
</tr>
</table>

Slika koja treba umanjena da se pojavi kad se stane na "Will Chelsea pass group in the Champions League?" ima code

Code:
<img class="img" src="chelseanord.jpg" width="350" height="197" title="Chelsea out of Champions League!" />

a kad se stane na "Australian Open 2013: Will Novak Djokovic win the Australian Open again?" treba da se pojavi umanjena slika koja ima ovaj code:

Code:
<img class="img" src="ndj2013r2p.jpg" title="Novak Djokovic" width="250" height="278" />

Samo da naglasim da pored slike ne treba ponovo da pise naslov clanka.

Hvala puno na pomoci, ovo je za mene mnogo komplikovano.

[ fensi88 @ 17.02.2014. 08:56 ] @

Na jednom stranom forumu dobila sam sledeci odgovor i sto je najvaznije radi!! Mozda ce nekom trebati, bas kao i meni...

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Appears on hover - td</title>

    <style type="text/css">
*, *:before, *:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
table.gocab {
    font-family: sans-serif;;
    font-size:16px;
    color:white;
    border-width:2px;
    border-color:white;
    border-style:solid;
    width:600px;
    margin:auto;
    margin-top:40px;
    margin-bottom:20px;
    font-weight:bold;
}
.gocab th {
    border-width:1px;
    padding:4px;
    border-style:solid;
    border-color:white;
    background-color:green;
    font-style:italic;
    font-family:sans-serif;
    font-size:16px;
    color:white;
    text-align:center;
    margin-top:20px;
}
.gocab td {
    border-width:1px;
    border-style:solid;
    border-color:white;
    background-color:#0f0;
    text-align:left;
    font-size:16px;
    color:white;
    font-weight:bold;
}
.gocab img {
    display:none;
    position:absolute;
    background-color:#ddd;   /* missing image background color.  DELETE if not needed. */
    margin-left:325px;
    margin-top:1.25em;
}
.gocab td:hover img {
    display:inline-block;
}
.gocab a {
    display:inline-block;
    padding:4px;
}
.gocab a:link,
.gocab a:visited {color:blue;text-decoration:none;}
.gocab td:hover a {text-decoration:underline;}
.gocab td:active a {color:red;}

    </style>
</head>
<body>

<table class="gocab">
    <tr>
        <td><a href="chelseaCLpass.html"><img class="img" src="chelseanord.jpg" alt="" width="350" height="197" title="Chelsea out of Champions League!" />Will Chelsea pass group in the Champions League?</a></td>
    </tr>
    <tr>
        <td><a href="ao2013.html"><img class="img" src="ndj2013r2p.jpg" alt="" title="Novak Djokovic" width="250" height="278" />Australian Open 2013: Will Novak Djokovic win the Australian Open again?</a></td>
    </tr>
</table>

</body>
</html>