Tooltips εμφανίζονται εκτός οθόνης!

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

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

Απάντηση
translatum
Δημοσιεύσεις: 24
Εγγραφή: 21 Μαρ 2003 17:33
Επικοινωνία:

Tooltips εμφανίζονται εκτός οθόνης!

Δημοσίευση από translatum » 05 Ιαν 2006 18:05

Στα σημεία όπου εμφανίζονται tooltips όπως στην εικόνα της παρακάτω σελίδας το tooltip εμφανίζεται υπερβολικά δεξιά και εκτός οθόνης.
http://www.nonsmokersclub.com/component ... t,0/search,*/

Με τη μέθοδο της εις άτοπον απαγωγής βρήκα ότι εάν αφαιρέσω τα ακόλουθα δείχνει μια χαρά. Βέβαια αυτό δεν είναι ιδανικό γιατί χαλάνε άλλα... Μπορεί κανείς να βρει μια λύση;

Code:

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

#main {
    width: 100%;
    position: relative;
}


#content {
    float: left;
    width: 73%;
    margin: 12px 0 0;
    position: relative;
    clear: right;
}
Μπορείτε να δοκιμάσετε και εσείς να παίξετε. Κατεβάζετε το http://chrispederick.com/work/webdeveloper/ plug in Firefox και πατάτε css-Edit css. Ό,τι αλλαγές κάνετε φαίνονται αμέσως στη σελίδα.

sibas
Honorary Member
Δημοσιεύσεις: 1851
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

Tooltips εμφανίζονται εκτός οθόνης!

Δημοσίευση από sibas » 06 Ιαν 2006 01:04

έχεις κοιτάξει τα padding του tooltip, καλό θα ήταν να έδειχνες τον κώδικα για τα tooltip, έτσι ίσως να σε βοηθήσουμε περισσότερο

Απάντηση

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

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

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