html

[chris2060]

γεια σας...

μια ερωτησουλα...

 

σχετικα με html.

πως γινεται να υπαρχει μια εικονα και διπλα της κειμενο ή αλλη εικονα?

ενοοω οτι οταν βαζω μια φωτογραφια τοτε το κειμενο δεν μπορει να γραφτει διπλα της (απο το σημειο που ξεκιναει η φωτογραφια) αλλα παει απο κατω.

 

κατι πετυχα με το να βαλω εναν πινακα 1Χ2 αλλα μηπως υπαρχει αλλος τροπος???

 

 

και κατι αλλο....ποιος ειναι ο πιο ευκολος τροπος κατασκευης μιας σελιδας? frontpage or dream?

thanks:o

[StavrosD]

Πρόσθεσε στο tag της εικόνας

style="position:inline"

[VitamineQ]

ή μπορείς να ορίσεις ένα class για την εικόνα με ιδιότητα float και padding

πχ

.leftimage {

float: left;

padding-left: 0px;

padding-right: 4px;

}

 

πχ

<img src="images/image.jpg" width="250" height="250" class="leftimage"/>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

 

το παραπάνω θα βάλει την εικόνα αριστερά και το κείμενο θα πάει δίπλα από την εικόνα και από κάτω της .

το padding βάζεις για να μη κολλήσει το κείμενο στην εικόνα

[chris2060]

ευχαριστω για τις απαντησεις...

σε προγραμμα κατασκευης ιστοσελιδας ομως πως μπορει να γινει κατι τετοιο? υπαρχει αυτη η επιλογη η πρεπει να ανατρεξω στον κωδικα και να προσθεσω τα απαραιτητα?

[VitamineQ]

Και στις 2 περιπτώσεις θα πρέπει να το βάλεις εσύ .

στην απάντηση που σου έδωσα εγώ μπορείς να βάλεις το πρώτο μέρος στο αρχείο css , και όταν βάζεις μια εικόνα από τον πίνακα τον properties να διαλέγεις το class (leftimage)

[Loukrhtia]

Πρόσθεσε στο tag της εικόνας

style="position:inline"

Η ιδιότητα position δεν δέχεται τέτοια τιμή (δέχεται static, fixed, absolute, relative).

Μάλλον την μπέρδεψες με την ιδιότητα display.

ή μπορείς να ορίσεις ένα class για την εικόνα με ιδιότητα float και padding

πχ

.leftimage {

float: left;

padding-left: 0px;

padding-right: 4px;

}

 

πχ

<img src="images/image.jpg" width="250" height="250" class="leftimage"/>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

 

το παραπάνω θα βάλει την εικόνα αριστερά και το κείμενο θα πάει δίπλα από την εικόνα και από κάτω της .

το padding βάζεις για να μη κολλήσει το κείμενο στην εικόνα

Αυτή είναι η σωστή λύση. Σημείωση: Καλό είναι να βάζουμε και alt ιδιότητα στις εικόνες (είναι και απαραίτητο για xhtml validation).

ευχαριστω για τις απαντησεις...

σε προγραμμα κατασκευης ιστοσελιδας ομως πως μπορει να γινει κατι τετοιο? υπαρχει αυτη η επιλογη η πρεπει να ανατρεξω στον κωδικα και να προσθεσω τα απαραιτητα?

Καλό είναι σιγά σιγά να σταματήσεις να χρησιμοποιείς τις WYSIWYG δυνατότητες τέτοιων προγραμμάτων για να φτιάχνεις τις σελίδες σου. Μόνο σε code view έχεις πραγματικό έλεγχο πάνω στη σελίδα που φτιάχνεις.