4 div σε μια σειρα!

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

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

Απάντηση
dim1121
Δημοσιεύσεις: 47
Εγγραφή: 22 Ιουν 2009 19:50

4 div σε μια σειρα!

Δημοσίευση από dim1121 » 11 Αύγ 2009 19:28

γεια σας παιδια!

ξερει κανεις καποιο τροπο να βαλω 4 div σε μια σειρα? στην ευθεια? μεσα σε ενα container box (width 950px). ta div μου θελω να ειναι width 230-230-230-250px! με οσο αποκλειση χρειαζεται βεβαια!

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

4 div σε μια σειρα!

Δημοσίευση από ThyClub » 11 Αύγ 2009 19:53

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

.main{
 display:block;
 width: 950px;
}

.oblock{
	display:inline;
	float:left;
	width: 230px;
	margin:1px;
	background: #f5f5f5;
}

.eblock{
	display:inline;
	float:left;
	width: 250px;
	margin:1px;
	background: #f5f5f5;
}

html:

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

<div class="main">
<div class="oblock">1</div>
<div class="oblock">2</div>
<div class="oblock">3</div>
<div class="eblock">4</div>
</div>

dim1121
Δημοσιεύσεις: 47
Εγγραφή: 22 Ιουν 2009 19:50

4 div σε μια σειρα!

Δημοσίευση από dim1121 » 11 Αύγ 2009 19:57

αυτο που εχεις με .oblock εγω μπορω να το δηλωσω #oblock?

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

4 div σε μια σειρα!

Δημοσίευση από ThyClub » 11 Αύγ 2009 19:58

Ναι αλλά θα πρέπει να το αλλάξεις και στο html αντί class να γίνει id.

Άβαταρ μέλους
Rapid-eraser
WebDev Moderator
Δημοσιεύσεις: 6851
Εγγραφή: 05 Απρ 2003 17:50
Τοποθεσία: Πειραιάς
Επικοινωνία:

4 div σε μια σειρα!

Δημοσίευση από Rapid-eraser » 12 Αύγ 2009 10:31

mporeis va exeis movo 1 id me onoma oblock omos
Cu, Rapid-eraser, Tα αγαθά copies κτώνται.
Love is like oxygen, You get too much you get too high
Not enough and you're gonna die, Love gets you high

dim1121
Δημοσιεύσεις: 47
Εγγραφή: 22 Ιουν 2009 19:50

4 div σε μια σειρα!

Δημοσίευση από dim1121 » 12 Αύγ 2009 11:29

τι εννοεις?

Άβαταρ μέλους
Rapid-eraser
WebDev Moderator
Δημοσιεύσεις: 6851
Εγγραφή: 05 Απρ 2003 17:50
Τοποθεσία: Πειραιάς
Επικοινωνία:

4 div σε μια σειρα!

Δημοσίευση από Rapid-eraser » 12 Αύγ 2009 11:41

ka8e id mesa sto html prepei va eivai movadiko
dev mporeis va grapseis kati tetoio.

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

<div class="main">
<div id="oblock">1</div>
<div id="oblock">2</div>
<div id="oblock">3</div>
<div id="eblock">4</div>
</div> 
To ka8e id prepei va eivai ksexoristo kai va sivavtate mia fora mesa se olo to html.
Ta class apo tnv alli meria dev exouv tetio 8ema
eva class mporei va emfavizete oses fores 8eleis
malista eva attribute class mporei va exei poles times taftoxrova evo to id mono mia

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

<div id="main">
<div class="oblock">1</div>
<div class="oblock dottedframe">2</div>
<div class="oblock dottedframe">3</div>
<div class="eblock">4</div>
</div> 
Cu, Rapid-eraser, Tα αγαθά copies κτώνται.
Love is like oxygen, You get too much you get too high
Not enough and you're gonna die, Love gets you high

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

4 div σε μια σειρα!

Δημοσίευση από ThyClub » 12 Αύγ 2009 12:16

Σωστός ο rapid!

dim1121
Δημοσιεύσεις: 47
Εγγραφή: 22 Ιουν 2009 19:50

4 div σε μια σειρα!

Δημοσίευση από dim1121 » 12 Αύγ 2009 12:45

καταλαβα! :kaloe: :kaloe: σας ευχαριστω για την βοηθεια!

Απάντηση

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

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

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