Corel FORUM Strona Główna Corel FORUM
Forum użytkowników programów firmy Corel. Grafika wektorowa, rastrowa i obróbka zdjęć cyfrowych

FAQFAQ  SzukajSzukaj  UżytkownicyUżytkownicy  GrupyGrupy
RejestracjaRejestracja  ZalogujZaloguj  DownloadDownload

Poprzedni temat «» Następny temat
wiersz tabeli jako link
Autor Wiadomość
Kate 
Praktyk


Pomogła: 1 raz
Wiek: 38
Dołączyła: 20 Paź 2007
Posty: 52
Skąd: ze wsi
Wysłany: 1 Kwiecień 2009, 17:44   wiersz tabeli jako link

Czy ktoś wie jak zrobić wiersz tabeli jako link bez użycia javascript?
 
 
 
ABu 
Doradca


Pomógł: 12 razy
Wiek: 44
Dołączył: 02 Paź 2007
Posty: 122
Skąd: Kędzierzyn-Koźle
Wysłany: 3 Kwiecień 2009, 22:55   

Ja bym to rozbił na kilka linków, wyglądałoby to jakoś tak:

<table>
<tr>
<td>wiersz 1 kolumna 1</td>
<td>wiersz 1 kolumna 2</td>
<td>wiersz 1 kolumna 3</td>
</tr>
<tr>
<td><a href="http://www.google.pl">wiersz 2 kolumna 1 jako link do google</a></td>
<td><a href="http://www.google.pl">wiersz 2 kolumna 2 jako link do google</a></td>
<td><a href="http://www.google.pl">wiersz 2 kolumna 3 jako link do google</a></td>
</tr>
<tr>
<td>wiersz 3 kolumna 1</td>
<td>wiersz 3 kolumna 2</td>
<td>wiersz 3 kolumna 3</td>
</tr>
</table>
 
 
 
Kate 
Praktyk


Pomogła: 1 raz
Wiek: 38
Dołączyła: 20 Paź 2007
Posty: 52
Skąd: ze wsi
Wysłany: 4 Kwiecień 2009, 13:58   

Jakieś to rozwiązanie jest ale, w takim przypadku klikalny będzie tylko tekst w komórkach a nie cała komórka.
 
 
 
ABu 
Doradca


Pomógł: 12 razy
Wiek: 44
Dołączył: 02 Paź 2007
Posty: 122
Skąd: Kędzierzyn-Koźle
Wysłany: 5 Kwiecień 2009, 00:17   

A tak może być?

<table border="1">
<tr>
<td>wiersz 1 kolumna 1</td>
<td>wiersz 1 kolumna 2</td>
<td>wiersz 1 kolumna 3</td>
</tr>
<tr>
<td><a href="http://www.google.pl"><div>google</div></a></td>
<td><a href="http://www.google.pl">google</a></td>
<td><a href="http://www.google.pl">google</a></td>
</tr>
<tr>
<td>wiersz 3 kolumna 1</td>
<td>wiersz 3 kolumna 2</td>
<td>wiersz 3 kolumna 3</td>
</tr>
</table>

Teraz jest cała komórka. Działa w IE, FF i Operze.
 
 
 
Kate 
Praktyk


Pomogła: 1 raz
Wiek: 38
Dołączyła: 20 Paź 2007
Posty: 52
Skąd: ze wsi
Wysłany: 5 Kwiecień 2009, 13:18   

Teraz to prawie idealnie, ale gdyby dodać tło i zmienianie jego koloru po najechaniu myszką, to tylko będzie zmieniać się jedna komórka. Ale ogólnie rozwiązanie jest ok. ...pozdrawiam;)
 
 
 
ABu 
Doradca


Pomógł: 12 razy
Wiek: 44
Dołączył: 02 Paź 2007
Posty: 122
Skąd: Kędzierzyn-Koźle
Wysłany: 6 Kwiecień 2009, 00:23   

<html>
<head>
<title>Tytul</title>
<style type="text/css">
tr.wiersz
{
background-color: #E0E0E0;
}
tr.wiersz:hover
{
background-color: #FFE0E0;
}
</style>

</head>
<body>
<table border="1">
<tr class="wiersz">
<td>wiersz 1 kolumna 1</td>
<td>wiersz 1 kolumna 2</td>
<td>wiersz 1 kolumna 3</td>
</tr>
<tr class="wiersz">
<td><a href="http://www.google.pl"><div>google</div></a></td>
<td><a href="http://www.google.pl">google</a></td>
<td><a href="http://www.google.pl">google</a></td>
</tr>
<tr class="wiersz">
<td>wiersz 3 kolumna 1</td>
<td>wiersz 3 kolumna 2</td>
<td>wiersz 3 kolumna 3</td>
</tr>
</table>
</body>
</html>

A teraz? Niestety, nie działa w IE, ale nad tym pomyślę jutro (tam będzie potrzebna nieco większa gimnastyka z css i html, ewentualnie zastosowanie JavaScript)
 
 
 
Kate 
Praktyk


Pomogła: 1 raz
Wiek: 38
Dołączyła: 20 Paź 2007
Posty: 52
Skąd: ze wsi
Wysłany: 7 Kwiecień 2009, 10:28   

A ja się męczyłam przez pół dnia żeby coś wymyślić, a tu okazuje się że nie jest to aż tak skomplikowane, no jeszcze jak zadziała pod IE to będzie świetnie;)
 
 
 
salza 
Początkujący
salza


Wiek: 39
Dołączył: 28 Paź 2009
Posty: 1
Skąd: warszawa
Wysłany: 29 Październik 2009, 00:05   

Kate napisał/a:
A ja się męczyłam przez pół dnia żeby coś wymyślić, a tu okazuje się że nie jest to aż tak skomplikowane, no jeszcze jak zadziała pod IE to będzie świetnie;)


a czemu tak się bronisz przed javascript?

wszystko zalatwiasz onmouseOver i onmouseOut

rozwiązanie ze stylami jak napisalem kolega wyżej nie działa na każdej przeglądarce, a js na każdej
 
 
Kate 
Praktyk


Pomogła: 1 raz
Wiek: 38
Dołączyła: 20 Paź 2007
Posty: 52
Skąd: ze wsi
Wysłany: 29 Październik 2009, 22:04   

Już teraz nie bronię się przed javascript. Ale czasami jestem ciekawa czy można coś zrobić w inny sposób.
 
 
 
Sk14d0wy
Początkujący


Dołączył: 22 Lis 2009
Posty: 1
Skąd: Wioska Duża
Wysłany: 22 Listopad 2009, 11:34   

witam,
mam ten sam proble,
powyższy sposób nie działa u mnie. :cry:

oto czesc kodu css do linkow,
Kod:

a
 {
  text-decoration: none; }
  :active {color: #b10616; }
  :link {color: #b10616; }
  :visited {color: #b10616; }
  :hover { color: black; background-color: #70421d; }
  display: block;
 }

wstawialem width and height, robilem oddzielnie a.hover a:hover td.link:hover. albo inne rzeczy i wychodza 2 rzeczy zawsze.
1 to zmiana tła tylko za tekstem
2 niedziała
 
 
GangstaMike 
Bywalec


Dołączył: 31 Maj 2009
Posty: 40
Skąd: Polska
Wysłany: 25 Listopad 2009, 19:20   

Napisałem kod na chybcika wszystko znajduje się pomiędzy <body>, działa w IE. Czysty CSS i zero JS. :)

Kod:
<style type="text/css">
a {
display:block;
height:100px;
width:100px;
background-color:red;
}

a:hover {
    background-color:green;
}
</style>

<a href="">asd</a>
 
 
Immortal85 
Początkujący
Webmaster


Wiek: 39
Dołączył: 11 Gru 2009
Posty: 1
Skąd: Łodygowice
Wysłany: 11 Grudzień 2009, 12:49   

Czytając Wasze wypowiedzi do zadanego pytania mogę stwierdzić jedno: nie ma potrzeby używania Java Scripts - jest to dobre rozwiązanie, jednak w sytuacji kiedy możemy używać XHTML-a i CSS-a proponuję tego typu rozwiązanie działające pod FF I IE:

HTML

Kod:
<table class="nazwa" style="margin: 0px auto 0px auto; border: 1px solid #000000">
<tbody>
    <tr>
        <td><a href="index.php?main=jakislink">1</a></td>
        <td><a href="index.php?main=jakislink">2</a></td>
        <td><a href="index.php?main=jakislink">3</a></td>
        <td><a href="index.php?main=jakislink">4</a></td>
        <td><a href="index.php?main=jakislink">5</a></td>
    </tr>
</tbody>
</table>


CSS ZEWNĘTRZNY

Kod:

.nazwa td {
    width: 20px;
    text-align: center;
    border: 1px solid #DCD193;
}
.nazwa td a {
    display: block;
}
.nazwa td a:hover {
    background-color: #FF0000;
    font-weight: bold;
    color: #FFFFFF;
}


Pisałem szybko, więc może gdzieś się wkraść błąd, ale można sprawdzić działanie na www.strony-internetowe.vot.pl

Pozdrawiam
 
 
 
Artur Miernik 



Pomógł: 49 razy
Wiek: 51
Dołączył: 18 Lip 2010
Posty: 1608
Skąd: Starachowice
Wysłany: 10 Sierpień 2014, 23:44   

Wiersz, to proste. Nie bardzo wiem, jak zrobić, żeby kolumna tabeli była łączem. Da się za pomocą CSS3?
 
 
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB modified by Przemo © 2003 phpBB Group
Nowe zasady dotyczące cookies. Wykorzystujemy pliki cookies, aby nasz serwis lepiej spełniał Państwa oczekiwania. Można zablokować zapisywanie cookies, zmieniając ustawienia przeglądarki.
         
Strona wygenerowana w 0.09 sekundy. Zapytań do SQL: 13