Απορίες σε html/css

[para]

Θέλω να κρατάω σταθερό σε μέγεθος το μεσαίο κελί του πίνακα και το αριστερό με το δεξιό να μεταβάλλονται έχοντας πάντα το ίδιο μεταξύ τους μέγεθος ανεξάρτητα απ' το τι είναι γραμμένο μέσα.

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

[Master_ex]

Αν μιλάς συγκεκριμένα για hmtl τι σκοτίζεσαι αφού το περιεχόμενο της html είναι στατικό... τώρα δεν ξέρω αν έχεις κάτι άλλο στο μυαλό σου, οπότε στην περίπτωσή σου βοηθήσει ίσως αν παίξεις με table μέσα σε table...
π.χ. ένα table 3 θέσεων όπου περιέχει 3 tables εκ των οποίων τα δύο ακριανά έχουν ίδιο μέγεθος και το μεσαίο σταθερό. Δεν είμαι σίγουρος για το πως θα ορίσεις το μέγεθος του μεγάλου table αλλά δεν έχω κάμια άλλη ιδέα τώρα...

[cyberpython]

Θέλω να κρατάω σταθερό σε μέγεθος το μεσαίο κελί του πίνακα και το αριστερό με το δεξιό να μεταβάλλονται έχοντας πάντα το ίδιο μεταξύ τους μέγεθος ανεξάρτητα απ' το τι είναι γραμμένο μέσα.

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

Γενικά οι πίνακες δεν πρέπει να χρησιμοποιούνται για τη μορφοποίηση του περιεχομένου αλλά μόνο για την παρουσίαση δεδομένων.
Για τη μορφοποίηση μπορείς να χρησιμοποιήσεις css (λογικά θα δουλέψεις με <div> elements).

[para]

Το θέμα είναι ότι θέλω να γράψω σε μια σειρά κάτι με align αριστερά και κάτι με align δεξιά. Γι' αυτό και χρησιμοποιώ πίνακα, αφού με css δεν κατάφερα να βρω κάτι (το div μου αλλάζει σειρά)

[cyberpython]

Θα φτιάξεις ένα <div> και μέσα σε αυτό άλλα 3 με position:absolute;
Στο 1ο θα δώσεις left:0px;
Στο 3ο θα δώσεις right:0px;
και στο μεσαίο: left το width του αριστερού και right το width του δεξιού (θεωρώ οτι είναι fixed size αυτό που θέλεις να φτιάξεις)
π.χ.

Code: Select all

<div>
    <div id="left-div">αριστερά....<div>
    <div id="central-div">κέντρο....<div>
    <div id="right-div">δεξιά....<div>
</div>

και στο stylesheet:

Code: Select all

div#left-div{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
}


div#central-div{
    position: absolute;
    top: 0px;
    left: 100px;
    right: 100px;
    width: auto;
}



div#right-div{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
}

edit: Δε λέω οτι είναι ο μοναδικός ή ο καλύτερος τρόπος να το κάνεις, αλλά πρέπει να δουλεύει...

[debbie]

Έχω φτιάξει μία εικόνα με transparent φόντο και την έχω βάλει σε μία σελίδα.
Το πρόβλημα είναι ότι ενώ με τον firefox την εμφανίζει κανονικά, όταν ανοίγω τη σελίδα με τον IE μου τη δείχνει με άσπρο φόντο
Any ideas?

[Ισοβίτης]

Υποθέτω ότι η εικόνα είναι png. Αν την ανοίγεις με ΙΕ6 και κάτω, τότε δεν μπορείς να κάνεις πολλά πράγματα γιατί πριν την έκδοση 7, ο ΙΕ δεν υποστήριζε διαφάνεια ( ).

Μπορείς να δοκιμάσεις διάφορες τεχνικές που χρησιμοποιούν JavaScript όπως αυτή εδώ.

Αν το πρόβλημα δεν είναι σε ΙΕ6, αλλά σε 7 ή 8, τότε ενδεχομένως να χρειαστούμε περισσότερες πληροφορίες.

[debbie]

Ναι, αρχικά την είχα αποθηκεύσει ως png γι' αυτό υπήρχε πρόβλημα.
Μετά όμως που την έκανα gif την εμφάνισε μια χαρά, αν και χάλασε λίγο η ανάλυση..
Σε IE6 είναι το πρόβλημα

Spoiler: εμφάνιση/απόκρυψη

(δεν πολυχρησιμοποιώ IE και τον έχω παραμελήσει λιγάκι :-D )

Ευχαριστώ και για το link!

[AmmarkoV]

http://www.alistapart.com/stories/pngopacity/

[para]

Μπορώ να κάνω stretch μια εικόνα στο background?
Βρήκα ότι γίνεται μόνο με css3 αλλά είμαι λίγο noob κ δεν ξέρω τι να κάνω

[stoupeace]

Μπορώ να κάνω stretch μια εικόνα στο background?
Βρήκα ότι γίνεται μόνο με css3 αλλά είμαι λίγο noob κ δεν ξέρω τι να κάνω

Aυτό έψαχνα να κάνω κι εγώ. Δες αυτό:

http://www.htmlite.com/faq022.php

[para]

Ευχαριστώ πολύ! Θα το κοιτάξω αύριο κι αν όλα πάνε καλά δε θα έχω άλλη απορία :ρ

[debbie]

http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
Εξηγεί και τι κάνει!

[para]

Λαμπρά!

[stoupeace]

http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
Εξηγεί και τι κάνει!

Thanx a lot debbie
Πολυ βοηθητικό! Και ευτυχώς εξηγεί μερικά (για μένα) ανεξήγητα.

[Serendipity]

hello guys!!
Εχω την εξης απορία

Code: Select all

<form name="form1" method="post" action="pgm1">
<input type="text1">
<form name="form2" method="post" action="pgm2">
<input type="text2">
<input type="submit" value="submit form2">
</form>
<input type="submit" value="submit form1">
</form>

λοιπον θα ήθελα να ρωτήσω αν υποστηρίζονται nested forms στην html.Δλδ πατώντας το κουμπι submit form 2 να γινονται post τα δεδομένα που προκύπτουν απο την form2 και να τα διαχειριζομαι με το pgm2 και πατώντας το submit form 1 να γίνεται το action pgm1.

μπορει να γινει αυτο με κάποιον τρόπο??

[Ισοβίτης]

Κατ' αρχάς έλεγξε το doctype της σελίδας γιατί η xhtml δεν υποστηρίζει nested forms (η html υποστηρίζει). Από εκεί και πέρα, είναι λίγο δύσκολο γιατί οι browsers τις αντιμετωπίζουν ως μία φόρμα που ξεκινά από το εναρκτήριο tag της form1 (εξωτερική) και τελειώνει στο closing tag της form2 (εσωτερική). Γενικώς, τεχνικές όπως αυτή μοιάζουν να δουλεύουν (δεν την έχω δοκιμάσει).

Αν θες δώσε περισσότερο info για αυτό που θες να κάνεις μήπως και επιτυγχάνεται με μία φόρμα.

[S.a.kiss.007]

Θέλω μία περιοχή (div) κεντραρισμένη στο πλάτος της οθόνης και ακόμα ένα δίπλα σε αυτό που να πιάνει τα υπόλοιπα χ pixels. Πώς μπορώ να το κάνω?

[Ισοβίτης]

Αν κατάλαβα καλά, με ένα ευρύτερο div το οποίο θα είναι κεντραρισμένο και εντός του θα περιέχει ένα δεύτερο (επίσης κεντραρισμένο) div μαζί ένα div με float right.

[S.a.kiss.007]

Αν κατάλαβα καλά, με ένα ευρύτερο div το οποίο θα είναι κεντραρισμένο και εντός του θα περιέχει ένα δεύτερο (επίσης κεντραρισμένο) div μαζί ένα div με float right.

Το δοκίμασες αυτό; Δεν λειτουργεί σωστά...
Το 'χα δοκιμάσει και πριν αλλά δεν έχει νόημα το "float: right" χωρίς να υπάρχει και σε κάποιο από τα "δίπλα" "float: left".
Με αυτό που λες γίνεται float right αλλά όχι στο ίδιο επίπεδο. Κάτω από το πρώτο div.
Να το κάνω σχηματάκια να γίνει πιο κατανοητό τι εννοώ?

[Zifnab]

Μπορέις να πάρεις screenshot - ακόμα καλύτερα

[Ισοβίτης]

Αν κατάλαβα καλά, με ένα ευρύτερο div το οποίο θα είναι κεντραρισμένο και εντός του θα περιέχει ένα δεύτερο (επίσης κεντραρισμένο) div μαζί ένα div με float right.

Το δοκίμασες αυτό; Δεν λειτουργεί σωστά...
Το 'χα δοκιμάσει και πριν αλλά δεν έχει νόημα το "float: right" χωρίς να υπάρχει και σε κάποιο από τα "δίπλα" "float: left".
Με αυτό που λες γίνεται float right αλλά όχι στο ίδιο επίπεδο. Κάτω από το πρώτο div.
Να το κάνω σχηματάκια να γίνει πιο κατανοητό τι εννοώ?

Ναι.