back to top και hover

[foutzos]

Καλησπέρα σε όλους,

Έχω τον ακόλουθο κώδικα σε html gadget στον blogger 

<style>
.mbw-back-to-top {
    color: #fff;
    font-size: 13px;
}
.mbw-back-to-top a:hover{color:#eace12;text-decoration:underline}
</style>
<a href="#top" class="mbw-back-to-top"><span>Επιστροφή στην κορυφή^</span></a>
<script type="text/javascript">
/*****mybloggersworld.com***/
jQuery(document).ready(function() {
    var offset = 220;
    var duration = 500;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery('.mbw-back-to-top').fadeIn(duration);
        } else { //www.mybloggersworld.com
            jQuery('.mbw-back-to-top').fadeOut(duration);
        }
    }); 
  
    jQuery('.mbw-back-to-top').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, duration);
        return false;
    })
});
</script>

τι κάνω λάθος και δεν δουλέυει το hover με underline και color όταν πηγαίνει ο κέρσορας πάνω;

 

Ευχαριστώ εκ των προτέρων.

[SlackulatoR]

1) Έχεις ξεχάσει το ";" μετά το underline

2) .mbw-back-to-top:hover αντί για .mbw-back-to-top a:hover

 

Εφόσον του έχεις δώσει του link class name δεν βάζεις a:hover αλλά το όνομα της class και :hover.

 

Επειδή σε βλέπω πως θες να μάθεις περισσότερα για HTML και CSS θα σε βοηθήσει πολύ το παρακάτω site που έχει και αναλυτικά παραδείγματα: http://www.w3schools.com/

Επεξ/σία 10 Ιανουαρίου 2014 από SlackulatoR

[foutzos]

Σε ευχαριστώ !!!!!!

[angmar]

Καλύτερα όχι απ το w3schools, more here.