Ορισμός μεγέθους εικόνας μέσα σε ένα div

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

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

Απάντηση
Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27616
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από cordis » 22 Φεβ 2006 15:36

ξέρω ότι υπάρχει τρόπος να πω ότι μια εικόνα μπορεί να καταλαμβάνει το 100% ενός div. Υπάρχει τρόπος να την ορίσω έτσι ώστε να καταλαμβάνει έως το 100%; Δηλ. Αν είναι μικρότερη από το μέγεθος του div να καταλαμβάνει όσο είναι η εικόνα, αλλά εάν είναι πιο μεγάλη από το div να φτάνει έως το 100% του.
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
milianos
Δημοσιεύσεις: 269
Εγγραφή: 11 Νοέμ 2004 01:39
Τοποθεσία: schwabenland
Επικοινωνία:

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από milianos » 22 Φεβ 2006 22:01

Δεν υπάρχει τρόπος ! :D

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27616
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από cordis » 23 Φεβ 2006 12:09

Φτου! :P
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
shadow
Script Master
Δημοσιεύσεις: 606
Εγγραφή: 14 Απρ 2005 18:30

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από shadow » 23 Φεβ 2006 13:48

Εαν κατάλαβα καλά αυτό το οποίο θες να κάνεις είναι ότι εάν το div σου έχει διαστάσεις x,y τοτε θες εαν η εικόνα είναι μεγαλύτερη από το div να δείχνει μόνο x && y part της εικόνας. Κατάλαβα καλά?:oops:
Μια λύση, με php όμως, είναι να βρισκεις τις διαστάσεις της εκάστοτε εικόνας, και εάν οι διαστάσεις είναι μεγαλύτερες από τις διαστάσεις του div τότε να συνέχεια να φτιάχνεις μια καινούρια εικόνα στην οποία θα αντιγράφεις x && y part της αρχικής σου εικόνας και θα βάζεις αυτή μέσα στο div αντι για την original εικόνα.
Close your eyes
For your eyes will only tell the truth and the truth isnt what you want to see
In the dark, is it easy to pretend that the truth is it ought to be.
Programmers are programmers because they like to code

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27616
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από cordis » 23 Φεβ 2006 14:11

;) με PHP ξέρω ότι γίνετε, απλά έλεγα μπας και το CSS έχει κάτι παραπάνω για αυτό το θέμα περισσότερο από την απλή HTML. Βασικά ένα attribute max-width έλεγα αν υπάρχει.. :P :P
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
shadow
Script Master
Δημοσιεύσεις: 606
Εγγραφή: 14 Απρ 2005 18:30

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από shadow » 23 Φεβ 2006 14:33

ενα overflow:hidden στο div που εχει την εικόνα δεν βολεύει? (αυτο εαν το div εχει μονο εικόνα βεβαια)
edit: take a look visual effects
Close your eyes
For your eyes will only tell the truth and the truth isnt what you want to see
In the dark, is it easy to pretend that the truth is it ought to be.
Programmers are programmers because they like to code

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27616
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από cordis » 23 Φεβ 2006 14:54

ενδιαφέρον αυτό.. καλύτερα να κόβετε παρά να μου χαλάει το layout..
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από patriot » 23 Φεβ 2006 22:10

cordis έγραψε:Βασικά ένα attribute max-width έλεγα αν υπάρχει.. :P :P
Μωρέ υπάρχει max-width όπως και max-height (όπως και min-width και min-height) αλλά.... μάντεψε, δεν δουλεύουν σε όλους τους browsers... :( :cry: :evil:
overflow:hidden
Καθώς και αυτό... :evil: :evil:
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από Basilakis » 23 Φεβ 2006 23:11

LOL... Den mporei na graftei ena add - on to opoio na kanei symbata olla afta stous browsers :(

Άβαταρ μέλους
shadow
Script Master
Δημοσιεύσεις: 606
Εγγραφή: 14 Απρ 2005 18:30

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από shadow » 24 Φεβ 2006 01:04

Το overflow:hidden σε ποιο browser δεν παίζει? Ενημερωτικά ρωτάω γιατί σε ie && firefox εχει την ίδια συμπεριφορά. Σε άλλους browsers δεν εχω δοκιμάσει...
Close your eyes
For your eyes will only tell the truth and the truth isnt what you want to see
In the dark, is it easy to pretend that the truth is it ought to be.
Programmers are programmers because they like to code

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από patriot » 24 Φεβ 2006 17:19

shadow έγραψε:Το overflow:hidden σε ποιο browser δεν παίζει?
Και εγώ είχα κάποια προβλήματα γενικότερα με το overflow αλλά ο λόγος που έγραψα το ποστ μου πριν δεν ήταν αυτός γιατί στοίχημα αν το έχω χρησιμοποιήσει 1 ή 2 φορές και δεν το ξέρω καλά. Όταν όμως είδα κάτι bugs στο safari είπα να μην το ξαναχρησιμοποιήσω. Δες στο qm μια τεράααααστια λίστα με bugs για τον κάθε browser.
σε ie && firefox εχει την ίδια συμπεριφορά.
Χμ... επειδή αλλάζω συχνά firefox (κατεβάζω το κάθε update τους) δεν θυμάμαι ακριβώς σε ποια έκδοση αλλά νομίζω ότι υπάρχει πρόβλημα μεταξύ των εκδόσεων του. Αν σε ενδιαφέρει έχω την έκδοση 1.5.0.1. Εσύ ποια έχεις;
Τελευταία επεξεργασία από το μέλος patriot την 24 Φεβ 2006 22:07, έχει επεξεργασθεί 1 φορά συνολικά.
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από patriot » 24 Φεβ 2006 17:26

Basilakisweb έγραψε:LOL... Den mporei na graftei ena add - on to opoio na kanei symbata olla afta stous browsers :(
Νομίζω πως υπάρχει ένα, αλλά είναι εντελώς άσημο (τουλάχιστον για την ώρα) .... Αλλά και αυτοί στην microsoft (και λέω ειδικά γι' αυτούς γιατί αυτοί μας την κάνουν πάντα) λες και το κάνουν επίτηδες (πολύ πιθανόν για να παίρνουμε ότι νέο κυκλοφορεί καταναγκαστικά) γιατί θυμάμαι που διάβασα ότι στον explorer 5.5 όλα ήταν μια χαρά σχετικά με.... -δεν θυμάμαι τώρα αλλά δεν έχει και σημασία- ενώ στον 6 ΕΙΧΕ ΠΡΟΒΛΗΜΑ!!! Σου λέω επίτηδες το κάνουν δεν υπάρχει άλλη εξήγηση... :evil: :evil:
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
shadow
Script Master
Δημοσιεύσεις: 606
Εγγραφή: 14 Απρ 2005 18:30

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από shadow » 24 Φεβ 2006 18:21

Ωραια σελιδούλα :D αρκετά χρήσιμη..
Στο firefox εχω την 1.0.7v (και θα παραμεινω σε αυτή μέχρι να βγει ενα εργαλείο το οποιο όταν βγαινει καινούρια έκδοση να μην χρειάζεται να ξαναπερνάω extensions :evil:, αλλά αυτόματα να δέχεται τα εγκατεστημένα exts)
Close your eyes
For your eyes will only tell the truth and the truth isnt what you want to see
In the dark, is it easy to pretend that the truth is it ought to be.
Programmers are programmers because they like to code

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από cherouvim » 24 Φεβ 2006 20:05

Hehe, to quirksmode den tha to elega apla selidoula. O (guru) idioktitis tis tha milisei sto @media2006. Be there.

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Ορισμός μεγέθους εικόνας μέσα σε ένα div

Δημοσίευση από patriot » 24 Φεβ 2006 22:19

cherouvim έγραψε:O (guru) idioktitis tis tha milisei sto @media2006. Be there.
Στο ποιο; :o Πρώτη φορά το ακούω...
Ωραια σελιδούλα αρκετά χρήσιμη..
Α, δεν την ήξερες;; Εγώ την ξέρω πολύ καιρό τώρα. Είναι σελιδάρα, όχι σελιδούλα όπως λέει και ο cherouvim:
to quirksmode den tha to elega apla selidoula.
Εξάλλου λίγοι είναι οι guru των -κυρίως- Css. Εγώ αυτήν την στιγμή μπορώ να θυμηθώ τον Eric Meyer, τον Andy Clarke, τον Jon Hicks και τον Peter-Paul Koch. Είναι οι ποιο διάσημοι... Όπου πάω αυτούς ακούω!! :question: Ένας από αυτούς έχει και το Zen Garden αν θυμάμαι καλά...
Στο firefox εχω την 1.0.7v
Εγώ έχω αλλάξει τόσες πολλές (στην αρχή χωρίς να το θέλω, απλά μου crash-αρε ο σκληρός) που δεν βλέπω πια διαφορά μεταξύ τους. Αν δεν είχα και το bug list σε αυτά τα sites... (γιατί φυσικά πως να θυμάμαι γύρω στα 300 bugs!!!! Και τι μικρός αριθμός!!!! Είδες που σας λέω ότι μάλλον το κάνουν επίτηδες; )
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Απάντηση

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

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

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