Hover to tables

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

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

Απάντηση
mazoulini
Δημοσιεύσεις: 144
Εγγραφή: 22 Φεβ 2008 23:40
Τοποθεσία: Crete
Επικοινωνία:

Hover to tables

Δημοσίευση από mazoulini » 05 Μαρ 2009 11:32

Γεια σας ξανά,
Έχω ένα table 1 γραμμή 2 στήλες.. background-color: white; πώς θα γράψω όταν περνάει απο πάνω το ποντίκι να γίνεται Μαύρο; τί πρέπει να γράψω Στο CSS??? Αν μπορείτε πείτε μου ακριβώς την σύνταξη με το hover και που πρέπει να ανοιξω το Div??
Ευχαριστωωω!!!!!! :)

Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

Hover to tables

Δημοσίευση από manolism » 05 Μαρ 2009 13:05

Για δες εδώ τον κώδικα και πως λειτουργεί.

Κάθε γραμμή έχει και διαφορετικό style στους πίνακες και μπορείς να το κάνεις download

http://icant.co.uk/csstablegallery/

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Hover to tables

Δημοσίευση από korgr » 05 Μαρ 2009 13:16

Στον ΙΕ6 δεν θα σου δουλεψει μαλλον η ανωτερω λυση. Περα απο αυτο την βρισκω αρκετα συνθετη (στον css κωδικα)
Εγω θα το εκανα με js που ειναι και cross-browser λυση:

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

<table onmouseover="this.style.backgroundColor='#000'" onmouseout="this.style.backgroundColor='#fff'">
<TR>
<TD>&nbsp;</TD>
</TR>
</table>

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

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

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