Προσαρμογη site σε καθε ανάλυση.

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

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

Απάντηση
Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Προσαρμογη site σε καθε ανάλυση.

Δημοσίευση από Sermac » 11 Μαρ 2010 15:04

shortyjr έγραψε:1)Εγω θέλω να κάνω το μενού με την φωτογραφια απο κάτω με τον κώδικα που σου έστειλα και οταν προσαρμόζω τον κωδικα μου στον δικό σου δε λειτουργει το hover.
Προσπάθησα αλλά δεν μου εμφανίζεται σωστά το δικό σου μενού.
shortyjr έγραψε:2) με ποιες εντωλες θα τοποθετω οπου θέλω την εικόνα, δηλαδη αντι τέρμα αριστερα 20px απο αριστερα 10px απο πάνω.
Θα προσθέσεις γέμισμα (padding) στον container και θα αφαιρέσεις το γέμισμα του οριζόντιου άξονα από το πλάτος.

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

#main .inner {
    background-color:#FFF;
    padding:10px 20px 10px 20px;    /* top right bottom left */
    width:920px;     /* 960 -20 -20*/
}
Γενικά, στα css για να παίξεις με τις θέσεις τον αντικειμένων, χρησιμοποιείς κυρίως τις ιδιότητες: width, height, margin, padding, display και float.
Τελευταία επεξεργασία από το μέλος Sermac την 11 Μαρ 2010 15:15, έχει επεξεργασθεί 1 φορά συνολικά.
Εικόνα

shortyjr
Δημοσιεύσεις: 66
Εγγραφή: 17 Φεβ 2010 01:49

Προσαρμογη site σε καθε ανάλυση.

Δημοσίευση από shortyjr » 11 Μαρ 2010 15:12

Ευχαριστω παρα πολυ φιλε για ολα/
Το βρηκα για το 1). Απλα δεν μου εμφανιζοντε η διακεκομενες που εχει στο δικο σου. Γιατι?

οτι χρειαστω θα ξανα ρωτήσω.

τωρα ξανα μπηκα και εμφανίστικαν οκ.

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Προσαρμογη site σε καθε ανάλυση.

Δημοσίευση από Sermac » 11 Μαρ 2010 15:16

Ποιες διακεκομμένες; :roll:
Εικόνα

shortyjr
Δημοσιεύσεις: 66
Εγγραφή: 17 Φεβ 2010 01:49

Προσαρμογη site σε καθε ανάλυση.

Δημοσίευση από shortyjr » 11 Μαρ 2010 15:17

οκ το βρηκα για τησ διακεκομενες.

εφιαξα το μενου ενταξει ολα σε αυτο.

τωρα πηγα να βάλω μια εικόνα λιγο πιο δεξια απο το μεσον του 960 αλλα δεν μπαινει καθετα δεξια και ενω αλλαζω τιμες στο padding αυτο δε συμπεριφερετε σωστα

shortyjr
Δημοσιεύσεις: 66
Εγγραφή: 17 Φεβ 2010 01:49

Προσαρμογη site σε καθε ανάλυση.

Δημοσίευση από shortyjr » 11 Μαρ 2010 21:56

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

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Προσαρμογη site σε καθε ανάλυση.

Δημοσίευση από Sermac » 11 Μαρ 2010 22:57

Όπως έχω ξαναπεί, η html δεν είναι word! Εξαρτώνται πολλά πράγματα. Αυτή τη στιγμή έχεις ένα div πλάτους 920px που είναι τεράστιο. Πρέπει να δομήσεις το εσωτερικό του πριν αρχίσεις να προσθέτεις περιεχόμενο. π.χ. μπορείς να κάνεις ένα πλαίσιο content και μία sidebar.

Αυτό που λες για την εικόνα δεν το καταλαβαίνω. Θα βοηθούσε περισσότερο αν μας το ζωγράφιζες! :Ρ
Εικόνα

shortyjr
Δημοσιεύσεις: 66
Εγγραφή: 17 Φεβ 2010 01:49

Προσαρμογη site σε καθε ανάλυση.

Δημοσίευση από shortyjr » 11 Μαρ 2010 23:22

Στην εικονα παρακάτω το μαυρο ειναι το μενου και εχουμε την περιοχη πλάτους 960px.

Θελω να τοποθετησω την πανω εικονα οπως φαινεται σε αυτο το σημειο αλλα να ειναι ενσωματομενο στην περιοχη 960px και να συμπεριφέρεται οπως το μενου.

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

καταλαβες τι εννοω?
Συνημμένα
demo.png
demo

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

Προσαρμογη site σε καθε ανάλυση.

Δημοσίευση από Basilakis » 11 Μαρ 2010 23:32

Να σε ρωτήσω κάτι, έχεις ιδέα απο CSS / html?

shortyjr
Δημοσιεύσεις: 66
Εγγραφή: 17 Φεβ 2010 01:49

Προσαρμογη site σε καθε ανάλυση.

Δημοσίευση από shortyjr » 11 Μαρ 2010 23:36

τωρα μαθαινω θεσ τιποτα Basilakis?

sermac, βοηθησε φιλε αν μπορεις ειναι πολυ βασικο να καταλάβω πως να τοποθετω της εικονες με τον τροπο που σου ειπα.

δηλαδη οπως συμπεριφερετε η εικονα στο shortyjr2 αλλα εγω δε την θέλω τερμα δεξια.

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Προσαρμογη site σε καθε ανάλυση.

Δημοσίευση από Sermac » 11 Μαρ 2010 23:58

Στο shortyjr2, εκτός από το float:right; στο style του img, δώσε και margin-right:200px; .
Εικόνα

Απάντηση

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

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

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