css ερώτηση σχετικα με inline

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

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

Απάντηση
charkoul
Δημοσιεύσεις: 30
Εγγραφή: 20 Ιουν 2011 13:47

css ερώτηση σχετικα με inline

Δημοσίευση από charkoul » 13 Νοέμ 2012 23:38

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

<style>
h3 &#123;
	display&#58; inline-block;
	color&#58; #09F;
&#125;

p h3&#123;
	display&#58; inline-block;	&#125;
</style>

<h3>ενα </h3>
<h3>δυο </h3>
<h3>τρια</h3>
<h3>τεσσερα</h3>

<h3>πεντε</h3>
<p>keimeno1</p>
<h3>εξι</h3>
<p>keimeno2</p>
<h3>εφτα</h3>
<p>keimeno3</p>
<h3>οκτω</h3>
μπορει να με βοηθησει καποιος για το πιο λαθος ειναι αυτο που κανω και δεν παιρνω κατι τετοιο

ενα δυο τρια τεσσερα πεντε keimeno1 εξι keimeno2 εφτα keimeno3 οκτω
Τελευταία επεξεργασία από το μέλος charkoul την 13 Νοέμ 2012 23:57, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
dva_dev
Script Master
Δημοσιεύσεις: 3790
Εγγραφή: 16 Σεπ 2005 01:32
Επικοινωνία:

css ερώτηση σχετικα με inline

Δημοσίευση από dva_dev » 13 Νοέμ 2012 23:51

μήπως φταίει ότι γράφεις </stytle> και όχι </style> ?

charkoul
Δημοσιεύσεις: 30
Εγγραφή: 20 Ιουν 2011 13:47

css ερώτηση σχετικα με inline

Δημοσίευση από charkoul » 13 Νοέμ 2012 23:57

dva_dev έγραψε:μήπως φταίει ότι γράφεις </stytle> και όχι </style> ?
οχι δεν φταει αυτο.Αυτο το πληκρολογησα λαθος εδω, κατσε να το διορθωσω

Άβαταρ μέλους
Pesoner
Δημοσιεύσεις: 378
Εγγραφή: 19 Μάιος 2010 20:27
Τοποθεσία: ΛΑΡΙΣΑ

css ερώτηση σχετικα με inline

Δημοσίευση από Pesoner » 14 Νοέμ 2012 01:43

Δεν σε πολυκατάλαβα θες να είναι όλο σε μια γραμμή;
Εικόνα

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

css ερώτηση σχετικα με inline

Δημοσίευση από fafos » 14 Νοέμ 2012 02:04

to "p h3" den yfistatai.. thelei sketo "p"..
to inline-block thelei float:left..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Cretan1986
Δημοσιεύσεις: 79
Εγγραφή: 14 Απρ 2012 13:57

css ερώτηση σχετικα με inline

Δημοσίευση από Cretan1986 » 14 Νοέμ 2012 10:49

γράφοντας p h3, ψάχνεις για h3 που είναι απόγονος του p, κάτι το οποίο δεν υπάρχει. Γράψε είτε p, h3 αν θες να εφαρμόσεις του κανόνες και στα δύο ή μόνο p.

charkoul
Δημοσιεύσεις: 30
Εγγραφή: 20 Ιουν 2011 13:47

css ερώτηση σχετικα με inline

Δημοσίευση από charkoul » 14 Νοέμ 2012 10:59

fafos έγραψε:to "p h3" den yfistatai.. thelei sketo "p"..
to inline-block thelei float:left..
με το clear:left το πετυχα αυτο που ηθελα.
Ευχαριστω!!!!

Cretan1986
Δημοσιεύσεις: 79
Εγγραφή: 14 Απρ 2012 13:57

css ερώτηση σχετικα με inline

Δημοσίευση από Cretan1986 » 15 Νοέμ 2012 03:15

ποιoς ο λόγος για float σε inline-block αφού η όλη ουσία του είναι η αποφυγή του float σε block elements

Άβαταρ μέλους
spirit76
Δημοσιεύσεις: 11
Εγγραφή: 26 Νοέμ 2009 22:32
Τοποθεσία: nea iwneia

css ερώτηση σχετικα με inline

Δημοσίευση από spirit76 » 11 Νοέμ 2013 18:10

το CSS που δημιουργησα ειναι: h3 {display:inline; color:#09f; } p {display:inline; }

και το εβγαλε, κανονικα οπως το ηθελες.. ΔΟΚΙΜΑΣΕ ΤΟ

Δεν εχω δει πουθενα display: inline-block, η την μια τιμη 8α δωσεις η την αλλη...

και στην δεδομενη περιπτωση 8ες μονο inline..

Ελπιζω να σε βοηθησα....:)
Το δυσκολο δεν ειναι να φτασεις στην κορυφη, αλλα το να διατηρηθεις εκει...

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

css ερώτηση σχετικα με inline

Δημοσίευση από korgr » 11 Νοέμ 2013 19:39

inline-block υπάρχει και ευτυχώς! :)
Κρατάει την θέση του σε γραμμή (inline) αλλά ταυτόχρονα έχει συμπεριφορά block (πχ δέχεται top/bottom paddings margins κλπ)

Thermografia
Δημοσιεύσεις: 2
Εγγραφή: 04 Απρ 2014 16:05
Επικοινωνία:

css ερώτηση σχετικα με inline

Δημοσίευση από Thermografia » 15 Απρ 2014 13:20

Νομίζω αν τα βάλεις σε ένα div και τα κάνεις float: left είναι η καλύτερη λύση...

Thermografia
Δημοσιεύσεις: 2
Εγγραφή: 04 Απρ 2014 16:05
Επικοινωνία:

css ερώτηση σχετικα με inline

Δημοσίευση από Thermografia » 15 Απρ 2014 13:22

Νομίζω αν τα βάλεις σε ένα div και τα κάνεις float: left είναι η καλύτερη λύση...

Απάντηση

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

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

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