Venus AUEB Forum

Online κοινότητα των φοιτητών Πληροφορικής του Ο.Π.Α.
https://venus.cs.aueb.gr/

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

https://venus.cs.aueb.gr/viewtopic.php?f=8&t=6722

Page 1 of 3

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

Posted: Tue Jan 20, 2009 2:28 pm
by para
Θέλω να κρατάω σταθερό σε μέγεθος το μεσαίο κελί του πίνακα και το αριστερό με το δεξιό να μεταβάλλονται έχοντας πάντα το ίδιο μεταξύ τους μέγεθος ανεξάρτητα απ' το τι είναι γραμμένο μέσα.

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

Re: Απορίες σε html

Posted: Tue Jan 20, 2009 10:26 pm
by Master_ex
Αν μιλάς συγκεκριμένα για hmtl τι σκοτίζεσαι αφού το περιεχόμενο της html είναι στατικό... τώρα δεν ξέρω αν έχεις κάτι άλλο στο μυαλό σου, οπότε στην περίπτωσή σου βοηθήσει ίσως αν παίξεις με table μέσα σε table...
π.χ. ένα table 3 θέσεων όπου περιέχει 3 tables εκ των οποίων τα δύο ακριανά έχουν ίδιο μέγεθος και το μεσαίο σταθερό. Δεν είμαι σίγουρος για το πως θα ορίσεις το μέγεθος του μεγάλου table αλλά δεν έχω κάμια άλλη ιδέα τώρα... :-D

Re: Απορίες σε html

Posted: Wed Jan 21, 2009 12:00 am
by cyberpython
para wrote:Θέλω να κρατάω σταθερό σε μέγεθος το μεσαίο κελί του πίνακα και το αριστερό με το δεξιό να μεταβάλλονται έχοντας πάντα το ίδιο μεταξύ τους μέγεθος ανεξάρτητα απ' το τι είναι γραμμένο μέσα.

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

Re: Απορίες σε html

Posted: Wed Jan 21, 2009 12:34 am
by para
Το θέμα είναι ότι θέλω να γράψω σε μια σειρά κάτι με align αριστερά και κάτι με align δεξιά. Γι' αυτό και χρησιμοποιώ πίνακα, αφού με css δεν κατάφερα να βρω κάτι (το div μου αλλάζει σειρά)

Re: Απορίες σε html

Posted: Wed Jan 21, 2009 12:59 am
by 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: Δε λέω οτι είναι ο μοναδικός ή ο καλύτερος τρόπος να το κάνεις, αλλά πρέπει να δουλεύει...

Re: Απορίες σε html

Posted: Fri Jan 23, 2009 12:30 am
by debbie
Έχω φτιάξει μία εικόνα με transparent φόντο και την έχω βάλει σε μία σελίδα.
Το πρόβλημα είναι ότι ενώ με τον firefox την εμφανίζει κανονικά, όταν ανοίγω τη σελίδα με τον IE μου τη δείχνει με άσπρο φόντο :-(
Any ideas?

Re: Απορίες σε html

Posted: Fri Jan 23, 2009 1:46 am
by Ισοβίτης
Υποθέτω ότι η εικόνα είναι png. Αν την ανοίγεις με ΙΕ6 και κάτω, τότε δεν μπορείς να κάνεις πολλά πράγματα γιατί πριν την έκδοση 7, ο ΙΕ δεν υποστήριζε διαφάνεια ( :smt013 :-D ).

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

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

Re: Απορίες σε html

Posted: Fri Jan 23, 2009 2:13 am
by debbie
Ναι, αρχικά την είχα αποθηκεύσει ως png γι' αυτό υπήρχε πρόβλημα.
Μετά όμως που την έκανα gif την εμφάνισε μια χαρά, αν και χάλασε λίγο η ανάλυση..
Σε IE6 είναι το πρόβλημα :-D
Spoiler: εμφάνιση/απόκρυψη
(δεν πολυχρησιμοποιώ IE και τον έχω παραμελήσει λιγάκι :-D )
Ευχαριστώ και για το link! :smt023

Re: Απορίες σε html

Posted: Fri Jan 23, 2009 2:37 pm
by AmmarkoV
http://www.alistapart.com/stories/pngopacity/

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

Posted: Fri Jan 23, 2009 4:04 pm
by para
Μπορώ να κάνω stretch μια εικόνα στο background?
Βρήκα ότι γίνεται μόνο με css3 αλλά είμαι λίγο noob κ δεν ξέρω τι να κάνω :-p

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

Posted: Fri Jan 23, 2009 5:13 pm
by stoupeace
para wrote:Μπορώ να κάνω stretch μια εικόνα στο background?
Βρήκα ότι γίνεται μόνο με css3 αλλά είμαι λίγο noob κ δεν ξέρω τι να κάνω :-p
Aυτό έψαχνα να κάνω κι εγώ. Δες αυτό:

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

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

Posted: Sat Jan 24, 2009 1:11 am
by para
Ευχαριστώ πολύ! Θα το κοιτάξω αύριο κι αν όλα πάνε καλά δε θα έχω άλλη απορία :ρ

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

Posted: Sat Jan 24, 2009 1:22 am
by debbie
http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
Εξηγεί και τι κάνει!

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

Posted: Sat Jan 24, 2009 1:58 am
by para
Λαμπρά! :smt023

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

Posted: Sat Jan 24, 2009 4:08 am
by stoupeace
debbie wrote:http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
Εξηγεί και τι κάνει!
Thanx a lot debbie :-D :smt023
Πολυ βοηθητικό! Και ευτυχώς εξηγεί μερικά (για μένα) ανεξήγητα.

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

Posted: Tue Dec 08, 2009 11:32 am
by 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.

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

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

Posted: Tue Dec 08, 2009 1:17 pm
by Ισοβίτης
Κατ' αρχάς έλεγξε το doctype της σελίδας γιατί η xhtml δεν υποστηρίζει nested forms (η html υποστηρίζει). Από εκεί και πέρα, είναι λίγο δύσκολο γιατί οι browsers τις αντιμετωπίζουν ως μία φόρμα που ξεκινά από το εναρκτήριο tag της form1 (εξωτερική) και τελειώνει στο closing tag της form2 (εσωτερική). Γενικώς, τεχνικές όπως αυτή μοιάζουν να δουλεύουν (δεν την έχω δοκιμάσει).

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

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

Posted: Mon Feb 08, 2010 10:45 pm
by S.a.kiss.007
Θέλω μία περιοχή (div) κεντραρισμένη στο πλάτος της οθόνης και ακόμα ένα δίπλα σε αυτό που να πιάνει τα υπόλοιπα χ pixels. Πώς μπορώ να το κάνω?

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

Posted: Mon Feb 08, 2010 11:50 pm
by Ισοβίτης
Αν κατάλαβα καλά, με ένα ευρύτερο div το οποίο θα είναι κεντραρισμένο και εντός του θα περιέχει ένα δεύτερο (επίσης κεντραρισμένο) div μαζί ένα div με float right.

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

Posted: Tue Feb 09, 2010 12:03 am
by S.a.kiss.007
Ισοβίτης wrote:Αν κατάλαβα καλά, με ένα ευρύτερο div το οποίο θα είναι κεντραρισμένο και εντός του θα περιέχει ένα δεύτερο (επίσης κεντραρισμένο) div μαζί ένα div με float right.
Το δοκίμασες αυτό; Δεν λειτουργεί σωστά... :-(
Το 'χα δοκιμάσει και πριν αλλά δεν έχει νόημα το "float: right" χωρίς να υπάρχει και σε κάποιο από τα "δίπλα" "float: left".
Με αυτό που λες γίνεται float right αλλά όχι στο ίδιο επίπεδο. Κάτω από το πρώτο div.
Να το κάνω σχηματάκια να γίνει πιο κατανοητό τι εννοώ? :oops:

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

Posted: Wed Feb 10, 2010 1:04 pm
by Zifnab
Μπορέις να πάρεις screenshot - ακόμα καλύτερα :smt023

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

Posted: Wed Feb 10, 2010 4:38 pm
by Ισοβίτης
S.a.kiss.007 wrote:
Ισοβίτης wrote:Αν κατάλαβα καλά, με ένα ευρύτερο div το οποίο θα είναι κεντραρισμένο και εντός του θα περιέχει ένα δεύτερο (επίσης κεντραρισμένο) div μαζί ένα div με float right.
Το δοκίμασες αυτό; Δεν λειτουργεί σωστά... :-(
Το 'χα δοκιμάσει και πριν αλλά δεν έχει νόημα το "float: right" χωρίς να υπάρχει και σε κάποιο από τα "δίπλα" "float: left".
Με αυτό που λες γίνεται float right αλλά όχι στο ίδιο επίπεδο. Κάτω από το πρώτο div.
Να το κάνω σχηματάκια να γίνει πιο κατανοητό τι εννοώ? :oops:
Ναι.
All times are UTC+03:00
Page 1 of 3

Powered by phpBB® Forum Software © phpBB Limited