^{14.02.2014. u 10:09 - pre 124 meseci}

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.

Pozdrav,
Goca

Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
82.208.218.*

Sajt: www.astrosport07.webs.com

+4 Profil

Re: stanes na link - pojavi se slika?!

^{17.02.2014. u 08:56 - pre 124 meseci}

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>

Pozdrav,
Goca

Odgovor na temu