Align πρόβλημα με img και text

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

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

Απάντηση
Άβαταρ μέλους
Mandingueiro
Δημοσιεύσεις: 270
Εγγραφή: 07 Φεβ 2006 19:26

Align πρόβλημα με img και text

Δημοσίευση από Mandingueiro » 13 Φεβ 2009 10:02

yE

αν μπείτε στο http://www.e-bath.net/new θα δείτε στην μαύρη μπάρα, εκεί που υπάρχουν οι εικόνες δηλαδή που κυλάνε, το text (dsadsadsa) θέλω να βγαίνει στα δεξιά της πρώτης εικόνας (τις άλλες αγνοήστε τες), αλλά δεν μπορώ να το καταφέρω με τίποτα.

Εγώ αυτό που γράφω στο content item είναι αυτό:

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

<div style="float&#58; left; padding&#58;20px; width&#58; 270px;"> <img class="reflect" src="images/stories/offers/prosfora_2.jpg" border="0" width="131" height="112" align="left" /><br />dsadsadsa</div>
αλλά επειδή ένα plugin που έχω βάλει για το joomla δημιουργεί απο μόνο του το reflection που βλέπετε (αν βάλεις class="reflect" στο img), το text πηγαίνει απο κάτω. τί να κάνω;

σημείωση: στην 2η εικόνα έχω απενεργοποιήσει το reflection για να καταλάβετε...ο κώδικας στα content items είναι ο ίδιος[/quote]

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

Align πρόβλημα με img και text

Δημοσίευση από sibas » 13 Φεβ 2009 17:59

στη θέση σου θα δοκίμαζα κάπως έτσι

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

<br /><span id="go_there">dsadsadsa</span></div>
παίξε με float, absolute, κλπ μάλλον θα σου λειτουργήσει

και δες τι παίζει αν βγαλεις το <br/>

Άβαταρ μέλους
Mandingueiro
Δημοσιεύσεις: 270
Εγγραφή: 07 Φεβ 2006 19:26

Align πρόβλημα με img και text

Δημοσίευση από Mandingueiro » 13 Φεβ 2009 18:47

Στο span κάτι πάει να γίνει. Η γραμμή βγαίνει στα δεξιά της εικόνας αλλα βγαίνει κάτω κάτω. όχι στην κορυφή. το absolute είναι ασφαλές και cross-broswer ιδιότητα?

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

Align πρόβλημα με img και text

Δημοσίευση από sibas » 14 Φεβ 2009 18:15

το absolute μάλλον θα σου παίζει σε όλους τους browser, έχει να κάνει με το γενικότερο στήσιμο του css,
δοκίμασε στο span να του βάλεις width, height, το absolute να είναι relative του συγκεκριμένου li ώστε οι τιμές του να το ακολουθούν.
Ελπίζω να μην σε μπέρδεψα έτσι όπως το λέω, αλήθεια γιατί τόσα inline style;

Άβαταρ μέλους
Mandingueiro
Δημοσιεύσεις: 270
Εγγραφή: 07 Φεβ 2006 19:26

Align πρόβλημα με img και text

Δημοσίευση από Mandingueiro » 14 Φεβ 2009 21:54

Είναι περίπλοκο γιατί χρησιμοποιώ ένα 3rd party plugin για το joomla. Θα καταφύγω στην εύκολη λύση όμως, θα βάζω το reflection απο πριν στις εικόνες και θα βγάλω το plugin γιατί πολύ μπέρδεμα με τα styles γίνεται..

Απάντηση

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

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

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