onmouseover ή hover κατάσταση

[Gplayer]

καλησπέρα

ερώτησις: Πως μπορώ έχοντας ένα div (πχ width:20px; height:20px) κανοντας hover ή onmouseover να μεγενθύνεται (πχ width:100px height:100px) [ως εδώ μπορώ να το κάνω και εγώ]

αλλά με το νέο div να περιέχει και άλλα στοιχεία (πχ tables, φωτογραφίες, άλλα divs κοκ)?

Αν είναι δυνατόν μόνο με χρηση html, css ή άντε και javascript;

ευχαριστώ προκαταβολικά

[Atilas]

Δηλαδή θες να μεγενθύνοντε και τα περιεχόμενα του div ?

[Gplayer]

Δηλαδή θες να μεγενθύνοντε και τα περιεχόμενα του div ?

πω έχες ένα απλό div χωρίς κανένα στοιχείο μέσα και οταν κάνεις hover ή onmouseover ή onclick να έχεις το παρακάτω αποτέλεσμα

[Atilas]

Έφτιαξα ένα πρόχειρο σύμφωνα με αυτό που ζήτησες. Χρειάζεσαι μόνο CSS και html. Ωστόσο είναι αρκετά πρόχειρο, αν θες να το χρησιμοποιήσεις ίσως χρειαστεί να του κάνεις κάποιες αλλαγές. Επιπλέον, αν θες παραπάνω πράγματα και ίσως κάποια εφέ κοίταξε σε CSS3 καθώς με λίγες αλλαγές μπορείς να πετύχεις ένα ικανοποιητικό αποτέλεσμα. Πάρε την βασική ιδέα και μετά δούλεψε πάνω σε αυτό. Τέλος, να τονίσω πως αυτό θα φορτώνει τα στοιχεία από την αρχή της ιστοσελίδας και όχι όταν εσύ πηγαίνεις πάνω στο κουτί το ποντίκι σου, αν θες να πετύχεις κάτι τέτοιο τότε νομίζω πως θα πρέπει να χρησιμοποιήσεις javascript.

Στο παρακάτω link θα βρεις τον κώδικα και το αποτέλεσμα.
link

[Gplayer]

Έφτιαξα ένα πρόχειρο σύμφωνα με αυτό που ζήτησες. Χρειάζεσαι μόνο CSS και html. Ωστόσο είναι αρκετά πρόχειρο, αν θες να το χρησιμοποιήσεις ίσως χρειαστεί να του κάνεις κάποιες αλλαγές. Επιπλέον, αν θες παραπάνω πράγματα και ίσως κάποια εφέ κοίταξε σε CSS3 καθώς με λίγες αλλαγές μπορείς να πετύχεις ένα ικανοποιητικό αποτέλεσμα. Πάρε την βασική ιδέα και μετά δούλεψε πάνω σε αυτό. Τέλος, να τονίσω πως αυτό θα φορτώνει τα στοιχεία από την αρχή της ιστοσελίδας και όχι όταν εσύ πηγαίνεις πάνω στο κουτί το ποντίκι σου, αν θες να πετύχεις κάτι τέτοιο τότε νομίζω πως θα πρέπει να χρησιμοποιήσεις javascript.

Στο παρακάτω link θα βρεις τον κώδικα και το αποτέλεσμα.
link

Σε ευχαριστώ πολύ παιχταρά μου

[Gplayer]

Έφτιαξα ένα πρόχειρο σύμφωνα με αυτό που ζήτησες. Χρειάζεσαι μόνο CSS και html. Ωστόσο είναι αρκετά πρόχειρο, αν θες να το χρησιμοποιήσεις ίσως χρειαστεί να του κάνεις κάποιες αλλαγές. Επιπλέον, αν θες παραπάνω πράγματα και ίσως κάποια εφέ κοίταξε σε CSS3 καθώς με λίγες αλλαγές μπορείς να πετύχεις ένα ικανοποιητικό αποτέλεσμα. Πάρε την βασική ιδέα και μετά δούλεψε πάνω σε αυτό. Τέλος, να τονίσω πως αυτό θα φορτώνει τα στοιχεία από την αρχή της ιστοσελίδας και όχι όταν εσύ πηγαίνεις πάνω στο κουτί το ποντίκι σου, αν θες να πετύχεις κάτι τέτοιο τότε νομίζω πως θα πρέπει να χρησιμοποιήσεις javascript.

Στο παρακάτω link θα βρεις τον κώδικα και το αποτέλεσμα.
link

ερώτησις

γιατί το onmouseover λειτουργεί σε όποιο σημείο της οθόνης είναι στο ίδιο ύψος με το κουτί
έκανα δεξί κλικ για να φανεί που ήταν ο κέρσορας. Παρόλο το ότι είναι αρκετά αριστερά του κουτιού, το onmouseover λειτουργεί

[WAntilles]

ερώτησις

γιατί το onmouseover λειτουργεί σε όποιο σημείο της οθόνης είναι στο ίδιο ύψος με το κουτί
έκανα δεξί κλικ για να φανεί που ήταν ο κέρσορας. Παρόλο το ότι είναι αρκετά αριστερά του κουτιού, το onmouseover λειτουργεί

Ο κέρσορας δεν είναι εκεί που νομίζεις.

Ο κέρσορας είναι πολύ σωστά εκεί που έπρεπε να είναι, στην πάνω-αριστερή γωνία του πλαισίου σου.

Όπως είναι πάντα στην πάνω-αριστερή γωνία του μενού που βγαίνει με ένα δεξί κλικ.

Εδώ έπεσες στην εξαίρεση που δεν θα εμφανίσει το μενού με βάση την πάνω-αριστερή γωνία, αν μία τουλάχιστο διάστασή του δεν χωράει μέχρι το πέρας της οθόνης.

[Atilas]

ερώτησις

γιατί το onmouseover λειτουργεί σε όποιο σημείο της οθόνης είναι στο ίδιο ύψος με το κουτί
έκανα δεξί κλικ για να φανεί που ήταν ο κέρσορας. Παρόλο το ότι είναι αρκετά αριστερά του κουτιού, το onmouseover λειτουργεί

Αυτό γίνεται γιατί το hover το έχω βάλει στο container, έτσι όπως είναι αυτή την στιγμή το html το container απλά πιάνει αυτόματα όλο τον χώρο που μπορεί. Άμα βάλεις ένα border στο container class τότε θα το καταλάβεις καλύτερα. Μπορείς να του βάλεις συγκεκριμένο πλάτος σε περίπτωση που το χρησιμοποιήσεις και δεν έχεις το αποτέλεσμα που θες.

Δες εδώ

[Gplayer]

Ο κέρσορας δεν είναι εκεί που νομίζεις.

Ο κέρσορας είναι πολύ σωστά εκεί που έπρεπε να είναι, στην πάνω-αριστερή γωνία του πλαισίου σου.

Όπως είναι πάντα στην πάνω-αριστερή γωνία του μενού που βγαίνει με ένα δεξί κλικ.

Εδώ έπεσες στην εξαίρεση που δεν θα εμφανίσει το μενού με βάση την πάνω-αριστερή γωνία, αν μία τουλάχιστο διάστασή του δεν χωράει μέχρι το πέρας της οθόνης.

πως θα γίνει το hover να λειτουργεί όταν ο κέρσορας είναι πάνω στο κουτί και όχι σε οποιοδήποτε σημείο που είναι στο ίδιο "ύψος" με το κουτί;

στις φωτο κάνε διπλό κλικ για να εμφανοστούν σωστά

[Gplayer]

Εντάξει λύθηκε το θεματάκι.

.container{position:absolute; left:Xpx; top:Xpx;} αντί για .container{position:relative;}

και όλα οκ