Body background: κέντρο και κορυφή

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

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

Απάντηση
Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Body background: κέντρο και κορυφή

Δημοσίευση από EneMe » 09 Δεκ 2009 20:51

Έχω μια εικόνα που θέλω να βάλω background στο κέντρο και πάνω σε μια σελίδα, χωρίς να επαναλαμβάνεται οριζοντίως ή καθέτως.

Η σελίδα ΔΕΝ θα έχει εχει εξωτερικό αρχείο css.

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

body {
    background-color: #FFFFFF;
    background-image: background.jpg;
    background-repeat: no-repeat;
    background-position: center top;
} 
1) Eίναι σωστό αυτό το css;
2) Πώς το γράφω σωστά μέσα στο <body>; Δηλαδή πώς βάζω τα styles μέσα στο html αρχείο;

Άβαταρ μέλους
paink1ller
Δημοσιεύσεις: 865
Εγγραφή: 21 Ιαν 2008 19:51

Body background: κέντρο και κορυφή

Δημοσίευση από paink1ller » 09 Δεκ 2009 21:00

<body style="background: #FFFFFF url('background.jpg') no-repeat fixed top center">
Ηobby: Shooting photons

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Body background: κέντρο και κορυφή

Δημοσίευση από EneMe » 09 Δεκ 2009 21:02

Ευχαριστώ! Το λάθος με το url(' ') το είδα αφού είχα ποστάρει...

Το fixed δεν το είχα βάλει...

Να είσαι καλά, πάω να το δοκιμάσω αμέσως!!! :D

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

Body background: κέντρο και κορυφή

Δημοσίευση από dimsis » 09 Δεκ 2009 21:03

δοκίμασε

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

<style>
body &#123;background&#58;#fff url&#40;'background.jpg'&#41; no-repeat center top&#125;
</style>
το fixed το βάζεις αν δεν θέλεις να σκρολάρει η εικόνα του φόντου όταν το περιεχόμενο είναι μεγαλύτερο σε ύψος από το ύψος της ανάλυσης του browser .


kostas-theod
Δημοσιεύσεις: 222
Εγγραφή: 11 Ιαν 2004 09:15
Τοποθεσία: Πάτρα-ΕΛΛΑΔΑ

Body background: κέντρο και κορυφή

Δημοσίευση από kostas-theod » 17 Οκτ 2011 17:34

Και αν θέλω να κάνω link στην φωτογραφία που βάζω στο background να ανοίγει σε νέο παράθυρο τι πρέπει να γράψω στον κώδικα.

<body style="background: #FFFFFF url('background.jpg') no-repeat fixed top center">

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Body background: κέντρο και κορυφή

Δημοσίευση από Kypros Lambrou » 17 Οκτ 2011 20:06

kostas-theod έγραψε:Και αν θέλω να κάνω link στην φωτογραφία που βάζω στο background να ανοίγει σε νέο παράθυρο τι πρέπει να γράψω στον κώδικα.

<body style="background: #FFFFFF url('background.jpg') no-repeat fixed top center">
Γειά σου Κώστα.
Αυτό που θέλεις να κάνεις δεν είναι και ότι καλύτερο να γίνει με background και μετά να έχεις άλλα προβλήματα αφού θέλεις να μπορείς να έχεις και link στην φωτογραφία.

Πιστεύω θα ήταν καλύτερα να το κάνεις με ενσωματωμένο css στο head της σελίδας όπως παρακάτω :

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


<head>
<style type="text/css">
     body &#123;
		background-color&#58; #00F;
		margin&#58;0;
		text-align&#58;center;
	&#125;
</style>
</head>
<body>
	<a href="#">
    	<img src="background.jpg" />
    </a>
</body>
</html>

Απάντηση

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

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

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