Ερώτηση για κατασκευή ιστοσελίδας

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

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

Απάντηση
Daemonarch
Δημοσιεύσεις: 1
Εγγραφή: 31 Μαρ 2010 13:19

Ερώτηση για κατασκευή ιστοσελίδας

Δημοσίευση από Daemonarch » 14 Απρ 2010 14:25

Καλησπέρα και Χρόνια Πολλά σε όλη την ομάδα του forum. Πριν 3-4 εβδομάδες ανακάλυψα το συγκεκριμένο site και ομολογώ έχω βρεί αρκετά ενδιαφέρον πράγματα και βοηθήματα πάνω στον προγραμματισμό που μου έλυσαν διάφορες απορίες που είχα. Τώρα με τη σειρά μου κι έγω έχω φάει ένα κόλημα, δλδ

Θέλω να βάλω σε μια ιστοσελίδα ένα background stretch σύμφωνα

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Background to fit screen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">

<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html &#123;height&#58;100%;&#125;
body &#123;height&#58;100%; margin&#58;0; padding&#58;0;&#125;
/* prepares the background image to full capacity of the viewing area */
#bg &#123;position&#58;fixed; top&#58;0; left&#58;0; width&#58;100%; height&#58;100%;&#125;
/* places the content ontop of the background image */
#content &#123;position&#58;relative; z-index&#58;1;&#125;
</style>
<!--&#91;if IE 6&#93;>
<style type="text/css">
/* some css fixes for IE browsers */
html &#123;overflow-y&#58;hidden;&#125;
body &#123;overflow-y&#58;auto;&#125;
#bg &#123;position&#58;absolute; z-index&#58;-1;&#125;
#content &#123;position&#58;static;&#125;
</style>
<!&#91;endif&#93;-->
</head>

<body>
<div id="bg"><img src="yourimage.jpg" width="100%" height="100%" alt=""></div>
<div id="content"><p>Enter a ton of text or whatever here.</p></div>
</body>
</html> 
όπου <img src="yourimage.jpg" βάζω τη δικία μου εικόνα

και ύστερα να βάλω έναν πίνακα π.χ. ( 4χ4 κτλ )

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

<TABLE border="1" width="100%" height="100%">
			<TR width="20%" height="20%">
				<TD width="20%" height="20%">1
				<TD width="20%" height="20%">2
				<TD width="20%" height="20%">3
				<TD width="20%" height="20%">4
				
			</TR>
			<TR width="20%" height="20%">
				<TD width="20%" height="20%">5
				<TD width="20%" height="20%">6
				<TD width="20%" height="20%">7
				<TD width="20%" height="20%">8
			</TR>
			<TR width="20%" height="20%">
				<TD width="20%" height="20%">9
				<TD width="20%" height="20%">10
				<TD width="20%" height="20%">11
				<TD width="20%" height="20%">12
			</TR>
			<TR width="20%" height="20%">
				<TD width="20%" height="20%">13
				<TD width="20%" height="20%">14
				<TD width="20%" height="20%">15
				<TD width="20%" height="20%">26
			</TR>
</TABLE>

πάνω απο το background ( όταν λέω πάνω απο το background εννοώ το background να είναι πίσω και ο πίνακας να εφάπτεται πάνω στο background ) γνωρίζω ότι το background #content {position:relative; z-index:1;} και βάζω τον πίνακα z-index 2 αλλά και πάλι δεν βλέπω φως στο τούνελ...Παίζει κανέναν ρόλο που το position είναι relative και δεν γίνεται;

Ευχαριστώ για το χρόνο σας

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

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

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