Βοήθεια για css styling.

...ασύγχρονα μαθήματα από τους guru της κοινότητας

Συντονιστής: the_eye

Re: Βοήθεια για css styling.

Δημοσίευσηαπό M.Jackson » 01 Ιούλ 2011, 09:01

Μια ερώτηση πάνω στην CSS.
Προσπαθώ να φτιάξω ένα όμορφο γραφικό περιβάλλον αλλά αυτό που πρόσεξα είναι ότι π.χ έχω ένα textbox(35 σε μάκρος) και ένα label(<p>text</p>) αν θέλω να πάνε και τα δύο στο ίδιο σημείο το μόνο που θα πρέπει να είναι διαφορετικό είναι το TOP για να μην είναι το ένα πάνω στο άλλο, αλλά το RIGHT να είναι το ίδιο. Αν κάνω τα πιο πάνω θα έχω ως αποτέλεσμα τα δυο αντικείμενα να μην "έχουν" το ίδιο RIGHT - οπτικά - μήπως το RIGHT καθορίζετε με κέντρο του αντικειμένου και όχι από την αρχή του;
Άβαταρ μέλους
M.Jackson
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1053
Εγγραφή: 28 Μάιος 2010, 19:06
Εκτύπωση

Re: Βοήθεια για css styling.

Δημοσίευσηαπό migf1 » 01 Ιούλ 2011, 10:58

Μπορείς να δώσεις τον html κώδικά σου, μαζί με screenshot (και προαιρετικά το css κώδικά σου) γιατί δεν καταλαβαίνω ακριβώς τι ρωτάς.
Go under the hood with C: Pointers, Strings, Linked Lists
Άβαταρ μέλους
migf1
powerTUX
powerTUX
 
Δημοσιεύσεις: 2082
Εγγραφή: 03 Ιουν 2011, 16:32
Εκτύπωση

Re: Βοήθεια για css styling.

Δημοσίευσηαπό M.Jackson » 09 Ιούλ 2011, 20:29

Ακου φιλε, βασικά με ποιο τρόπο μπορώ να χρησιμοποιήσω το position right αλλά να είναι γενικό δηλαδή αν κάνω right μια text μεταβλητη της οποιας το περιεχωμενο μεταβαλλετε δηλαδή μπορεί κάποτε να είναι 15 χαρακτήρες καποτε 5, πρέπει να ξεκινάει πάντα απο το είδιο σημειο.. εμενα:
position:absolute; right:702px;

σε καποιες περιπτώσεις είναι σωστό αλλά αν είναι πιο μεγάλο το περιεχόμενο δεν το βάζει σωστά αυτό σιμένει ότι το μετακινάει απο το τέλος και όχι απο την αρχή.
Άβαταρ μέλους
M.Jackson
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1053
Εγγραφή: 28 Μάιος 2010, 19:06
Εκτύπωση

Re: Βοήθεια για css styling.

Δημοσίευσηαπό migf1 » 09 Ιούλ 2011, 21:39

M.Jackson έγραψε:Ακου φιλε, βασικά με ποιο τρόπο μπορώ να χρησιμοποιήσω το position right αλλά να είναι γενικό δηλαδή αν κάνω right μια text μεταβλητη της οποιας το περιεχωμενο μεταβαλλετε δηλαδή μπορεί κάποτε να είναι 15 χαρακτήρες καποτε 5, πρέπει να ξεκινάει πάντα απο το είδιο σημειο.. εμενα:
position:absolute; right:702px;

σε καποιες περιπτώσεις είναι σωστό αλλά αν είναι πιο μεγάλο το περιεχόμενο δεν το βάζει σωστά αυτό σιμένει ότι το μετακινάει απο το τέλος και όχι απο την αρχή.

Οκ κατάλαβα!

Βάλτο μέσα σε ένα div, δώσε στον div fixed πλάτος και κάνε το right align εκεί που θες. Το text θα το έχεις μέσα στο div και άσε το left aligned... που είναι και το default.
Go under the hood with C: Pointers, Strings, Linked Lists
Άβαταρ μέλους
migf1
powerTUX
powerTUX
 
Δημοσιεύσεις: 2082
Εγγραφή: 03 Ιουν 2011, 16:32
Εκτύπωση

Re: Βοήθεια για css styling.

Δημοσίευσηαπό M.Jackson » 09 Ιούλ 2011, 21:57

Με το div το εκανα αλλά χωρίς fixed, το εκανα με fixed

<div style="position:fixed; right:347px;">

Αλλά πάλλη δεν δουλευει.
Άβαταρ μέλους
M.Jackson
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1053
Εγγραφή: 28 Μάιος 2010, 19:06
Εκτύπωση

Re: Βοήθεια για css styling.

Δημοσίευσηαπό migf1 » 09 Ιούλ 2011, 22:07

Όταν λέω "fixed πλάτος" εννοώ να του ορίσεις σταθερό πλάτος: width:??px
Go under the hood with C: Pointers, Strings, Linked Lists
Άβαταρ μέλους
migf1
powerTUX
powerTUX
 
Δημοσιεύσεις: 2082
Εγγραφή: 03 Ιουν 2011, 16:32
Εκτύπωση

Re: Βοήθεια για css styling.

Δημοσίευσηαπό migf1 » 09 Ιούλ 2011, 22:15

Π.χ....
Κώδικας: Επιλογή όλων
<div style="width:400px; position:absolute; right:0px;">
Go under the hood with C: Pointers, Strings, Linked Lists
Άβαταρ μέλους
migf1
powerTUX
powerTUX
 
Δημοσιεύσεις: 2082
Εγγραφή: 03 Ιουν 2011, 16:32
Εκτύπωση

Re: Βοήθεια για css styling.

Δημοσίευσηαπό M.Jackson » 09 Ιούλ 2011, 22:17

Δεν έγινε τιποτα φίλε,
<div style="position:absolute; width=60px; right:565px;">

δουλέυει μονο για μια περιπτωση αν ειναι πιο μεγαλο τοτε μετατοπιζεται προς τα αριστερα, μαλλον δεν σου ειπα οτι το κείμενο θελω να ξεκιναει λιγο πιο μεσα απο τα αριστερα και να πιγενει οσο θελει στα δεξια..
Άβαταρ μέλους
M.Jackson
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1053
Εγγραφή: 28 Μάιος 2010, 19:06
Εκτύπωση

Re: Βοήθεια για css styling.

Δημοσίευσηαπό migf1 » 09 Ιούλ 2011, 22:21

Ε τότε δεν θες right alignment, margin-left θέλεις:

Κώδικας: Επιλογή όλων
<div style="margin-left: 24px">

ΥΓ. Άσχετο πλέον, είχα βάλει κατά λάθος = αντί για : μετά το width στο προηγούμενο post
Go under the hood with C: Pointers, Strings, Linked Lists
Άβαταρ μέλους
migf1
powerTUX
powerTUX
 
Δημοσιεύσεις: 2082
Εγγραφή: 03 Ιουν 2011, 16:32
Εκτύπωση

Re: Βοήθεια για css styling.

Δημοσίευσηαπό M.Jackson » 09 Ιούλ 2011, 22:25

migf1 έγραψε:Ε τότε δεν θες right alignment, margin-left θέλεις:

Κώδικας: Επιλογή όλων
<div style="margin-left: 24px">

ΥΓ. Άσχετο πλέον, είχα βάλει κατά λάθος = αντί για : μετά το width στο προηγούμενο post


Αρχοντας, δουλευει, σε ευχαριστώ :)
Άβαταρ μέλους
M.Jackson
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1053
Εγγραφή: 28 Μάιος 2010, 19:06
Εκτύπωση

ΠροηγούμενηΕπόμενο

Επιστροφή στο Το Σχολείο του Φόρουμ - Ασύγχρονα Μαθήματα

cron