Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Border dla obrazka po najechaniu
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
kamil881
Witam,
Mam na stronie taki kod:

Cytat
<?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:

Cytat
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ć. tongue.gif 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 smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.