bikey77 Δημοσ. 24 Ιουνίου 2011 Δημοσ. 24 Ιουνίου 2011 Θα ήθελα να δείτε αυτή τη σελίδα και να μου πείτε μου πως εμφανίζεται το div με την τιμή και τα links στο hover κάθε προϊόντος. http://www.linksoflondon.com/online-shop/women/rings Το κοιτάζω με το firebug αλλά δε βγάζω άκρη. Παίζει να είναι AJAX και όχι CSS;
Haldol Δημοσ. 24 Ιουνίου 2011 Δημοσ. 24 Ιουνίου 2011 Δεν είναι με σκέτο CSS. Δεν μπορείς να επηρεάσεις κάποιο element με βάση to hover state κάποιου άλλου. Αυτό το έκαναν με JavaScript.
bikey77 Δημοσ. 24 Ιουνίου 2011 Μέλος Δημοσ. 24 Ιουνίου 2011 Βλέπω ότι κάνουν χρήση jQuery, πως μπορούμε να δούμε πως ακριβώς το έχουν κάνει, έχεις κάποια ιδέα;
_tasos Δημοσ. 24 Ιουνίου 2011 Δημοσ. 24 Ιουνίου 2011 Στο συγκεκριμένο site όντως το έχουν κάνει με javascript. Γίνεται όμως και με css. Π.χ. > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> .product {width:269px; height:269px; border:solid 1px #CCCCCC; cursor:pointer;} .product .info {height:0px; position:relative; top:200px;display:none;} .product:hover .info {display:block;} < /style> </head> <body> <div class="product"> <div class="info">mpla,mpla</div> <div class="image"><img src="http://www.linksoflondon.com/dynamic/eshop/product_images/thumbnail_cache/269x269/14237-love-note-18ct-rose-gold-ring-image-1.jpg"</div> </div> </body> </html>
bikey77 Δημοσ. 24 Ιουνίου 2011 Μέλος Δημοσ. 24 Ιουνίου 2011 Τάσο σ' ευχαριστώ πολύ, δεν ήξερα πως να συντάξω τον κανόνα css και τελικά είναι τόσο απλό... Να σαι καλά.
Προτεινόμενες αναρτήσεις
Αρχειοθετημένο
Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.