Border dla obrazka po najechaniu Opcje

[kamil881]

Witam,
Mam na stronie taki kod:

<?php

function random_photo($i){
$katalog[1] = 'thumb/plcs/';
$katalog[2] = 'thumb/plcs/';
$katalog[3] = 'thumb/plcs/';
$katalog[4] = 'thumb/plcs/';
$katalog[5] = 'thumb/plcs/';
$katalog[6] = 'thumb/plcs/';

$n = 0;
if(is_dir("$katalog[$i]")){
$d = opendir("$katalog[$i]");
while($plik = readdir($d)){
if(stristr($plik, '.jpg') or stristr($plik, '.jpeg') or stristr($plik, '.gif')){
$n++;
$losowe_zdjecie[$n] = "$plik";
}
}
closedir($d);

if(!empty($losowe_zdjecie)){
$losowa_pozycja = array_rand($losowe_zdjecie);
return "<img src=\"$katalog[$i]/$losowe_zdjecie[$losowa_pozycja]\" width=\"100px;\">";
}
else{
return 'Brak zdjęć';
}
}
else{
return "Błędna ścieżka.";
}
}

echo "<p align=\"center\">
<table cellspacing=\"20\" cellpadding=\"0\" border=\"0\">
<tr>
<td border=\"0\"><a href=\"gallery.php?lang=pl\" title=\"Miejsca\">".random_photo(1)."</a><br />Miejsca</td>
<td border=\"0\"><a href=\"gallery.php?lang=pl\" title=\"Miejsca\">".random_photo(2)."</a><br />Ludzie</td>
<td border=\"0\"><a href=\"gallery.php?lang=pl\" title=\"Miejsca\">".random_photo(3)."</a><br />Samochody</td>

<td border=\"0\"><a href=\"gallery.php?lang=pl\" title=\"Miejsca\">".random_photo(4)."</a><br />Fine art</td>
<td border=\"0\"><a href=\"gallery.php?lang=pl\" title=\"Miejsca\">".random_photo(5)."</a><br />Architektura</td>
<td border=\"0\"><a href=\"gallery.php?lang=pl\" title=\"Miejsca\">".random_photo(6)."</a><br />Śluby</td>
</tr>
</table></p>";

?>

Chciałbym zrobić tak, że po najechaniu na obrazek zrobi się wokół niego border. Próbowałem klasami w css etc. , ale nie wyszło.
Proszę o pomoc.

Kamil

[piotrooo89]

pokaż jak próbowałeś z css.

[kamil881]

Dodałem do linku klasę i w css:

a.klasa {
border: 0;
}

a.klasa:hover {
border: 3px;
border-color: #000000;
}

[wookieb]

Kod

a.klasa img
{
border: 0px;
}
a.klasa:hover img
{
border: 3px solid red;
}

[erix]

Ale to przecież będzie beznadziejnie wyglądać. Będzie skakać.

Kod

a.klasa img
{
border: 0px;
margin: 3px;
}
a.klasa:hover img
{
border: 3px solid red;
margin: 0;
}

[kamil881]

Dzięki o to mi chodziło.

Wesołych Świąt