Βοήθεια με positioning

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

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

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

Βοήθεια με positioning

Δημοσίευση από EneMe » 16 Ιουν 2012 21:43

Έχω μια ιστοσελίδα πλάτους 900px και θέλω να βάλω ένα DIV πλάτους 200px να είναι στο αριστερό άκρο του κεντραρισμένου μέρους, δηλαδή να κάθεται στα πρώτα 200px και να αφήνει τα επόμενα 700px "άδεια".

Όλα αυτά με absolute positioning.

Πώς γίνεται αυτό;

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Βοήθεια με positioning

Δημοσίευση από apsuh0s » 16 Ιουν 2012 22:36

Position relative το container των 900px και position absolute το div των 200px.
.ninja { color: black; visibility: hidden !important; }

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Βοήθεια με positioning

Δημοσίευση από korgr » 16 Ιουν 2012 22:38

Θα δώσεις στο div των 900px position:relative και μέσα σε αυτό θα βάλεις το div των 200px με position:absolute και left:0; top:0

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Βοήθεια με positioning

Δημοσίευση από korgr » 16 Ιουν 2012 22:38

Που να τον προλάβεις τον css master :)

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

Βοήθεια με positioning

Δημοσίευση από EneMe » 17 Ιουν 2012 14:09

Θα το πασπατέψω και βλέπουμε... Ταρζανιές στο joomla δεν πιάνουν εύκολα...

Ευχαριστώ!!!

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Βοήθεια με positioning

Δημοσίευση από apsuh0s » 17 Ιουν 2012 22:28

korgr έγραψε:Που να τον προλάβεις τον css master :)
:oops: :hammer:
.ninja { color: black; visibility: hidden !important; }

Απάντηση

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

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

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