Εικονίδια και title εικονιδίου

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

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

Απάντηση
jim004
Δημοσιεύσεις: 34
Εγγραφή: 23 Αύγ 2010 13:43

Εικονίδια και title εικονιδίου

Δημοσίευση από jim004 » 14 Φεβ 2012 00:11

Έχω φτιάξει ένα παράθυρο που αποτελείται από κάποιες εικόνες μία να είναι αριστερά και οι άλλες λίγο πιο δεξιά η μία λίγο πιο πάνω και η άλλη λίγο πιο κάτω. Στην εικόνα που είναι λίγο πιο πάνω από αυτή που βρίσκεται στα αριστερά ο τίτλος της εμφανίζεται μόνο αν το ποντίκι είναι κάτω δεξιά στην εικόνα. Πως μπορώ να το κάνω έτσι ώστε ο χρήστης να μπορεί να βλέπει το τίτλο της εικόνας ενώ έχει το ποντίκι του σε οποιοδήποτε μέρος της;

Σε ένα html έχω βάλει τα εξής μεσα στο body

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

<img class="main_product" src="images/car.jpg" alt="car" height="200px" width="200px" title="car" /><br />
		<img class="product_up" src="images/smallcar.jpg" alt="smallcar" height="200px" width="200px" title="smallcar" /><br />
<img class="product_down" src="images/bigcar.jpg" alt=bigcar" height="200px" width="200px" title="bigcar" />


Σε ένα css έχω γράψει:

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

.main_product &#123; margin-top&#58; 220px;&#125;

.product_up &#123;margin-left&#58; 500px; margin-top&#58; -360px;&#125;

.product_down &#123;margin-left&#58; 500px; margin-top&#58; -10px;&#125;

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Εικονίδια και title εικονιδίου

Δημοσίευση από EneMe » 14 Φεβ 2012 15:10

Ποιός τίτλος;
Γιατί στον κώδικα δεν βλέπω κείμενο!

Επειδή είδα και το άλλο θέμα σου, μάλλον δεν έχεις ιδέα και προσπαθείς να συρράψεις κώδικες που βρίσκεις εδώ κι εκεί.

Θα ήταν καλύτερο να διαβάσεις λίγο html και css για αρχή...

jim004
Δημοσιεύσεις: 34
Εγγραφή: 23 Αύγ 2010 13:43

Εικονίδια και title εικονιδίου

Δημοσίευση από jim004 » 14 Φεβ 2012 23:04

jim004 έγραψε:

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

 title="car"
title="smallcar"
title="bigcar" />
[/code]

Άβαταρ μέλους
webdevgr
Δημοσιεύσεις: 697
Εγγραφή: 11 Δεκ 2010 17:25
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Εικονίδια και title εικονιδίου

Δημοσίευση από webdevgr » 15 Φεβ 2012 09:57

Ανάλογα με τον browser διαφέρει και ο τρόπος εμφάνισης του title αλλά συνήθως εμφανίζεται στο πρώτο σημείο που θα περάσει το ποντίκι. Αν θέλεις το title να ακολουθεί τον κέρσορα του ποντικιού σε όλη την εικόνα κοίτα προς jquery tooltip

Απάντηση

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

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

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