2010 4 Μαρτίου του 2010

Ευθυγράμμιση κουμπί με το κείμενο

Δεδομένου ότι το κουμπί και το κείμενο είναι ενσωματωμένο, ώστε το κείμενο να ευθυγραμμιστεί με το κάτω μέρος του το κουμπί, το κείμενο θα εμφανιστεί το να είναι λίγο κάτω από το κουμπί.
Αν θέλετε αυτά να ευθυγραμμιστούν με την κορυφή, θα πρέπει να τοποθετήσετε το ραδιόφωνο και το κείμενο σε ξεχωριστά δοχεία όπως divs ή ανοίγματα (κατά περίπτωση) και θα φροντίσει για την ευθυγράμμιση. Θα ήταν ευκολότερο να χρησιμοποιούν τα κύτταρα για πολύ πίνακα, του σχεδιασμού σύντομη σας το επιτρέπει.

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

κανένα σχόλιο | δημοσιεύτηκε στις Παραξενιές Browser , HTML

2010 8 Γενάρη του 2010

Τι θα φέρει το HTML5;

HTML5 είναι ακόμα ένα σχέδιο. Όπως έχω γράψει, οι εργασίες για την HTML 5, η οποία άρχισε το 2004, εξακολουθεί να δίνεται σχήμα με μια κοινή προσπάθεια μεταξύ του W3C για την HTML WG και την WHATWG . Η λέξη είναι ότι η επόμενη γενιά θα έχει HTML βελτιώσεις και χαρακτηριστικά, τα οποία θα νέα δομή και τη σημασιολογία, τη μορφή των ελέγχων, APIs, πολυμέσα κ.λπ. ετικέτες.

Με απλά αγγλικά ... τι θα σημαίνει για μας προγραμματιστές UI ...

  • Επιπλέον θα υπάρχει κάποια διαρθρωτικά δηλαδή ετικέτες. <article>, <section>, <header>, <aside>, και <nav>, η οποία θα αντικαταστήσει την πλειοψηφία των <div> s που χρησιμοποιείται σε μια ιστοσελίδα, κάνοντας τις σελίδες σας λίγο πιο σημασιολογικό, αλλά το πιο σημαντικό, πιο εύκολο για να διαβάσετε.
    Hey! Φανταστείτε την προσπάθεια που αποθηκεύονται στο συμπέρασμα ότι ένας λείπει κοντά tag div.
    π.χ. 
  <body>
   <header> ... </ κεφαλίδα>
   <nav> ... </ nav>
   <article>
     <section>
       ...
     </ Τμήμα>
   </ Άρθρο>
   <aside> ... </ μέρος>
   <footer> ... </ υποσέλιδο>
 </ Body>

Αντί της 

  <body>
   <div id="header"> ... </ p>
   <div id="nav"> ... </ p>
   <div class="article">
     <div class="section">
       ...
     </ Span>
   </ Span>
   <div id="aside"> ... </ p>
   <div id="footer"> ... </ p>
 </ Body>
  • Με την έλευση του ήχου και βίντεο όπως το YouTube, τη χρήση των ενσωματωμένων πολυμέσων στην ιστοσελίδα έχει increaded από φορές. Λαμβάνοντας αυτό υπόψη, Τώρα το σχέδιο είναι να προσθέσετε εγγενή υποστήριξη για την ενσωμάτωση βίντεο και ήχου στο ίδιο το πρόγραμμα περιήγησης, ως εκ τούτου, επιτρέπει στους χρήστες να παίξουν, παύση, διακοπή, αναζητούν, και να ρυθμίσετε την ένταση χρησιμοποιώντας την ενσωματωμένη DOM API για σενάρια για τον έλεγχο της αναπαραγωγής.

π.χ. 

  <video poster="poster.jpg">
     <Πηγή src = "video.3gp" τύπος = "video/3gpp"
     μέσων = "χειρός">
         <source src="video.mp4" type="video/mp4">
 </ Βίντεο>
 <audio>
   <source src="music.oga" type="audio/ogg">
   <source src="music.mp3" type="audio/mpeg">
 </ Audio>
  • Καλύτερη-καθορισμένη σημασιακή ρόλους για τα υπάρχοντα στοιχεία, π.χ. για. <strong> και <em> μπορεί τώρα να έχουν πραγματικά διαφορετικές έννοιες δηλαδή που θα συμπεριφέρονται διαφορετικά.

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

Αυτό το έγγραφο δεν μπορούν να παρέχουν ακριβείς πληροφορίες και η προδιαγραφή HTML 5 είναι ακόμη ενεργά στην ανάπτυξη. Σε περίπτωση αμφιβολίας, ελέγχετε πάντα την προδιαγραφή HTML 5 εδώ .

1 σχόλιο | Tags: | δημοσιεύτηκε στην HTML

2009 18 του Οκτώβρη, 2009

HTML και XHTML

  • Η δήλωση τύπου εγγράφου πρέπει να είναι παρόντα κατά την έναρξη ενός εγγράφου που χρησιμοποιεί την HTML σύνταξη. Μπορεί να χρησιμοποιηθεί προαιρετικά στο πλαίσιο του σύνταξη XHTML, αλλά δεν απαιτείται. Το έγγραφο XHTML δεν χρειάζεται να περιλαμβάνει το DOCTYPE επειδή XHTML έγγραφα που παραδίδονται χρησιμοποιώντας σωστά ένα XML τύπο MIME και υποβάλλονται σε επεξεργασία, όπως XML από τα προγράμματα περιήγησης, τα πάντα καθίστανται σε καμία λειτουργία παραξενιές.
  • Στην XHTML, τα ονόματα των ετικετών είναι ευαίσθητη υπόθεση και συνήθως ορίζεται να πεζά. Στην HTML, ωστόσο, τα ονόματα των ετικετών είναι πεζά ή κεφαλαία και μπορεί να γραφτεί σε όλα τα κεφαλαία ή μικτή περίπτωση, αν και η πιο κοινή σύμβαση είναι να κολλήσει με πεζά. Η περίπτωση των ετικετών έναρξης και λήξης δεν πρέπει να είναι το ίδιο, αλλά είναι συνεπής κάνει τον καθαριστή εμφάνιση κώδικα.

Οφέλη από τη χρήση HTML

  • Προς τα πίσω συμβατό με τις υπάρχουσες μηχανές αναζήτησης
  • Συγγραφείς είναι ήδη εξοικειωμένοι με τη σύνταξη
  • Η επιεικής και να συγχωρεί σύνταξη σημαίνει ότι δεν θα υπάρξει χρήστη εχθρικό " Κίτρινο οθόνη του θανάτου ", εάν ένα λάθος γλιστρήσει κατά λάθος μέσω
  • Βολικό σύνταξη στενογραφία, π.χ. συγγραφείς να παραλείψετε μερικές ετικέτες και τις τιμές παραμέτρου

Οφέλη από τη χρήση XHTML

  • Αυστηρή σύνταξη XML ενθαρρύνει τους συγγραφείς να γράφουν καλά σχηματισμένα σήμανσης, το οποίο ορισμένοι συγγραφείς μπορούν να βρουν ευκολότερα να διατηρήσουν
  • Ενσωματώνει άμεσα με άλλες λεξιλογίων XML, όπως το SVG και MathML
  • Επιτρέπει τη χρήση της XML Επεξεργασίας, τα οποία ορισμένοι συγγραφείς χρησιμοποιούν ως μέρος της επεξεργασίας τους και / ή διαδικασίες έκδοσης

υπάρχουν σχόλια | ετικέτες: | δημοσιεύτηκε στην HTML , Web Developer

2009 24 Μαρ, 2009

Είναι απενεργοποιημένη = "αλήθεια" και απενεργοποιημένη = "ψευδή" ο ίδιος;

Αυτό αυτά παλιό σχολείο, αλλά, ως συνήθως, είναι συμπλήρωμα μνήμη μου ...
Έτσι είναι απενεργοποιημένη = "αλήθεια" και απενεργοποιημένη = "ψευδή" ίδια; Ναι
... Μην πιστεύετε, καλά! thats ο τρόπος που είναι ... εδώ είναι μερικές γρήγορη εξήγηση ...
"Άτομα με ειδικές ανάγκες" είναι ένα χαρακτηριστικό της κάθε στοιχείο της φόρμας / τομέα και ως εκ τούτου μπορεί να δεχθεί οποιαδήποτε τιμή από τη φύση του.

Όσο το χαρακτηριστικό αυτό είναι παρόν, το στοιχείο θα πρέπει να απενεργοποιηθεί ανεξάρτητα από την αξία του. για παράδειγμα.
<input type="text" value="This είναι disabled" disabled>
<input type="text" value="This είναι disabled" disabled="disabled">
<input type="text" value="This είναι disabled" disabled="true">
<input type="text" value="This είναι disabled" disabled="false">

Όλα τα παραπάνω θα κάνουν το πεδίο αυτή η μορφή "απενεργοποιηθεί".

Απλά δεν παρέχουν το χαρακτηριστικό "ΑΝΑΠΗΡΙΑ" κρατά το πεδίο "Ικανότητες" ... σαν το παρακάτω

<input type="text" value="This δεν είναι disabled" />

Θυμηθείτε "Οποιαδήποτε τιμή (ή καμία αξία σε όλα) των ατόμων με αναπηρία χαρακτηριστικό, ο browser θα καταστήσει άτομα με ειδικές ανάγκες". Για να κρατήσει τα πράγματα σαφή στο μυαλό του W3C μας συνιστά να χρησιμοποιούμε απενεργοποιηθεί = "ειδικές ανάγκες" σε αυτές τις καταστάσεις.

Αυτή είναι η διαφορά αν και όταν χρησιμοποιείτε αυτό το χαρακτηριστικό σε javascript ...

document.form.element.disabled = αλήθεια? / / το στοιχείο θα πρέπει να απενεργοποιηθεί
document.form.element.disabled = false? / / το στοιχείο θα πρέπει να ενεργοποιηθεί

Τα παραπάνω επιχειρήματα ισχύουν και για αυτά τα χαρακτηριστικά και στοιχεία:

  • ελέγχεται (κουμπί και το πλαίσιο ελέγχου)
  • επιλεγεί (επιλογή)
  • nowrap (TD)

1 σχόλιο | Tags: | δημοσιεύτηκε στην HTML , JavasScript

2008 17 Δεκεμβρίου, 2008

Λανθασμένη συμπεριφορά IE8: θραύσεις διάταξης CSS (Στόχευση μια έκδοση του προγράμματος περιήγησης χρησιμοποιώντας ετικέτες Meta στην IE8)

Εάν είστε css πρόσωπο, θα ξέρετε τον πόνο να πάρει σχεδιαγράμματα εργασίας σας cross-browser. IE8 είναι ένα ακόμη κλειδί στα έργα για την ανάπτυξη μας. Anywaz! αν χτυπήσει από το θέμα αυτό, όπως έκανα και χθες, όπου εργάζονται τέλεια CSS σας σε IE7 (και νωρίτερα) και ο Firefox έχει αρχίσει ξαφνικά ρίχνουν τα ξεσπάσματα σε IE8, δοκιμάστε αυτό ... Είναι ωραία φάνηκε να διορθώνει τα προβλήματα μου, προς το παρόν ....

Χρησιμοποιώντας δήλωση Μέτα, μπορούμε να καθορίσουμε την απόδοση του κινητήρα θα θέλαμε να χρησιμοποιούν το IE8. Έτσι για να αναγκάσει τον IE8 να καταστήσει ως IE7 ... προστίθεται το ακόλουθο μετα-ετικέτας στο κεφάλι του εγγράφου σας: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Από προεπιλογή IE Μέτα θα είναι: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
το οποίο θα καταστήσει τον IE8 απόδοση της σελίδας χρησιμοποιώντας τη νέα λειτουργία πρότυπα.

Αν χρειαστεί, αυτή η σύνταξη θα μπορούσε να χρησιμοποιηθεί για να φιλοξενήσει για άλλα προγράμματα περιήγησης, όπως παρακάτω:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

Περισσότερα DOCTYPES:

ΑΝ είστε ακόμη εξοικειωμένοι με το είδος του ζώου που ονομάζεται "DOCTYPE" ... εδώ είναι μερικές γρήγορη ανάγνωση
Τι είναι DOCTYPES; Ποιες είναι οι ιδιορρυθμίες BROWSER & ΑΝΤΙΚΕΙΜΕΝΙΚΗΣ Mode;
Ρύθμιση του DOCTYPE σε XSL

Για μια πιο εις βάθος κατανόηση για DOCTYPES, προσπαθήστε να επισκεφθείτε αυτούς τους συνδέσμους ...
A List Apart: Στερεώστε το site σας με το δεξί DOCTYPE!
A List Apart: Πέρα από DOCTYPE: Πρότυπα του Παγκοσμίου Ιστού, τη συμβατότητα και IE8

Σημείωση: Αν και πολλοί από εμάς HTML / CSS άνθρωποι έχουν να παραγνωρίζεται η σημασία της DOCTYPE decleration στα έγγραφά μας, Καθορισμός του σωστού DOCTYPE, είναι συνήθως η απάντηση στα περισσότερα ζητήματα σταυρό του προγράμματος περιήγησης.

1 σχόλιο | tags: , , , , | δημοσιεύτηκε στις Παραξενιές Browser , HTML

2008 4 Οκτ. του 2008

Εξαφάνιση HTML / DIV στοιχεία του Internet Explorer [IE]

Ως συνήθως, ένα από τα πολλά παράξενα ορισμένα προβλήματα με IE και αυτό πρέπει να κατατάσσεται στο top 10 του IE ιδιοτροπίες.

ΔΗΛΩΣΗ ΤΟΥ ΠΡΟΒΛΗΜΑΤΟΣ (Αυτό ήταν το πρόβλημά μου, ίσως έχετε παρόμοια misbehaviors):
Έχω πολλές DIV Είναι στη σελίδα με την κατηγορία "sectionhead", η οποία δεν είναι τίποτα, αλλά ο τίτλος του τμήματος της σελίδας. Έτσι έχω κάποια στυλ μοιάζει με αυτό

. Sectionhead {font-size: 18px? Υπόβαθρο: # cfcfcf? Padding: 5px?}

Το div είναι ένα ελαφρύ γκρι μπάρα με κάποιο μαύρο κείμενο. Τι συμβαίνει στον IE είναι μερικές από αυτές τις κεφαλίδες εμφανίζονται εντάξει, αλλά μερικά είναι αόρατα, έως ότου, μετακινήστε τη σελίδα ή κάντε κλικ κάτι στη σελίδα, κλπ. Κάποια στιγμή τείνουν να εξαφανίζονται όταν κάνετε κλικ στο 'alt' πλήκτρο, όταν σας σελίδα προς τα κάτω ή να μετακινηθείτε με τη γραμμή κύλισης. Μερικές φορές φαίνεται να επανεμφανιστούν όταν φορτώσετε (F5) της σελίδας. Έχω μια τέλεια μικρή απλή DIV με κάποιο απλό ύφος συμπεριφέρεται άσχημα.
Τι θα μπορούσε να προκαλέσει μια τέτοια αλλοπρόσαλλη συμπεριφορά; Καλά! Ειλικρινά, Δεν έχω ιδέα!

Πιθανή λύση:
Και πάλι μην με ρωτάτε γιατί, αλλά σε πολλές περιπτώσεις το πρόβλημα αυτό τείνει να εξαφανιστεί όταν προσθέτετε θέση: σε σχέση με την κακή συμπεριφορά στοιχεία στυλ, όπως αυτό

. Sectionhead {font-size: 18px? Υπόβαθρο: # cfcfcf? Padding: 5px? Θέση: σχετική}

Περίεργο, αλλά τι να πω; Ο Θεός ευλογεί μου από IE!

ΚΑΙ ΜΕ αναλάβουν το μερίδιο των ΗΠΑ, αν είχατε παρόμοια προβλήματα.

υπάρχουν σχόλια | ετικέτες: , , , | δημοσιεύτηκε στις Παραξενιές Browser , CSS , HTML

2008 3 Οκτ., 2008

Απλό, ελαφρύ, Σταυρός Lightbox Browser για την ιστοσελίδα σας

Δεν είναι ότι υπάρχουν μόνο λίγα φωτεινά κουτιά που μπορείτε να βρείτε όταν το google. Το θέμα με τα περισσότερα από τα φανάρια που βρήκα ήταν ότι όλα έμοιαζαν να χρησιμοποιήσει μία ή τα άλλα βαριά πλαίσια JAVASCRIPT βάρους όπως jQuery, πρωτότυπο, Mootools και τους ομοίους. Είναι όλα δροσερά και αλαζονική εμφάνιση. Αλλά αν οι απαιτήσεις σας είναι "Θέλω, όμως, ένα απλό και ελαφρύ SCRIPT Lightbox για την ιστοσελίδα μου", τότε εδώ είναι?

Μερικά ωραία χαρακτηριστικά αυτού του lightbox

  1. Πολύ φως
    ένα. 4KB του Σενάρια όταν είναι συσκευασμένα (8 kb χύμα)
    β. 2 kb των CSS
    γ. Λίγες γραμμές κώδικα HTML για το δοχείο lightbox
  2. Απλά να κατανοήσουν και να εφαρμόσουν
  3. Μπορεί να έχει πολλαπλά φανάρια στην ίδια σελίδα.
  4. Το ίδιο δοχείο lightbox χρησιμοποιείται για να δείξει, διαφορετικό περιεχόμενο (το οποίο περιλαμβάνεται ως ξεχωριστά τμήματα κρυμμένα στη σελίδα), ανάλογα με τη σύνδεση / επιλογή που έχει πατηθεί.
  5. Αυτόματα ίδια κέντρα, λαμβάνοντας υπόψη όλους τους παράγοντες, όπως το ύψος και το πλάτος παραθύρων (ανάλυση οθόνης), ποσό σελίδα κύλισης και το ύψος του περιεχομένου του lightbox
  6. Δοκιμάστηκε στον IE 7 & FF

Προβολή Demo |
Κατεβάστε το φερμουάρ Πηγή Lightbox (Κατεβασμένο 1791 φορές)

Χρησιμοποιώντας το Lightbox [Αρχεία στο αρχείο zip]

jo.js, jo_pack.js [συσκευάζονται έκδοση]: - ένα απλό σύνολο της JavaScript ΑΝΤΙΚΕΙΜΕΝΑ [ΕΕ], η οποία περιέχει στοιχείο, παραθύρων και script θέσης εγγράφου. Μπορείτε να ανοίξετε JO.JS αν θέλετε να λερώσετε τα χέρια σας με μερικά προηγμένα Javascripting, δημιουργώντας αφηρημένες λειτουργίες, την επέκταση και ιδιότητες των στοιχείων αυτών. Εάν δεν πάρα πολύ σε Javascripting, το αφήσετε μόνο του.

lightbox.js, lightbox_pack.js [γεμάτο έκδοση]: - Περιορίστε το φως σενάρια διευθυντής κουτί. Εάν είστε σχεδιαστής της σελίδας, επίσης, υπεύθυνη με την εφαρμογή της lightbox στην σελίδα, θα πρέπει να κατανοήσουν την LightBoxManager. LightBoxManager περιλαμβάνει ουσιαστικά μόνο δύο λειτουργίες showLightBox και closeLightBox.

lightbox.css: - Εάν γνωρίζετε CSS, μπορείτε να παίξετε γύρω με lightbox.css να προσαρμόσετε την εμφάνιση-n-feel lightbox.css

index.html: Δείγμα εφαρμογή του lightbox με δύο διαφορετικές περιεχομένου

lb_underlay_bkg.png: - Αυτό είναι το φως / Σύμη διαφανή εικόνα που χρησιμοποιείται για το φόντο του υποστρώματος lightbox [Υποστρώματα είναι το στρώμα κάτω από το lighbox, η οποία αποτρέπει το χρήστη από το κλικ σε οποιοδήποτε άλλο πρόσωπο στη σελίδα, ενώ το lightbox είναι ανοικτό]. Μπορείτε να χρησιμοποιήσετε οποιαδήποτε εικόνα ή ακόμα και ένα στερεό χρώμα για το σκοπό αυτό, ανάλογα με το σχεδιασμό της σελίδας και την απαίτηση.

icon_lb_close.gif: - Η εικόνα για τη στενή λαβή lightbox στην επάνω δεξιά γωνία του φωτός κουτί. Μπορεί να χρησιμοποιήσει οποιαδήποτε εικόνα ως ανά σχέδιο ή υπόδειγμα

Προβολή Demo |
Κατεβάστε το φερμουάρ Πηγή Lightbox (Κατεβασμένο 1791 φορές)

Παρακαλούμε να έχουμε τις παρατηρήσεις και τα σχόλιά σας ...

υπάρχουν σχόλια | ετικέτες: , | δημοσιεύτηκε στο CSS , Λήψεις , HTML , JavasScript , Εξαρτήματα UI

2008 4η Σεπτεμβρίου, 2008

Σταθερό (Αυτό παραμένει στατική στο παράθυρο κύλισης) Μπλοκ Σελίδα χρήση CSS μόνο

Αυτό το μήνυμα μπορεί να είναι ένα καλό παράδειγμα για τη φράση "η γιαγιά Διδασκαλία να πιπιλίζουν αυγά" ... Γιατί αυτό είναι μόνο βασικά πράγματα CSS. Αλλά για εκείνους, όπως το αγνοεί μου, αυτό θα μπορούσε να είναι μια ευλογία στη μεταμφίεση. Πάντα πίστευα (θα μπορούσα να χάσω τη δουλειά μου για το λέω αυτό), ήταν δυνατό να διατηρηθεί κάποιο μέρος από το περιεχόμενο HTML σελίδα ΣΤΑΤΙΚΗ (έννοια, η θέση του παραμένει ως έχει στο Παράθυρο κύλισης), με κάποιες έξυπνες σενάρια, όλα εκείνα τα επιστημονικά υπολογισμούς για να βρουν δυναμική θέση, παγιδεύοντας τα γεγονότα Window.scroll και τον καθορισμό χρονικών ορίων, κλπ.

Ποτέ δεν πίστευα ότι θα μπορούσε τόσο απλό όσο αυτό .... Εδώ στο CSS / HTML κάτω, έχω τέσσερα στατικά μπλοκ, που έχει οριστεί για κάθε extrimities της σελίδας, επάνω, δεξιά, κάτω και αριστερά ... περιττό να πω ... μπορείτε να επιλέξετε ένα ή περισσότερα αν χρειαστεί να ...

CSS
. Στατική {display: block? Z-index: 10? Χρώμα: # ffffff? Υπερχείλισης-x: κρυμμένο? Υπερχείλισης-y: κρυμμένο? Θέση: σύμβαση ορισμένου?
}
# Περιεχόμενα {margin: 0px 100px 150px 160px? Σύνορα: 1px solid # e6e6e6}

# Wrap-t {κορυφή: 0px? Υπόβαθρο: # 33CC66? Πλάτος: 100%? Ύψος: 55px?}

# Wrap-λ {κορυφή: 80px? Υπόβαθρο: # FF9966? Ύψος: 300px? Πλάτος: 150px? Σύνορα: 2px solid # e6e6e6?}

# Wrap {β-κάτω: 0px? Υπόβαθρο: # 3333CC? Πλάτος: 100%? Ύψος: 55px?}

# Wrap-r {κορυφή: 80px? Υπόβαθρο: # 6666FF? Ύψος: 300px? Πλάτος: 140px? Σύνορα: 2px solid # e6e6e6? Δικαίωμα: 0?}

HTML
<div id="contents"> Μπορείτε κύριο περιεχόμενο της σελίδας </ span>
<div id="wrap-b" class="static">
Στατικό Περιεχόμενο στο κάτω μέρος σελίδας
</ Span>
<div id="wrap-t" class="static">
Στατικό Περιεχόμενο στην κορυφή της σελίδας
</ Span>

<div id="wrap-l" class="static">
Στατικό Περιεχόμενο στη σελίδα αριστερά
</ Span>
<div id="wrap-r" class="static">
Στατικό Περιεχόμενο στα δεξιά Σελίδα
</ Span>

Δείτε ένα δείγμα εδώ wroking

υπάρχουν σχόλια | ετικέτες: | δημοσιεύτηκε στο CSS , HTML

2008 2 Σεπτεμβρίου του 2008

CSS σιδηροπρίονο: JavaScript, CSS, HTML μόνο για τον Firefox

Πολλές φορές αισθανόμαστε την ανάγκη να γράψω πρόγραμμα περιήγησης specfic αμυχές (αν και δεν είναι μια καλή πράξη, προγραμματιστές UI πρέπει να καταφύγουν σε τέτοια δεινά μέχρι τους μεγάλους πολέμους Φυλλομετρητές έρχεται σε μια εκεχειρία). Νωρίτερα, είχα αναφερθεί σε αυτό το άρθρο Για ΑΠ έχει μόνο σας , πώς να γράψετε ένα απόσπασμα CSS που θα είναι ορατές σε IE browsers <IE7 μόνο.

Χθες, είχα μια περίπτωση, εκεί που ήθελα να γράψω κάποια συγκεκριμένη FireFox CSS αποσπάσματα. Καλά! Δεν είμαι σίγουρος αν υπάρχει ένας κώδικας CSS για αυτό, αλλά υπάρχει ένα HTML. Υπάρχει μια παγίδα όμως, αυτό το κομμάτι της HTML doesnot περάσει την επικύρωση HTML. Αλλά, anywaz! Αν είστε κολλημένοι άσχημα ή ως τέτοια, δεν έχουν-για την επικύρωση όσον αφορά (κάποτε θα πρέπει να είναι σκληρή), μπορείτε να χρησιμοποιήσετε το εξής για να δηλώσει μια σύνδεση με ένα μόνο στυλ FF ή ακόμα και απλώς κωδικοποιεί το CSS μέσα σε αυτό το μπλοκ. Ο κωδικός είναι

<comment> Βάλτε τον Firefox μόνο HTML / CSS / Σενάρια εδώ </ σχόλιο>

π.χ.
<comment>
<style>
/ * Στυλ για FF μόνο * /
πεδίων {border: 1px solid # dddddd?}
</ Span>
</ Σχόλιο>

Ι "μ χαρούμενος για την ώρα ...

υπάρχουν σχόλια | ετικέτες: , , | δημοσιεύτηκε στις Παραξενιές Browser , CSS , HTML , JavasScript

2008 15 Μάρτη 2008

Ερεθίζει Επιλέξτε Κουτιά ορατά μέσω των Διευθύνσεων Popup

Σε αρκετές περιπτώσεις, ενώ κάνει σελιδοποίηση με popup τμήματα / φανάρια / Συμβουλές κ.λ.π. συναντάμε περιπτώσεις όπου κάποια μορφή SELECT αντικείμενα συμβαίνει να είναι κάτω από αυτές τις POPUP τμήματα, από το σχεδιασμό και δείχνει μέσα από .... YUK!

Καλά! θα μπορούσε να διορθωθεί εύκολα με την προσαρμογή αυτή z-index αξίες σας κατάλληλα για FF και IE7. Αλλά Παλιές Καλές (λογοπαίγνιο προορισμένο) IE6 δεν συμπεριφέρεται ως στόχο .... Το SELECT δείχνουν BOX μέσω, ακόμα και μετά την εφαρμογή ορισμένων δραστικά το μεγάλο z-index αξίες PopUp τμήματός σας ... Κρίμα!

Υπάρχουν ΟΧΙ Διορθώσεις για αυτό το πρόβλημα, αλλά υπάρχουν, πιστεύω, περισσότερο από λίγα τρόπο να εργαστεί, γύρω από αυτό το πρόβλημα, αλλά Im εδώ για να σας πω την απλούστερη λύση που μπορώ να χρησιμοποιήσω, το οποίο δουλεύει μια χαρά για μένα, στις περισσότερες των περιπτώσεις ....

"Κρύβουν το ROUGE SELECT πλαίσιο, όταν ΔΕΙΞΤΕ ΤΗΝ POPUP"

Απλά στο απόσπασμα σενάριό σας, όπου σας δείξει αναδυόμενο σας, προσθέστε ένα κομμάτι του σεναρίου για να ορίσετε την ορατότητα των ΣτοΕπιλογή να "Κρυφό"

document.getElementById («my_select») style.visibilty = "κρυφό".?

Και θυμηθείτε να το γυρίσουν πίσω στο Κλείσιμο των PopUp τμήματός σας

. document.getElementById («my_select») style.visibilty = "ορατή"?

όπου "my_select" είναι το ID του ερεθισμού SELECT Πλαίσιο

Η ελπίδα αυτό βοηθά ...

PS. Υπάρχουν φυσικά και άλλες επιλογές όπως τα δυναμικά positionining ένα IFRAME (ίδιο μέγεθος όπως pop-up) στο πλαίσιο του Popup DIV ... Αυτό λειτουργεί πολύ καλά, αλλά με την προσθήκη φορτίων του DOM στοιχεία, σενάρια και κεφαλαλγία. Έχω χρησιμοποιήσει αυτή τη λύση πάρα πολύ, και Εάν χρειάζεστε οποιαδήποτε βοήθεια με αυτήν την επιλογή, μην επιτρέψτε μου να ξέρω. Θα χαρούμε να σας εξυπηρετήσουμε!

Δεν υπάρχουν σχόλια | ετικέτες: , , , , | δημοσιεύτηκε στις Παραξενιές Browser , CSS , HTML , JavasScript

NDK σπίτι | Εκφράζοντας IT | Εκφράζοντας Ουρανίσκος | Εκφράζοντας Penmenship | Εκφράζοντας δέος | εκφράζομαι