olokliro to keli (cell) ena link

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
metalized
Δημοσιεύσεις: 119
Εγγραφή: 29 Αύγ 2005 11:03

olokliro to keli (cell) ena link

Δημοσίευση από metalized » 26 Σεπ 2005 23:07

Loipon, katarxas kalispera!

Tha ithela na rwtisw osoys xenerwsan apo ta xthesinovrathina panigiria to exis:
pws ginetai na einai se ena keli toy table link?

px. exw ton exis kwthika:

Κώδικας: Επιλογή όλων

<table width="1024" border="0" cellpading="0" cellspacing="0">
        <tr>
           <td class="logo"><a href="/" target="_self"><img src="/images/tn_logo_empty.gif" border="0" /></a></td>
        <td></td>
        <td></td></tr>
</table>
me stylesheet gia to sigekrimeno keli klasis "logo":

Κώδικας: Επιλογή όλων

td.logo &#123; background-image&#58; url&#40;"/images/tn_logo.gif"&#41;; width&#58; 380px; height&#58; 98px;&#125;
td.logo&#58;hover &#123; background-image&#58; url&#40;"/images/tn_logo2.gif"&#41;; width&#58; 380px; height&#58; 98px; &#125;
an paratirisate exw valei mia eikona sto keli poy einai link sti selitha poy thelw.
<img src="/images/tn_logo_empty.gif" border="0" />

I eikona einai ena atheio entelws transparent gif arxeio poy apla paizei to rolo toy link.

(0)I apori(es)a einai:
1. pws mporw na parakampsw tin eikona ayti kai na exw olokliro to keli na othigei me link ekei poy thelw?
2. Iparxrei kapoios kaliteros tropos na ginei i enallagi eikonas xwris na epivarinei to site? (xerw oti me javascript ginetai, alla an stylesheets mporoyn na to kanoyn ayto, nomizw oti einai kalitero.)

Eyxaristw ek twn proterwn.

Άβαταρ μέλους
iffor
Δημοσιεύσεις: 778
Εγγραφή: 14 Μάιος 2005 01:19
Τοποθεσία: Παράδεισος
Επικοινωνία:

olokliro to keli (cell) ena link

Δημοσίευση από iffor » 26 Σεπ 2005 23:42

Δές εδώ (www.apptools.com)
Πιστεύω κάνει αυτό που θέλεις!

Άβαταρ μέλους
metalized
Δημοσιεύσεις: 119
Εγγραφή: 29 Αύγ 2005 11:03

olokliro to keli (cell) ena link

Δημοσίευση από metalized » 27 Σεπ 2005 01:02

thx gia ti grigori apantisi.

en meri linei to provlima, alla pali prepei na exw periexomena sto keli.

thelw keli xwris periexomena, poy na einai link. thilathi olokliro to keli na einai link xwris na xreiazetai na exei tipota san periexomeno. To keli na einai kai link.

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

olokliro to keli (cell) ena link

Δημοσίευση από skeftomilos » 27 Σεπ 2005 05:53

Νομίζω ότι είναι εκτός δυνατοτήτων των CSS, τα οποία υπάρχουν για εμφάνιση-μορφοποίηση-στυλ και όχι για περιεχόμενο. Και απ' ό,τι φαίνεται τα links θεωρούνται περιεχόμενο. Με JavaScript θα ήταν δυνατό να δημιουργηθούν όλα αυτά τα images και τα links με δυναμικό-αυτόματο τρόπο, ώστε να μην είναι ανάγκη να υπάρχει όλος αυτός ο HTML κώδικας στη σελίδα. Υποθέτω ότι τα table-cells θα είναι αρκετά, διαφορετικά δε θα έμπαινες στον κόπο να αναζητάς εναλλακτικές λύσεις! :)
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
Expl0it
Honorary Member
Δημοσιεύσεις: 2364
Εγγραφή: 25 Αύγ 2003 23:24
Τοποθεσία: home/sweet/home

olokliro to keli (cell) ena link

Δημοσίευση από Expl0it » 27 Σεπ 2005 17:50

Για δοκίμασε το εξής ... φτιάξε στο css σου τα style

Κώδικας: Επιλογή όλων

.logo &#123; background-image&#58; url&#40;"/images/tn_logo.gif"&#41;;&#125; 
.logohover &#123; background-image&#58; url&#40;"/images/tn_logo2.gif"&#41;;&#125;
Και μετά μέσα στο κελί που θέλεις να κάνει το Link βάλε τον κώδικα :

Κώδικας: Επιλογή όλων

<tr>
<td height="20" class="logo'" onClick="javascript&#58;document.location='link'" onMouseOver="this.className='logohover'" onMouseOut="this.className='logo'">Εδώ το περιεχόμενο του κελιού</td>
</tr>
Και για να βγάζει και το χεράκι του link όταν πάς πάνω στο κελί μπορείς να βάλει στο style του over το cursor:hand; και cursor:pointer; για να παίζει και σε Internet Explorer και σε FireFox
LET THE C0DER IN YOUR LIFE
Fatal Error: Unable to read 3555 bytes in /root/head/brain/task.php on line 0

Εικόνα

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης