kobetai i image οταν κανεις resize τον browser

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

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

Απάντηση
kingbill
Δημοσιεύσεις: 244
Εγγραφή: 19 Νοέμ 2005 15:06

kobetai i image οταν κανεις resize τον browser

Δημοσίευση από kingbill » 10 Νοέμ 2007 17:23

δεν δουλευει αυτος κωδικας σε firefox σε IE δουλευει μια χαρα
το προβλημα ειναι στο z-index:-1 δηλ. αν το βαλω δεν εμφανιζει την εικονα αν το βγαλω την εμφανιζει κανονικα.

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


<style type="text/css">
img.header
&#123;
	position&#58;absolute;
	left&#58;0px;
	top&#58;0px;
	z-index&#58;-1
&#125;
</style>
</head>

<body>
<h1>This is a Heading</h1>
<img class="header" src="images/header.jpg" width="323" height="60" style="left&#58; 10px; top&#58; 0px"> 
</body>
Τελευταία επεξεργασία από το μέλος kingbill την 12 Νοέμ 2007 22:48, έχει επεξεργασθεί 1 φορά συνολικά.

kingbill
Δημοσιεύσεις: 244
Εγγραφή: 19 Νοέμ 2005 15:06

kobetai i image οταν κανεις resize τον browser

Δημοσίευση από kingbill » 11 Νοέμ 2007 21:53

kaneis re paidia

Άβαταρ μέλους
Alice_Cooper
Δημοσιεύσεις: 1947
Εγγραφή: 11 Μάιος 2007 00:33
Τοποθεσία: Ioannina
Επικοινωνία:

kobetai i image οταν κανεις resize τον browser

Δημοσίευση από Alice_Cooper » 12 Νοέμ 2007 01:29

xmmm nomizo sthn mozilla exei odigies gia ta z-index ....

den eida anafora an ta ypostirizei o explorer mporeis na dokimaseis na to ksekina apo 0 h apo ena ... mhn xrisimopoihs
to -1 gia back apla ksekina me 1 px... anti -1 kai dose se ola +1 ....

an den peksei ki afto ... kai thes na ypostirizeis explorer (pou logika nai)
vres allo tropo na doseis ta order sou
px na valeis apla me thn seira ta div

kingbill
Δημοσιεύσεις: 244
Εγγραφή: 19 Νοέμ 2005 15:06

kobetai i image οταν κανεις resize τον browser

Δημοσίευση από kingbill » 12 Νοέμ 2007 12:51

αυτο που ηθελα ενεμερη το πετυχα
αλλα υπαρχει ενα αλλο προβλημα οταν κανω resize τον browzer η κεντρικια image κοβεται και μετακινειται
και η κατω μπαρα ανεβαινει πανω οσο κανεις resize ton browser

εγω θελω να εναι σε full size αναλογα με το resize toυ browser χωρις ομως να κανει resize
την photo
σας δινω και τον κωδικα

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

.header
&#123;
	z-index&#58;1;
    position&#58;absolute;	
	margin&#58;0px;
	padding&#58;0px;
	width&#58;100%;
	height&#58;49px;
    background-image&#58;url&#40;images/header.jpg&#41;;
    background-repeat&#58;repeat-x;
&#125;
.main
&#123;

     margin&#58;0px;
     padding&#58;0px;
     width&#58;100%;
     height&#58;100%;    
     background-image&#58;url&#40;images/center.png&#41;;
     background-repeat&#58;repeat-x;	 
     z-index&#58;1;
     position&#58;absolute;
     left&#58;-5%;
     top&#58;0%;
&#125;

body 
&#123;
    z-index&#58;1;
	margin&#58; 0px;
	padding&#58; 0px;
    background-color&#58; #000000;
	background-image&#58; url&#40;images/bg.jpg&#41;;
	background-repeat&#58; no-repeat;
	background-position&#58; fixed;	

	
&#125;

.footer
&#123;
	margin&#58;0px;
	padding&#58;0px;
	width&#58;100%;
	height&#58;49px;
	background-color&#58; #000000;
	background-image&#58;url&#40;images/footer.jpg&#41;;
	background-repeat&#58;repeat-x;
	bottom&#58;-5.9%;
&#125;

sas anebasa kai image gia na deite
Συνημμένα
test.JPG

Απάντηση

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

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

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