"αέρας" γύρο από τις εικόνες

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

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

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

"αέρας" γύρο από τις εικόνες

Δημοσίευση από cordis » 02 Ιαν 2006 15:15

έχουμε αυτό το CSS για τις εικόνες...

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

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */
έτσι όμως όταν βάζω alignright ή alignleft μου κολάει το κείμενο πάνω στην εικόνα... πως μπορώ να δώσω έναν αέρα γύρο από την κάθε εικόνα;
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

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

"αέρας" γύρο από τις εικόνες

Δημοσίευση από sibas » 02 Ιαν 2006 15:53

με ποιον τρόπο χρησιμοποιείς την html;

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

"αέρας" γύρο από τις εικόνες

Δημοσίευση από cherouvim » 02 Ιαν 2006 16:03

Tilikse to img sou se ena div kai kanto oti thes.

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

div.alignright {
	background: red;
	padding: 100px;
	float: right;
}

<div class='alignright'><img src='dazed.jpg'/></div>
Εικόνα
paizei se IE, firefox ktl

diavase kai afto: http://www.freestuff.gr/forums/viewtopic.php?t=18883

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

"αέρας" γύρο από τις εικόνες

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

:)

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

"αέρας" γύρο από τις εικόνες

Δημοσίευση από ThyClub » 02 Ιαν 2006 16:11

@Cherouvim

Με πρόλαβες :wink:

Αν και αν δώσεις padding στην εικόνα νομίζω πάλι θα δουλέψει

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

"αέρας" γύρο από τις εικόνες

Δημοσίευση από cherouvim » 02 Ιαν 2006 16:20

@ThyClub: Dystihos opos fenete sti sizitisi mas sto http://www.freestuff.gr/forums/viewtopic.php?t=18883 afto ginete mono stous Gecko based browsers

ps. dazed elpizo na mi se pirakse pou hrisimopoihsa to avatar sou sto example mou! :)

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

"αέρας" γύρο από τις εικόνες

Δημοσίευση από cordis » 02 Ιαν 2006 18:19

thanks! :)
τελικά έβαλα...

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

<img class='alignright' src='dazed.jpg'/>
και παίζει και σε FF και σε IE... σωστό δεν είναι κι έτσι;
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

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

"αέρας" γύρο από τις εικόνες

Δημοσίευση από cherouvim » 02 Ιαν 2006 21:48

Nai enoeitai. Sosto einai alla mono to sigekrimeno pou thes na kaneis. An itheles na paikseis me padding sto image tote tha eihes provlima ston IE opote i lysi pou protina einai pio geniki kai doulevei pantou. Fysika epivarineis to markup sou me ena parapano element.

Απάντηση

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

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

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