Πίνακες στο ίδιο ύψος?

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
l3ft3r1s
Δημοσιεύσεις: 29
Εγγραφή: 18 Μαρ 2005 05:07

Πίνακες στο ίδιο ύψος?

Δημοσίευση από l3ft3r1s » 05 Μαρ 2006 01:30

Γεια χαρά παιδιά!
Πως μπορώ να κάνω 2-3 tables να ξεκινάνε στο ίδιο ύψος? Ο πρώτος να είναι aligned αριστερά δλδ, ο δεύτερος centered και να αρχίζει στο ίδιο ύψος με τον πρώτο?

Ευχαριστώ!

edit: άκυρο, τελικά βρήκα τη λύση! έφτιαξα έναν μεγαλύτερο table και εκεί μεσα έβαλα τα tables μου σε aligned td ;) works for me!

Άβαταρ μέλους
RADICAL
Δημοσιεύσεις: 386
Εγγραφή: 14 Ιούλ 2004 01:07
Τοποθεσία: Athens
Επικοινωνία:

Πίνακες στο ίδιο ύψος?

Δημοσίευση από RADICAL » 05 Μαρ 2006 17:53

Δοκίμασε καλύτερα με css.

Βάλτους σε 2 διαφορετικά div.

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

<div id="tblLeft">table1</div

<div id="tblRight">tables2</div
και στo stylesheet βάλε

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

#tblLeft &#123; float&#58;left; &#125;
#tblRight &#123; float&#58;right; &#125;
Η ακόμα καλύτερα:

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

#tblLeft &#123; float&#58;left; margin&#58;0px 10px 0px 0px &#125;
#tblRight &#123; float&#58;left;margin&#58;0px 0px 0px 10px &#125;
Όπου στο margin δηλώνεις την απόσταση που θά χουν μεταξύ τους.
Ο Left πχ έχει 10px απο δεξια και o right 10px απο αριστερά.

Επίσης καλό είναι να βάλεις και τα 2 αυτά div μέσα σε ένα αλλο για να τα ελένχεις μαζί. δλδ:

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

<div id=tbls>

<div id="tblLeft">table1</div

<div id="tblRight">tables2</div

</div>
Εικόνα

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Πίνακες στο ίδιο ύψος?

Δημοσίευση από skeftomilos » 06 Μαρ 2006 22:24

Κι αν είναι τρία τα tables;

Αν δεν υπήρχουν λόγοι ανωτέρας βίας μάλλον θα προτιμούσα τη λύση του Λευτέρη για να ξεμπερδέψω γρήγορα.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
RADICAL
Δημοσιεύσεις: 386
Εγγραφή: 14 Ιούλ 2004 01:07
Τοποθεσία: Athens
Επικοινωνία:

Πίνακες στο ίδιο ύψος?

Δημοσίευση από RADICAL » 06 Μαρ 2006 22:31

Αν είναι 3 τότε πολύ απλα προσθέτουμε ενα div ακόμα με float:left
δλδ:

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

<div id=tbls>

<div id="tblLeft">table1</div

<div id="tblRight">table2</div

<div id="tblRight2">table3</div

</div>
και το stylesheet:

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

#tblLeft &#123; float&#58;left; margin&#58;0px 10px 0px 0px &#125;
#tblRight &#123; float&#58;left; margin&#58;0px 10px 0px 10px &#125;
#tblRight2 &#123; float&#58;left; margin&#58;0px 0px 10px 0px &#125;
...και πάει λέγοντας :)
Εικόνα

l3ft3r1s
Δημοσιεύσεις: 29
Εγγραφή: 18 Μαρ 2005 05:07

Πίνακες στο ίδιο ύψος?

Δημοσίευση από l3ft3r1s » 07 Μαρ 2006 23:35

και όσοι δεν κατέχουμε από stylesheet? υπάρχει κανα tutorial? :-? :roll:

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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