με css γινεται?

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

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

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

με css γινεται?

Δημοσίευση από cyberfreak » 26 Οκτ 2009 16:31

αυτη η μπαρα κατω με css γινεται?αν ναι πως :D

Εικόνα

nbc
Honorary Member
Δημοσιεύσεις: 526
Εγγραφή: 05 Σεπ 2009 20:12
Επικοινωνία:

με css γινεται?

Δημοσίευση από nbc » 26 Οκτ 2009 16:49

#statusbar
{
position: fixed;
top: 100%;
margin-top: -20px; /* βάλε το ύψος της μπάρας */
}

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

με css γινεται?

Δημοσίευση από cyberfreak » 26 Οκτ 2009 16:55

ετσι οπως ειναι θα εμφανιζεται στο κατω μερος της σελιδας?

nbc
Honorary Member
Δημοσιεύσεις: 526
Εγγραφή: 05 Σεπ 2009 20:12
Επικοινωνία:

με css γινεται?

Δημοσίευση από nbc » 26 Οκτ 2009 16:59

Στον πάτο του browser window (viewport). Αυτό δεν θέλεις ή κατάλαβα λάθος;

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

με css γινεται?

Δημοσίευση από cyberfreak » 26 Οκτ 2009 17:02

οπως ακριβως ειναι στο facebook γιατι αυτο εχω εργασια και ψαχνομαι να δω πως θα το κανω

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

με css γινεται?

Δημοσίευση από cyberfreak » 26 Οκτ 2009 17:57

#status_bar{
background-color:#000000;
width:100%;
height:100px;
position:fixed;
top: 100%;
margin-top:-20px;
}

το εκανα καπως ετσι και μου δουλεψε αν αλλαξω το width σε 800px πως μπορω να κανω στοιχιση στη μεση στο css δεν εχει align σωστα :-?

nbc
Honorary Member
Δημοσιεύσεις: 526
Εγγραφή: 05 Σεπ 2009 20:12
Επικοινωνία:

με css γινεται?

Δημοσίευση από nbc » 26 Οκτ 2009 18:27

Αφού το height είναι 100px, τότε το margin-top πρέπει να είναι -100px. Η λογική είναι ότι με το "top: 100%" σπρώχνεις το div να ξεκινάει από το τέλος του παραθύρου. Έτσι όμως δεν θα φαίνεται. Με το αρνητικό margin το "ανεβάζεις" τόσο όσο το ύψος του, ώστε να τελικά να πατάει πάνω στη statusbar.

Για να κεντράρεις οριζόντια, πρέπει το δεξί-αριστερό margin να είναι "auto".

Συνεπώς, όλα μαζί (σβήνεις το margin-top):

margin: -100px auto 0 auto;

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

με css γινεται?

Δημοσίευση από cyberfreak » 26 Οκτ 2009 20:21

καπως ετσι δηλαδη?

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

#status_bar{
	background-image:url(images/statusbar.jpg);
	width:800px;
	height:25px;
	position:fixed;
	top: 100%;	
	margin: -25px auto 0 auto;
}

Απάντηση

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

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

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