Overflow hidden σε όλα τα img tags

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

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

Απάντηση
invader7
Δημοσιεύσεις: 78
Εγγραφή: 24 Ιαν 2009 22:02

Overflow hidden σε όλα τα img tags

Δημοσίευση από invader7 » 05 Ιούλ 2011 19:08

Καλησπέρα , θέλω όλες οι εικόνες που εμφανίζονται μέσα σε ένα div να κρατάνε τις διαστάσεις τους , αλλά αν μια είναι μεγαλύτερη τότε ή να γίνεται resize σε 100% ή να κρύβεται ότι προεξέχει .... δοκίμασα

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

.blog img{
	overflow:hidden;
}
αλλά δεν δούλεψε....

το

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

.blog img{
	width:100%;
}
απλά μου μεγαλώνει όλες τις εικόνες κάτι που δεν αποτελεί λύση για μένα

pimpogio
Δημοσιεύσεις: 1080
Εγγραφή: 28 Δεκ 2010 14:08

Overflow hidden σε όλα τα img tags

Δημοσίευση από pimpogio » 05 Ιούλ 2011 20:31

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

.blog img{
   overflow:hidden;
   height:200px;
   width:400px;
} 

invader7
Δημοσιεύσεις: 78
Εγγραφή: 24 Ιαν 2009 22:02

Overflow hidden σε όλα τα img tags

Δημοσίευση από invader7 » 05 Ιούλ 2011 20:33

έτσι δεν θα γίνουν όλες οι εικόνες 400χ200 ; εγώ θέλω η κάθε εικόνα να κρατάει το μέγεθος της.

pimpogio
Δημοσιεύσεις: 1080
Εγγραφή: 28 Δεκ 2010 14:08

Overflow hidden σε όλα τα img tags

Δημοσίευση από pimpogio » 05 Ιούλ 2011 20:58

οκ δες την λυση με javascript
http://www.freestuff.gr/forums/viewtopi ... 1&start=15

invader7
Δημοσιεύσεις: 78
Εγγραφή: 24 Ιαν 2009 22:02

Overflow hidden σε όλα τα img tags

Δημοσίευση από invader7 » 05 Ιούλ 2011 23:25

σε ευχαριστώ , τελικά βρήκα τη λύση σε μια απο τις απαντήσεις στο link

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

.blog img{
max-width:100%;
}
αυτό φαίνεται να αφήνει τις διαστάσεις όπως είναι ΑΛΛΑ περιορίζει το πλάτος στο 100% δηλαδή αν κάποια το υπερβαίνει τότε ενεργοποιείται ο περιορισμος

Απάντηση

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

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

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