Καλημέρα.
Έχω ένα πρόβλημα με την CSS.
Έχω την είκονα(home), όταν πάω το ποντίκι επάνω στην εικόνα, το sprite λειτουργεί και δείχνει την είκονα(hover), μόνο που την κατεβάζει πιο κάτω.
Δηλαδή η πρώτη εικόνα(normal) έχει 25px ύψος. Η άλλη εικόνα(hover) έχει height 50px(γιατί είναι κουτί με τα γράμματα στο κέντρο του). Δεν θέλω να στοιχίζει την normal με την hover. Θέλω η hover να είναι πιο ψήλα, όπως στην εικόνα.
Δηλαδή αν μην είναι στην ίδια στοίχηση η κορυφή της 1ης εικόνας με την κορυφή της 2ης εικόνας.
Να μήν έχουν ίδια στοίχηση η κορυφές -> ____——
Έχω αυτό
[img]http://i43.tinypic.com/10oqgyo.png[/img]
αλλά θέλω να το κάνω έτσι όταν θα πηγαίνω το ποντίκι επάνω
[img]http://i42.tinypic.com/2hgfx3s.png[/img]
|
Κοίταξε μια πρόχειρη λύση είναι να κάνεις και την πρώτη εικόνα να έχει το ίδιο ύψος με άσπρο φόντο για να μην φαίνεται ότι έχει κάτι από πίσω και μόλις γίνεται hover να φορτώνει την επόμενη εικόνα όπου θα έχει το μαύρο φόντο.
Αν θες περισσότερο προγραμματιστική απάντηση στείλε μας το κώδικα που χρησιμοποιείς..
για να δούμε τις επεμβάσεις που μπορεί να κάνουμε.
|
Στείλε μας τον κώδικα που έχεις τώρα να σου πούμε τι μπορείς να αλλάξεις.
|