Background position

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

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

Απάντηση
Άβαταρ μέλους
tasos_art
Δημοσιεύσεις: 152
Εγγραφή: 22 Νοέμ 2007 14:44
Τοποθεσία: Χαλκιδική
Επικοινωνία:

Background position

Δημοσίευση από tasos_art » 02 Μάιος 2008 21:37

Καλησπέρα,

θέλω να κάνω το εξής
θέλω να έχω δύο Background στη σελίδα μου, δηλαδή ένα τέρμα πάνω και ένα τέρμα κάτω
αυτό λογικά θα γίνετε με κάποιο Position αλλά δεν βρήκα κάτι σχετικό

Ευχαριστώ εκ των προτέρων
Εικόνα

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Background position

Δημοσίευση από skeftomilos » 02 Μάιος 2008 23:44

Δε γίνεται με ευθή τρόπο. Αν θέλεις ρίξε μια ματιά σε αυτό το topic μήπως σου έρθουν ιδέες.

- Πως σπάμε ένα block ώστε να μεγαλώνει ανάλογα με την ανάλυση

Άβαταρ μέλους
tasos_art
Δημοσιεύσεις: 152
Εγγραφή: 22 Νοέμ 2007 14:44
Τοποθεσία: Χαλκιδική
Επικοινωνία:

Background position

Δημοσίευση από tasos_art » 03 Μάιος 2008 12:45

Το συγκεκριμένο το ξέρω να το κάνω και μόνος μου απλός ρωτάω συγκεκριμένα για background position.

Ευχαριστώ πάντως για την απάντηση
Εικόνα

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

Background position

Δημοσίευση από ALR » 04 Μάιος 2008 02:58

Κάνεις assign το πρώτο bg στον header και το δεύτερο στο Footer.. Εκτός αν καταλαβαίνω κάτι λάθος.

no-repeat top left είναι το position.. πολύ απλό.
Γίνονται πραγματάκια

Άβαταρ μέλους
geoki
Δημοσιεύσεις: 309
Εγγραφή: 07 Ιαν 2002 01:00
Τοποθεσία: Giannitsa

Background position

Δημοσίευση από geoki » 12 Μάιος 2008 02:33

Ο δικός μου τρόπος για τέτοιες περιπτώσεις είναι η τοποθέτηση δύο div σαν background ,
στο ένα να επαναλαμβάνει οριζόντια πάνω το επάνω background

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

#body-div-back { 
	background: #FDFDD8 url('images/back_site_top.jpg') repeat-x top; 
	width: 100%; 
	height: 100%; 
	padding-top:0px;  
} 

και το άλλο να επαναλαμβάνει οριζόντια κάτω το κάτω background

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

#body-div-front { 
	background: url('images/back_site_bottom.jpg') repeat-x bottom; 
	width: 100%; 
	height: 100%; 
	padding-top:0px;  
}

Demo

files

Άβαταρ μέλους
af
Honorary Member
Δημοσιεύσεις: 2928
Εγγραφή: 06 Ιούλ 2003 17:18
Τοποθεσία: Γλυφάδα
Επικοινωνία:

Background position

Δημοσίευση από af » 12 Μάιος 2008 08:13

κατά ένα περίεργο τρόπο δεν μου εμφανίζετε το 2ο background :-?

Άβαταρ μέλους
af
Honorary Member
Δημοσιεύσεις: 2928
Εγγραφή: 06 Ιούλ 2003 17:18
Τοποθεσία: Γλυφάδα
Επικοινωνία:

Background position

Δημοσίευση από af » 12 Μάιος 2008 08:30

Πάλι κατα ένα περίεργο τρόπο δούλεψε :P
Eυχαριστώ πολύ geoki ;) πραγματικά παιδεύομαι όλη μέρα με αυτό !!!! :) ευχαριστώ και πάλι :)

Απάντηση

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

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

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