Βοηθεια με το frontpage

[mea-culpa]

καλησπερα εδω και καμποσο καιρο παρατηρω το site σας και βλεπω οτι δινει πολυ καλες απαντησεις σε πολλα θεματα. ετσι αποφασισα και γω σαν πρωταρης να κανω την πρωτη μου ερωτηση αν μπορεσει καποιος να με βοηθησει. εχω κανει ενα site σε os περιβαλον με frontpage. ολα καλα πηρα domain hosting ok αλλα οταν μπαινω στο σαιτ μου και το μικρενω οι φωτο τα γραματα μετακινουντε και μπερδευωνται ξερω οτι εχει να κανει κατι περιπου με το css. το ερωτημα μου υπαρχει καποιος τροπος με το frontpage να το διορθωσω? εχω κανει εγω καπου λαθος στην αρχη της δημιουργιας του σαιτ?αν καποιος γνωριζει και ξερει παρακαλω ας μου πει. το ονομα του σαιτ δεν το δινω προς αποφυγει παρεξηγησεις. ευχαριστω

[Jaco]

Αυτό που ρωτάς είναι πολύ γενικό και η απάντηση θα πρέπει να γενικεύει ακόμα περισσότερο, οπότε δεν θα βγει άκρη...

Δοκίμασε να κόβεις κομάτια από αυτό που έχεις φτιάξει, μέχρι να φτάσεις σε μια πολύ απλή και βασική μορφή, δες αν είναι σωστή και αν είναι, τότε συνέχισε να προσθέτεις κώδικα μέχρι να δεις τι "χαλάει" την σούπα... το διορθώνεις και συνεχίζεις να προσθέτεις μέχρι το τελικό αποτέλεσμα να είναι σωστό...

[jpavly]

Χρησιμοποίησε Firefox με το Firebug extension, με την λειτουργία Inspect θα σε βοηθήσει πολύ. Επίσης, προτίμησε κάποιο DreamWeaver γιατί το Frontpage έχει παλιώσει ολίγον..

Τσέκαρε το css με το Firebug, και δοκίμαζε επί τόπου τις αλλαγές σου.

[mea-culpa]

παιδια εστω και δυο φωτο να βαλω και να σηκωσω στο ιντερνετ αυτες αμα προσπαθησω να μικρυνω το παραθυρο του firefox κατα το μισο τοτε οι φωτο που εχω τι μια διπλα στην αλλη καβαλαει η μια την αλλη δεν εξαφανιζεται απλα απο την οθονη. εχω δοκιμασει και με το dreamweaver τα ιδια πολυ πικρα και δεν μπορω να βρω την ακρη αν καποιος μπορει ας βοηθησει. ευχαριστω πολυ και σας για την αμεση απαντηση σας. ελπιζω να εξηγω τωρα καλυτερα τι προβλημα εχω

[neuromancer]

Λάθος χρήση DIV/CSS!

Δεν το κάνεις με tables καλύτερα να ξεμπερδεύεις γρήγορα και μετά με την ησυχία σου να το κάνεις με DIV..... Θέλει λίγο διάβασμα το layout με DIV/CSS.

[mea-culpa]

file mou to div den ksero ti einai alla kai me dreamweaver pou evala mono dio foto kai tis anevasa kai tipota allo pali ta idia ekane. kamia idea ti na kano?euxaristo olous gia to endiaferon pou deixnete sto provlima mou

[neuromancer]

Κατ'αρχήν γράφε με ελληνικά....

Κατά δεύτερον, αν δεν ξέρεις τι είναι το DIV καλύτερα να μάθεις γιατί το Dreamweaver (CS3) με DIV τις κάνει τις δουλειές...

Κατά τρίτο, δώσε τον κώδικα γιατί στα λόγια τέτοια πράγματα δε γίνονται!

[mea-culpa]

δηλαδη να κανω post εδω ολο τον κωδικα απο το σαιτ?

[jpavly]

Σε attachment, ε.

[kallileo]

Bασικα αν δεν ξερεις κωδικα CSS ειναι σχεδον αδυνατο να κανεις χωρις λαθη...ειδικα απο την στιγμη που ο καθε browser θελει τα δικα του hacks. Είτε καθεσαι και διαβαζεις CSS possitioning η τα κανεις με πινακες.

Δυο απο τα καλυτερα tutotials...

http://www.elated.com/articles/css-positioning/

http://www.barelyfitz.com/screencast/html-training/css/positioning/

[neuromancer]

Ακόμη hacks θέλουν οι browsers για να παίξουν καλά positioning με CSS ?

tables και πάλι tables!

[mea-culpa]

eβαλα τον κωδικα σε attachment οποιος θελει μπορει να τον δει ευχαριστω

κωδικας.txt

[neuromancer]

για δοκίμασε έτσι

<p align="center">

<img src="IMAGES/f1girlsbanner.jpg" border="0" width="242" height="236" /><embed type="application/x-shockwave-flash" src="player.swf" style="" id="player" name="player" quality="high" allowfullscreen="true" allowscriptaccess="always" flashvars="file=IMAGES/intexvideo.flv" width="400" height="300"></embed><img src="IMAGES/f1girl78.jpg" border="0" width="172" height="242" /></p>

Βασικά χρειάζεσαι διάβασμα γιατί είναι λίγο αρπα-κόλα αυτά που γράφεις και επιπλέον θές και ένα σοβαρό και σύγχρονο εργαλείο για ανάπτυξη.

Επίσης απέφευγε να δουλεύεις σε wysiwyg mode - αν βλέπεις και τον κώδικα είναι καλύτερα. π.χ. δοκίμασε με το split mode του Dreamweaver που δειχνει ταυτόχρονα κώδικα και preview (για το δεύτερο καλύτερα να πώ "προσπαθεί"

[mea-culpa]

φιλε μου neuromancer να σε ευχαριστω για ολη την βοηθεια που με προσφερεις και τις αμμεσες απαντησεις σου. απλα θελω να ρωτησω γιατι οταν κλεινει το παραθυρο η μια εικονα "καβαλαει" την αλλη απο οτι ωλεπο οι εικονες εχουν καθορισμενη θεση γιατι δεν παραμενουν εκει? αν μπορουσες να μου το εξηγησεις λιγο απλα να καταλαβω τι ξαχνω τι κανω λαθος που να επικεντρωθω. ειναι σαν να μην ειναι καρφωμενες στο σημειο που τις βαζω. σας ευχαριστω ολους. οσο για τον κωδικα θα τον δοκιμασω και θα απαντησω αμμεσα

[neuromancer]

Στον κώδικα που σου έδωσα τα εικονά-flash-εικόνα είναι in-line μέσα σε μια παράγραφο. H σειρά τους είναι η φυσική σειρά του κώδικα και δεν μπορεί να "καβαλήσει" το ένα το άλλο ακριβώς γιατι είναι in-line (δεν χρησιμοποιούνται CSS styles).

Εσύ είχες βάλει align="right" στη δεύτερη εικόνα πράγμα που την κάνει floating (αντί inline), σαν να είναι σε ξεχωρισμό layer ας πούμε. Έτσι έχει μεγαλύτερη άνεση στην τοποθέτηση και ο browser την κάνει όπως έβλεπες.

Είναι μεγάλο (και βασικό) ζήτημα και θέλει διάβασμα και πειραματισμό. Αυτά που λέω παραπάνω είναι ψίχουλα. Αν θες να ασχοληθείς σοβαρά πάρε ένα καλό book.

[mea-culpa]

φιλε μου το εκανα αλλα παλι τιποτα εβαλα τον κωδικα που μου ειπες αλλα τιποτα

[neuromancer]

Αν κατάλαβα καλά δεν το κατέχεις καθόλου το θέμα... έχεις μακρύ δρόμο. Δοκίμασε το ακόλουθο γιατί δεν είχα καταλάβει ακριβώς τι θές. Είναι πλήρης σελίδα. Το κομμάτι ποθυ σε ενδιαφέρει είναι μέσα στο table.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head></head>
<body>
<table width="814" align="center"><tr><td>
<img src="IMAGES/f1girlsbanner.jpg" border="0" width="242" height="236" /><embed type="application/x-shockwave-flash" src="player.swf" style="" id="player" name="player" quality="high" allowfullscreen="true" allowscriptaccess="always" flashvars="file=IMAGES/intexvideo.flv" width="400" height="300"></embed><img src="IMAGES/f1girl78.jpg" border="0" width="172" height="242" /></p>
</td></tr></table>
<p>1234</p>
<p>hello world</p>
</body>
</html>

[mea-culpa]

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

[neuromancer]

Βασικά το πρόβλημά σου είναι άλλο και δεν το έχεις περιγράψει καλά...

...αλλα οταν μπαινω στο σαιτ μου και το μικρενω οι φωτο τα γραματα μετακινουντε και μπερδευωνται

Αυτό που σου έδωσα κρατά τις εικόνες και το flash τo ένα δίπλα στο άλλο και στο κέντρο του browser. Αν τα θες ακίνητα βγάλε το align="center" από το table tag να πάνε αριστερά.

Για να μην σαλεύει καθόλου και το κείμενο, βάλτο και αυτό μέσα σε πίνακα με δεδομένες διαστάσεις (όχι %).

Στη CSS εκδοχή πρέπει να αντικαταστήσεις τα tables με DIVs και να φτιάξεις styles για να κάνεις το positioning των DIVs. Δεδομένου ότι δεν κατέχεις ούτε τα βασικά, το να πιάσεις CSS και positioning είναι μεγάλη ανηφόρα.

[mea-culpa]

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