δημιουργια Footer

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

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

Απάντηση
Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

δημιουργια Footer

Δημοσίευση από cyberfreak » 06 Νοέμ 2009 18:38

προσπαθω να κανω ενα footer αλλα δεν μπορω να καταφερω να το πηγαινω τερμα κατω οσο και αν αυξανεται το περιεχομενο της υπολοιπης σελιδας

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

#footer{
	position: fixed;
	bottom:0px;
	height:50px;
	width:980px;
}
#footer li{
	float:left;
	padding:px;
	margin:5px;
	font-size:12px;
	list-style:none;

}

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

δημιουργια Footer

Δημοσίευση από fafos » 06 Νοέμ 2009 18:56

dokimase me position: absolut; kai sto body padding kai margin = 0
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

δημιουργια Footer

Δημοσίευση από cyberfreak » 06 Νοέμ 2009 19:00

δεν δουλευει και δεν παει τερμα κατω τι Σκ@τ@ κανω λαθος δεν ξερω

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

δημιουργια Footer

Δημοσίευση από fafos » 06 Νοέμ 2009 19:09

mhpos to exeis mesa se allo div?
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

δημιουργια Footer

Δημοσίευση από cyberfreak » 06 Νοέμ 2009 19:12

στο κεντρικο div το εχω εξω θα βγαλω μονο ενα statusbar που θα βαλω,,αν το βαλω εξω απο ολα τα div παει τερμα αριστερα

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

δημιουργια Footer

Δημοσίευση από fafos » 06 Νοέμ 2009 19:16

cyberfreak έγραψε:στο κεντρικο div το εχω εξω θα βγαλω μονο ενα statusbar που θα βαλω,,αν το βαλω εξω απο ολα τα div παει τερμα αριστερα
an tou doseis margin: auto; tha paei sthn mesh
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

δημιουργια Footer

Δημοσίευση από cyberfreak » 06 Νοέμ 2009 19:21

ετσι το εχω τωρα και δεν παει

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

#footer{
	position:absolute;
	bottom:0px;
	height:50px;
	width:980px;
	margin:0 auto;
}

#footer ul li{
	float:left;
	padding:px;
	margin:5px;
	font-size:12px;
	list-style:none;
}
ετσι μου βγαινει
Εικόνα

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

δημιουργια Footer

Δημοσίευση από Alice_Cooper » 06 Νοέμ 2009 20:15

sto <body> to exeis???

Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

δημιουργια Footer

Δημοσίευση από cyberfreak » 06 Νοέμ 2009 22:03

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

<body>
	<div id="topline">
		<div id="header">
        	<div id="logo"><img src="images/logo.jpg"/>            </div>
            	
				<ul class="menuitems">
					<li><a href="#">Home</a></li>
					<li><a href="#">Profile</a></li>
					<li><a href="#">Friends</a>
					<ul class="submenuitems">
					<li><a href="#">Recently Added</a></li>
					<li><a href="#">All fiends</a></li>
					<li><a href="#">Invite Friends</a></li>
					<li><a href="#">Find Friends</a></li>
					</ul>
					</li>
					<li><a href="#">Inbox</a>
					<ul class="submenuitems">
					<li><a href="#">View message Inbox</a></li>
					<li><a href="#">Compose new message</a></li>
					</ul>
					</li>
				</ul>
				<div id="rightmenu">
				<div id="search">
							<form method="get" action="">
								<fieldset>
								<input type="text" name="s" id="search-text" value="Αναζήτηση" title="Αναζήτηση" placeholder="Αναζήτηση" size="15" />
								<input type="image" src="images/search.gif"  id="search-submit"/>
								</fieldset>
							</form>							
		</div>			
				<ul class="rightmenuitems">
					<li><a href="#">alexandros mavridis</a></li>
					<li><a href="#">settings</a>
						<ul class="rightsubmenuitems">
					<li><a href="#"><img src="images/1.gif" align="absmiddle" hspace="3"/>settings1</a></li>
					<li><a href="#"><img src="images/2.gif" align="absmiddle" hspace="3"/>settings2</a></li>
					<li><a href="#"><img src="images/3.gif" align="absmiddle" hspace="3"/>settings3</a></li>
					<li><a href="#"><img src="images/4.gif" align="absmiddle" hspace="3"/>settings4</a></li>
						</ul>
					</li>
					<li><a href="#">logout</a></li>
				</ul>
                
                </div>
   	  </div>
			
	</div>
 	<div id="maincontainer">
    			<div id="news_feed">
                	<ul>
                    <li></li>
                    <li><img src="images/lastnews.png" align="absmiddle" hspace="5" /><a href="#">Last News</a></li>
                    <li><img src="images/pics.png" align="absmiddle" hspace="5"/><a href="#">Pictures</a></li>
                    <li><img src="images/links.png" align="absmiddle" hspace="5"/><a href="#">Links</a></li>
                    <li><img src="images/group.png" align="absmiddle"  hspace="5"/><a href="#">Groups</a></li>                
                    </ul>
                </div>
                <div id="wall">
						<ul>
							<li><img src="images/running.png" align="absmiddle" />Σε εξέλιξη..<a href="#">Εμφάνιση τελευταίων νέων</a></li>
							<li><input type="text" name="textfield" value="Τι σκέφτεστε;" title="Τι σκέφτεστε;"  class="walltextfield"/></li>
							<li><img src="images/walltalk.png" align="absmiddle" hspace="5"/>Ο <a href="#"><b>Alexandros</b></a> έγινε μέλος της ομάδας <a href="#">Super3</a>.</li>
							<li><img src="images/walltalk.png" align="absmiddle" hspace="5"/>Ο <a href="#"><b>Alexandros</b></a> έγινε μέλος της ομάδας <a href="#">Super3</a>.</li>
							<li><img src="images/walltalk.png" align="absmiddle" hspace="5"/>Ο <a href="#"><b>Alexandros</b></a> έγινε μέλος της ομάδας <a href="#">Super3</a>.</li>
							<li><img src="images/walltalk.png" align="absmiddle" hspace="5"/>Ο <a href="#"><b>Alexandros</b></a> έγινε μέλος της ομάδας <a href="#">Super3</a>.</li>
							<li><img src="images/walltalk.png"  align="absmiddle" hspace="5"/>Ο <a href="#"><b>Alexandros</b></a> έγινε μέλος της ομάδας <a href="#">Super3</a>.</li>
							<li><img src="images/walltalk.png" align="absmiddle" hspace="5"/>Ο <a href="#"><b>Alexandros</b></a> έγινε μέλος της ομάδας <a href="#">Super3</a>.</li>
							<li><img src="images/walltalk.png" align="absmiddle" hspace="5"/>Ο <a href="#"><b>Alexandros</b></a> έγινε μέλος της ομάδας <a href="#">Super3</a>.</li>
						</ul>
				</div>
                <div id="events">
					<ul> Αιτηματα
						<li><img src="images/friendrequest.png" align="absmiddle" hspace="5" /><a href="#">friend request</a></li>
						<li><img src="images/group.png" align="absmiddle" hspace="5" /><a href="#">invite</a></li>
						<li><img src="images/group.png" align="absmiddle" hspace="5"/><a href="#">invite</a></li>	
						<li><img src="images/morerequest.png" align="absmiddle"  hspace="5" /><a href="#">More</a></li>					
					</ul>
					<ul> Προτάσεις
						<li>Προτάσεις</li>	
						<li>Προτάσεις</li>
						<li>Προτάσεις</li>						
					</ul>
					<ul> Διαφήμιση
						<li><table width="100" border="0" cellpadding="0" cellspacing="0">
							  <tr>
								<td colspan="2"><a href="#">Σε ευχαριστούμε Alexandros</a></td>
							  </tr>
							  <tr>
								<td valign="top"><img src="images/ads.png"/></td>
								<td>Χάρη σε σένα, πολλοί από τους φίλους σου είναι τώρα στο Facebook. Συνδέσου εισάγοντας τις επαφές σου από το Windows Live Hotmail χρησιμοποιώντας το <a href="#">cyberfreak_alex@hotmail.com</a> σου.</td>
							  </tr>
							</table>
						</li>						
					</ul>
					<ul> Εκδηλώσεις
						<li><img src="images/date.png" align="absmiddle" hspace="5"/>party!!</li></li>
						<li><img src="images/date.png" align="absmiddle" hspace="5"/>party!!</li></li>
					</ul>
					<ul> Σκουντήγματα
						<li><img src="images/skountigma.png" align="absmiddle" hspace="5"/>Σκουντήγματα</li>
						<li><img src="images/skountigma.png" align="absmiddle" hspace="5"/>Σκουντήγματα</li>
						<li><img src="images/skountigma.png" align="absmiddle"  hspace="5"/>Σκουντήγματα</li>
					</ul>
					<ul> Συνδεθείτε με Φίλους
						<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
						<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
								<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
						<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
								<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
						<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
								<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
						<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
								<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
						<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
								<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
						<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
								<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
						<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
								<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
						<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
																
						
					</ul>
					



				</div>
				
    </div>				
	<div id="footer">
				<ul><hr size="1px" color="#CCCCCC"/>
					<li>Facebook © 2009</li>
					<li>Greek</li>
					<li>Σχετικά</li>
					<li>Διαφήμιση</li>
					<li>Σχεδιαστές</li>
					<li>Θέσεις εργασίας</li>
					<li> Όροι</li>
					<li>Αναζήτηση Φίλων</li>
					<li>Προσωπικό Απόρρητο</li>
					<li>Κινητό</li>
					<li>Βοήθεια </li>
				</ul>
	  </div>
	
</body>

Catalyst
Δημοσιεύσεις: 195
Εγγραφή: 06 Μαρ 2009 21:40

δημιουργια Footer

Δημοσίευση από Catalyst » 07 Νοέμ 2009 12:14

position: relative;

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

#footer li&#123;
	float&#58;left;
	padding&#58;px;
	margin&#58;5px;
	font-size&#58;12px;
	list-style&#58;none;
        position&#58; relative;
&#125;


:think:

Απάντηση

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

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

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