Ευρετήριο Δ. Συζήτησης » Web design » Cascading Style Sheets (css)
Σελίδα 1 από 2 | [ 16 Δημοσιεύσεις ]
Συγγραφέας
Μήνυμα
Geia sas.
Antimetopizo ena provlima me duo slideshow pou exo se ena site pou ftiaxno.
Sto ena exo position:absolute kai sto allo position:absolute kai relative mono pou den mporo na valo akrivos sto simeio pou thelo na einai.
Mipos mporei kapoios na me vohthisi?
Antimetopizo ena provlima me duo slideshow pou exo se ena site pou ftiaxno.
Sto ena exo position:absolute kai sto allo position:absolute kai relative mono pou den mporo na valo akrivos sto simeio pou thelo na einai.
Mipos mporei kapoios na me vohthisi?
Καλησπέρα,
καταρχάς θα σε παρακαλούσα να γράφεις με ελληνικούς χαρακτήρες,η ανάγνωση με greeklish είναι ιδιαιτέρως δύσκολη.Δεύτερον για να σε βοηθήσει κάποιος νομίζω θα ταν καλύτερο να γράψεις και τον κώδικα σου καθώς με τα στοιχεία που δίνεις προσωπικά τουλάχιστον δε μπορώ να υποθέσω τι μπορεί να φταίει.
καταρχάς θα σε παρακαλούσα να γράφεις με ελληνικούς χαρακτήρες,η ανάγνωση με greeklish είναι ιδιαιτέρως δύσκολη.Δεύτερον για να σε βοηθήσει κάποιος νομίζω θα ταν καλύτερο να γράψεις και τον κώδικα σου καθώς με τα στοιχεία που δίνεις προσωπικά τουλάχιστον δε μπορώ να υποθέσω τι μπορεί να φταίει.
Όπως έγραψε ήδη ο antonisid, θα πρέπει να δούμε το πρόβλημα. Η περιγραφή του προβλήματος δεν βοηθάει καθόλου αφού, εκτός από τα CSS που πιστεύεις πως έχουν πρόβλημα, πρέπει να δούμε και το «περιβάλλον» τους.
Συγνώμη παιδιά δεν το ήξερα για τα greeklish.
Σας έχω ανεβάσει ολόκληρο το σίτε
εδώ έχω την εικόνα το πώς θέλω να είναι:
Σας έχω ανεβάσει ολόκληρο το σίτε
εδώ έχω την εικόνα το πώς θέλω να είναι:
Αφού το #content που περικλείει όλα τα στοιχεία σου έχει συγκεκριμένες διαστάσεις και αν -όπως υποθέτω- όλα τα στοιχεία έχουν επίσης συγκεκριμένες διστάσεις, τότε μπορείς πολύ απλά να βάλεις position:relative στο #content και όλα τα elements να τοποθετούνται με position:absolute σε σχέση με το #content. Δεν θα χρειαστείς ούτε float ούτε margin. Ωστόσο, δεν μου βγαίνουν τα νούμερα και φοβάμαι πως στην πρόσθεση των επιμέρους blocks δεν έχει υπολογίσει τα borders. Anyway, έκανα τις παρακάτω αλλαγές και μπορείς να τα προσθέσεις στο style σου. Μετά βλέπουμε!
#content {
background-color:#FFF;
width:944px;
height:434px;
margin:0 auto;
border:1px solid #bebdbc;
position:relative;
}
img.img2 {
padding:1px;
background:#bebdbc;
position:absolute;
top:3px;
left:381px;
}
#slideshow1 {
width:334px;
height:215px;
border:0 none;
margin:0;
position:absolute;
bottom:3px;
left:440px;
}
#content {
background-color:#FFF;
width:944px;
height:434px;
margin:0 auto;
border:1px solid #bebdbc;
position:relative;
}
img.img2 {
padding:1px;
background:#bebdbc;
position:absolute;
top:3px;
left:381px;
}
#slideshow1 {
width:334px;
height:215px;
border:0 none;
margin:0;
position:absolute;
bottom:3px;
left:440px;
}
ναι όντος δεν είχα υπολογίσει σωστά τώρα είναι κομπλέ σε ευχαριστώ πολύ.
απλά έχω άλλο πρόβλημα τώρα όσες εικόνες προσθέτω δεν μου τις εμφανίζει.
δλδ έχω βάλει δυο slideshow στα αριστερά και στα δεξιά τις υπόλοιπες που θέλω να βάλω στο κάτω μέρος δεν μου τις εμφανίζει...
απλά έχω άλλο πρόβλημα τώρα όσες εικόνες προσθέτω δεν μου τις εμφανίζει.
δλδ έχω βάλει δυο slideshow στα αριστερά και στα δεξιά τις υπόλοιπες που θέλω να βάλω στο κάτω μέρος δεν μου τις εμφανίζει...
Είναι πολύ πιθανό να εμφανίζονται κάτω (ή πίσω) από πρώτο slideshow πάνω αριστερά. Θα πρέπει όλα τα slideshow και οι εικόνες να τοποθετηθούν επίσης με position:absolute και left/bottom ή top.
το δοκίμασα μόλις τώρα αλλά και πάλι δεν μου τις εμφανίζει
Κάνε ένα copy-paste το CSS να το δούμε ή ένα .rar όλο το πακέτο ξανά, κάτι έχει ξεφύγει!
#content {
background-color:red;
width:932px;
height:406px;
margin-left: auto ;
margin-right: auto ;
position:relative;
border:1px solid #bebdbc;
}
τα slideshow αριστερά και δεξιά
#slideshow {
width:372px;
height:213px;
margin:3px 0px 0px 3px;
position:absolute;
border:0px solid #889ba7;
}
#slideshow1 {
width:331px;
height:215px;
position:absolute;
margin:-221px 0px 0px 596px;
border:0px solid #889ba7;
}
και απο εδώ και πέρα οτι και αν βάζω δεν μου εμφανίζει τίποτα
background-color:red;
width:932px;
height:406px;
margin-left: auto ;
margin-right: auto ;
position:relative;
border:1px solid #bebdbc;
}
τα slideshow αριστερά και δεξιά
#slideshow {
width:372px;
height:213px;
margin:3px 0px 0px 3px;
position:absolute;
border:0px solid #889ba7;
}
#slideshow1 {
width:331px;
height:215px;
position:absolute;
margin:-221px 0px 0px 596px;
border:0px solid #889ba7;
}
και απο εδώ και πέρα οτι και αν βάζω δεν μου εμφανίζει τίποτα
Το #content είναι ΟΚ. Τα #slideshow και #slideshow1 δεν είναι. Έχεις position:absolute χωρίς left/right και top/bottom οπότε είναι σχεδόν τυχαίο το που θα κάτσουν, ανάλογα με τη σειρά τους στο source. Τα margins είναι επίσης άχρηστα αφού θα πρέπει να βάλεις left ή right και top ή bottom. Μπορείς να το στήσεις και χωρίς absolute συντεταγμένες αλλά θα είναι πιο δύσκολο!
κατάλαβα...στο position όμως τι να βάλω;
Το position θα το βάλεις absolute σε όλα και μετά θα μετρήσεις τις αποστάσεις στο Photoshop / Gimp / Paint.net / whatever και θα τις βάλεις στο left και στο top του καθενώς, σε σχέση με τις άκρες του #content.
λοιπόν έβγαλα όπως μου είπες τα margin και έβαλα left,top κτλ.
όλα ωραία μέχρι εδώ από εδώ και πέρα όποια εικόνα και αν θέλω να βάλω στο κάτω μέρος δεν μου την εμφανίζει.
όλα ωραία μέχρι εδώ από εδώ και πέρα όποια εικόνα και αν θέλω να βάλω στο κάτω μέρος δεν μου την εμφανίζει.
Ε ξέρεις πλέον τι πρέπει να κάνεις, zipάκι και ανέβασμα να τα δούμε, το CSS δεν διορθώνεται από μακριά!
Σελίδα 1 από 2 | [ 16 Δημοσιεύσεις ]
Μέλη σε σύνδεση
Μέλη σε αυτή την Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτεςΚανόνες
Δεν μπορείτε να δημοσιεύετε νέα θέματα σε αυτή τη Δ. ΣυζήτησηΔεν μπορείτε να απαντάτε σε θέματα σε αυτή τη Δ. Συζήτηση
Δεν μπορείτε να επεξεργάζεστε τις δημοσιεύσεις σας σε αυτή τη Δ. Συζήτηση
Δεν μπορείτε να διαγράφετε τις δημοσιεύσεις σας σε αυτή τη Δ. Συζήτηση
Δεν μπορείτε να επισυνάπτετε αρχεία σε αυτή τη Δ. Συζήτηση
