Στοίχιση Text

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

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

Απάντηση
kolfint
Δημοσιεύσεις: 8
Εγγραφή: 22 Οκτ 2001 03:00

Στοίχιση Text

Δημοσίευση από kolfint » 04 Απρ 2014 10:52

Φτιάχνω ένα site και είμαι καινούριος στην Css. Πως μπορώ σε ένα site να στοιχίσω ένα κείμενο όχι μόνο αριστερά ή δεξιά αλλά σε προκαθορισμένη θέση. Να του βάλω εγώ κάποια τιμή δηλαδή. Γίνεται αυτό με την Css;

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

Στοίχιση Text

Δημοσίευση από korgr » 04 Απρ 2014 11:37

Μπορείς να στοιχίσεις δεξιά, αριστερά, κέντρο ή justify (περασιά και δεξιά και αριστερά).
Τι εννοείς εσύ να του δώσεις τιμή;

kolfint
Δημοσιεύσεις: 8
Εγγραφή: 22 Οκτ 2001 03:00

Στοίχιση Text

Δημοσίευση από kolfint » 04 Απρ 2014 12:34

Εννοώ αν θέλω να ξεκινάει λίγο μετά από την μέση. Ή σαν tab του word να μπορώ σε διάφορα σημεία να ξεκινάει το κείμενο.

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Στοίχιση Text

Δημοσίευση από alou » 04 Απρ 2014 13:56

Βάλε στο css ένα ή περισσότερα class με το περιθώριο που θες. πχ

.bigtab {padding-left:100px}

.smalltab {padding-left:50px}

και στην html θα το χρησιμοποιήσεις με span:

<span class="bigtab">μπλα μπλα</span>

Στο css, οι τιμές εκτός από pixel μπορεί να αναφέρονται και σε ποσοστό του container, πχ 50%

AlexFreestuff
Δημοσιεύσεις: 31
Εγγραφή: 04 Μάιος 2009 06:57

Στοίχιση Text

Δημοσίευση από AlexFreestuff » 06 Μάιος 2014 19:59

<p style='padding-left : 300px'>Hello</p>
<p style='padding-left : 60px'>Hello</p>
<p style='padding-left :20px'>Hello</p>
Στο html

AlexFreestuff
Δημοσιεύσεις: 31
Εγγραφή: 04 Μάιος 2009 06:57

Στοίχιση Text

Δημοσίευση από AlexFreestuff » 06 Μάιος 2014 20:26

Και αν θέλεις να αλλάξεις γραμμή όπως η <br>
έχω βάλει στο css
span
{
display: block;}
και στη html

<span style="color:blue;font-weight:bold;padding-left : 250px">Hello, Pretty fonts!</span>
<span style='padding-left : 300px'>Hello</span>
<span> Hello Word Hello Word </span>

AlexFreestuff
Δημοσιεύσεις: 31
Εγγραφή: 04 Μάιος 2009 06:57

Στοίχιση Text

Δημοσίευση από AlexFreestuff » 06 Μάιος 2014 20:47

Και αν θέλεις να κατεβάσεις το κείμενο ποιο κάτω
έχω βάλει στο css
mySpan
{
background-color:yellow;
vertical-align:-330px;
}
και στη html

<mySpan
style="padding-left : 300px";>The Enf of Word</mySpan>

ελπίζω να βοήθησα

AlexFreestuff
Δημοσιεύσεις: 31
Εγγραφή: 04 Μάιος 2009 06:57

Στοίχιση Text

Δημοσίευση από AlexFreestuff » 08 Μάιος 2014 11:58

Και έχω φτιάξει και αυτό το pdf που μπορεί να σε βοηθήσειwww.scribd.com/doc/222829811/Lesson-01

Απάντηση

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

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

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