Ερώτηση για το display: none

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

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

Απάντηση
Άβαταρ μέλους
lefta4klik
Δημοσιεύσεις: 191
Εγγραφή: 08 Ιαν 2013 18:51
Επικοινωνία:

Ερώτηση για το display: none

Δημοσίευση από lefta4klik » 10 Ιούλ 2014 16:27

Έχω ένα κείμενο με εικόνα μαζί μέσα σε ένα class και θέλω να αποκρύψω μόνο το κείμενο όχι την εικόνα! μήπως υπάρχει κάποια λύση να γίνει αυτό με css;

geomagas
Δημοσιεύσεις: 667
Εγγραφή: 06 Απρ 2013 13:36
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

Ερώτηση για το display: none

Δημοσίευση από geomagas » 10 Ιούλ 2014 20:07

Αν το κείμενο είναι σκέτο text node, δεν στιλάρεται.
Βάλτο πχ σε ένα <span> και μετά

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

.yourclass span &#123; display&#58; none; &#125;

Άβαταρ μέλους
lefta4klik
Δημοσιεύσεις: 191
Εγγραφή: 08 Ιαν 2013 18:51
Επικοινωνία:

Ερώτηση για το display: none

Δημοσίευση από lefta4klik » 10 Ιούλ 2014 22:20

ευχαριστώ για την απάντηση! Βρήκα μια λύση:
text-indent: 100%;
white-space: nowrap;
overflow: hidden;

Δουλεύει αν το χρειαστεί κάποιος :)

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Ερώτηση για το display: none

Δημοσίευση από korgr » 11 Ιούλ 2014 11:08

Αυτό είναι μαϊμουδια και αλχημεία (στο σπρώχνει εκτός layout δεν το εξαφανίζει)

Αυτό που σου είπε ο geomagas είναι το σωστό.

Άβαταρ μέλους
lefta4klik
Δημοσιεύσεις: 191
Εγγραφή: 08 Ιαν 2013 18:51
Επικοινωνία:

Ερώτηση για το display: none

Δημοσίευση από lefta4klik » 11 Ιούλ 2014 12:44

χαχα ναι το ξέρω! απλά το κείμενο με την εικόνα παράγεται αυτόματα και δεν μπορώ να του προσθέσω <span>
Ευχαριστώ πάντως!

Απάντηση

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

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

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