background σε website

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

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

Απάντηση
filfilip
Δημοσιεύσεις: 22
Εγγραφή: 18 Ιαν 2010 23:41

background σε website

Δημοσίευση από filfilip » 05 Φεβ 2011 12:44

Προσπαθώ να φτιάξω μία απλή ιστοσελίδα με περιεχόμενο την ερασιτεχνική αστρονομία και αστροφυσική. Θέλω να φτιάξω ένα background το οποίο θα έχει 2 φωτογραφίες. Το content θα είναι σταθερό 1000px πλάτος στο κέντρο της σελίδας. Οι φωτογραφίες θα είναι αριστερά και δεξιά του content. Μπορείτε να το δείτε: http://www.amateurobservation.eu

Αυτό που θέλω είναι όταν αλλάζει το πλάτος του browser και η ανάλυση να μην περνάνε οι φωτός πάνω από το content όπως συμβαίνει τώρα! Προφανώς το έχω ξεκινήσει τελείως λάθος!

Μπορεί κάποιος να μου πει πως θα το φτιάξω το background?

Ευχαριστώ πολύ!

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

background σε website

Δημοσίευση από dimsis » 05 Φεβ 2011 14:14

στα layer σου που θέλεις να είναι από πίσω δοκίμασε position: relative; και z-index: -1; π.χ.

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

#background #background_right {
    background-image: url("images/Einstein.png");
    background-repeat: no-repeat;
    float: right;
    height: 500px;
    width: 300px;
  position: relative;  
  z-index: -1;
}

filfilip
Δημοσιεύσεις: 22
Εγγραφή: 18 Ιαν 2010 23:41

background σε website

Δημοσίευση από filfilip » 06 Φεβ 2011 22:16

dimsis έγραψε:στα layer σου που θέλεις να είναι από πίσω δοκίμασε position: relative; και z-index: -1; π.χ.

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

#background #background_right {
    background-image: url("images/Einstein.png");
    background-repeat: no-repeat;
    float: right;
    height: 500px;
    width: 300px;
  position: relative;  
  z-index: -1;
}
Ευχαριστώ πολύ για την απάντηση αλλά το έλυσα με άλλον τρόπο για την ακρίβεια με μία φωτό στο κέντρο

Απάντηση

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

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

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