Tricky div

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

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

Απάντηση
Dawndeath
Δημοσιεύσεις: 10
Εγγραφή: 31 Μαρ 2011 15:57

Tricky div

Δημοσίευση από Dawndeath » 15 Ιουν 2011 06:36

Κανείς γνωρίζει πως θα φέρω το γ κάτω απο το β;

Εικόνα


Ευχαριστώ εκ των προτέρων.

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

Tricky div

Δημοσίευση από korgr » 15 Ιουν 2011 10:20

Αν δεν μας πεις τι ειναι και το καθε γραμμα, δηλαδη ποια είναι block και ποια inline elements...
Και ποιο css εχεις χρησιμοποιησει μεχρι στιγμης

Άβαταρ μέλους
Pantso
Δημοσιεύσεις: 67
Εγγραφή: 29 Μαρ 2010 16:49
Τοποθεσία: Athens, Greece
Επικοινωνία:

Tricky div

Δημοσίευση από Pantso » 15 Ιουν 2011 10:31

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

<div class="container">  
   <div class="a"></div>
   <div class="holder">
     <div class="b"></div>
     <div class="c"></div>
  </div>
  <div class="d"></div>
  <div class="e"></div>
</div>
και στα css σου

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

.container &#123;width&#58;550px;overflow&#58;hidden;&#125;
.a &#123;float&#58;left;width&#58;60px;&#125;
.holder &#123;float&#58;left;width&#58;240px;&#125;
.b &#123;float&#58;left;width&#58;240px;&#125;
.c &#123;float&#58;left;width&#58;240px;&#125;
.d &#123;float&#58;left;width&#58;125px;&#125;
.e &#123;float&#58;left;width&#58;125px;&#125;
Does not compute ... !
GreekTuts.net - Ελληνικά Βοηθήματα
VideoGamer.gr - Γιατί η ζωή είναι ένα παιχνίδι

Dawndeath
Δημοσιεύσεις: 10
Εγγραφή: 31 Μαρ 2011 15:57

Tricky div

Δημοσίευση από Dawndeath » 15 Ιουν 2011 12:31

korgr den gnwrizw toso kalo css gia na sou apantisw alla tha katsw na psaksw kai na paiksw me tis 2 enoeies p eipes wste na katalavw ti ennoeis. Euxaristw.

Pantso tha to treksw otan paw spiti giati twra eimai douleia kai tha sou pw euxaristw poly ek twn proterwn.

edit telika to dokimasa edw sti douleia

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

<div style="border&#58;1px solid black;" class="container">  
   <div style="border&#58;1px solid black;" class="a">alpha</div> 
   
   <div style="border&#58;1px solid black;"class="holder"> 
     <div style="border&#58;1px solid black;"class="b">beta</div> 
	 
     <div style="border&#58;1px solid black;"class="c">gama</div> 
	 
  </div> 
  <div style="border&#58;1px solid black;"class="d">delta</div> 
  
  <div style="border&#58;1px solid black;"class="e">epsilon</div> 
</div> 

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

.container &#123;width&#58;557px;overflow&#58;hidden;&#125; 
.a &#123;float&#58;left;width&#58;60px;height&#58;54px;&#125; 
.holder &#123;float&#58;left;width&#58;240px;&#125; 
.b &#123;width&#58;240px;height&#58;25px;&#125; 
.c &#123;float&#58;left;width&#58;240px;height&#58;25px;&#125; 
.d &#123;float&#58;left;width&#58;125px;height&#58;54px;&#125; 
.e &#123;float&#58;right;width&#58;125px;height&#58;54px;&#125;

Άβαταρ μέλους
unik
Δημοσιεύσεις: 60
Εγγραφή: 11 Απρ 2008 18:05
Τοποθεσία: Θεσσαλονίκη

Tricky div

Δημοσίευση από unik » 22 Ιουν 2011 12:02

δοκίμασες να δώσεις clear:left στο γ;

Απάντηση

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

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

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