Πρόβλημα με background image

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

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

Απάντηση
jim004
Δημοσιεύσεις: 34
Εγγραφή: 23 Αύγ 2010 13:43

Πρόβλημα με background image

Δημοσίευση από jim004 » 13 Φεβ 2012 03:11

Καλημέρα,

Φτιάχνω μία σελίδα και προσπαθώ να βάλω μια εικόνα στην κορυφή της οθόνης σαν background image. Παράλληλα μπροστά απο αυτή την εικόνα θέλω να βάλω 4 κουμπιά. Και η background image και τα κουμπιά θέλω να είναι εκεί σε κάθε σελίδα. Στο HTML αρχείο έχω γράψει αυτό

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

<body>
		<div class="center">	
			Home
   		<a href="about.html">About</a>
   		<a href="products.html">Products</a>
   		<a href="contact.html">Contact</a>
		</div>
	
	</body>	
και στο CSS

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

body&#123;
background-image&#58; url&#40;"../images/image001.gif"&#41;;
  background-attachment&#58; fixed;  /*Ean scrollareis i eikona menei ekei poy einai*/
  background-position&#58; center center; 
 /*background-position&#58; 50% 50%;*/
  background-repeat&#58; repeat-x;	
	
	color&#58;#000000;
 
   font-family&#58;arial, verdana, sans-serif; 
   font-size&#58;15px;   
   background-image&#58; url&#40;"images/image001.gif"&#41;;
   background-repeat&#58; repeat;
   background-position&#58; center center;

   &#125;
και μου εμφανίζεται αυτό που επισυνάπτω. Πως μπορεί να λύθεί το πρόβλημα;
Συνημμένα
1.jpg
(14.13 KiB) Μεταφορτώθηκε 242 φορές

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

Πρόβλημα με background image

Δημοσίευση από EneMe » 13 Φεβ 2012 09:43

To css σου από πού το πήρες και είναι έτσι;
Εύκολα βλέπεις κι εσύ ότι έχει διπλές εγγραφές για τα ίδια πράγματα.

Για δες αυτό:

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

body
&#123;
background-color&#58;#000000;
background-image&#58;url&#40;'"../images/image001.gif"'&#41;;
background-repeat&#58;repeat-x;
background-attachment&#58;fixed;
background-position&#58;center top;
&#125; 
Σχετικά με το repeat: To repeat-x θα επαναλαμβάνει την εικόνα οριζόντια. Αν δε θέλεις ούτε αυτό, βάλε no-repeat.

jim004
Δημοσιεύσεις: 34
Εγγραφή: 23 Αύγ 2010 13:43

Πρόβλημα με background image

Δημοσίευση από jim004 » 13 Φεβ 2012 17:04

Η εικόνα (image001.gif) δείχνει ένα τοπίο αλλά με αυτές τις εντολές βλέπω σαν background ένα χρώμα μαύρο.

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

Πρόβλημα με background image

Δημοσίευση από EneMe » 13 Φεβ 2012 22:13

To url είναι σωστό;
Δηλαδή η εικόνα σε ποιο φάκελο είναι ως προς το αρχείο της σελίδας;

jim004
Δημοσιεύσεις: 34
Εγγραφή: 23 Αύγ 2010 13:43

Πρόβλημα με background image

Δημοσίευση από jim004 » 13 Φεβ 2012 23:54

Απλά αντί για
background-image:url('"../images/image001.gif"');
ήθελε το
background-image:url("../images/image001.gif");

Να ρωτήσω κάτι τελευταίο: Υπάρχει τρόπος να μικρύνω το μέγεθος της background εικόνας εκτός από το Photosop, δηλαδή με κάποια εντολή weight & width;


jim004
Δημοσιεύσεις: 34
Εγγραφή: 23 Αύγ 2010 13:43

Πρόβλημα με background image

Δημοσίευση από jim004 » 14 Φεβ 2012 13:20

Να αλλά δε θα πρέπει να είναι σε κάποιον ξεχωριστώ φάκελο η εικόνα από το html...και πάλι ευχαριστώ!!!

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

Πρόβλημα με background image

Δημοσίευση από EneMe » 14 Φεβ 2012 15:10

Όχι βέβαια, τι σχέση έχει αυτό;

Επειδή είδα και το άλλο θέμα σου, μάλλον δεν έχεις ιδέα και προσπαθείς να συρράψεις κώδικες που βρίσκεις εδώ κι εκεί.

Θα ήταν καλύτερο να διαβάσεις λίγο html και css για αρχή...

jim004
Δημοσιεύσεις: 34
Εγγραφή: 23 Αύγ 2010 13:43

Πρόβλημα με background image

Δημοσίευση από jim004 » 14 Φεβ 2012 23:13

Τι σχέση έχει το ένα με το άλλο θέμα? Τέλος πάντων ευχαριστώ πολύ για τη βοήθεια και για τα 2 θέματα

Απάντηση

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

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

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