15Μάι

Απλές τεχνικές CSS που κάνουν την δουλεία του web designer ευκολότερη.

, 15 Μαΐου 2008 | WEB DESIGN - AUTHORING | 1 Σχόλιο

Με απλές τεχνικές CSS (Cascading Style Sheets) μπορείτε να διορθώσετε αρκετά θέματα ασυμβατότητας στα διάφορα προγράμματα πλοήγησης διαδικτύου (cross browser issues) και παράλληλα να δώσετε την λεπτομέρεια που επιθυμείτε στην ιστοσελίδα – website που σχεδιάζετε.

Αφαιρέστε τα ενοχλητικά link borders σε γραφικά.

img { border: 0; }

Κεντράρετε block elements οριζόντια

margin:0 auto;

Αφαιρέστε το κάθετο textarea scrollbar στον IE

textarea{
overflow:auto;
}

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

a{
white-space:nowrap;
}

Κεντράρετε το website σας με divs (layers)

body {
text-align: center;
margin: 0px;
}

#container {
text-align: left;
margin-right: auto;
margin-left: auto;
}

ή

body {
margin: 0px;
}

#container {
margin:0px auto;
}

Μόνιμη εμφάνιση του Firefox scrollbar.

html{
overflow:-moz-scrollbars-vertical;
}

Κεντράροντας με line height

div{
height:100px;
}
div *{
margin:0;
}
div p{
line-height:100px;
}

Δείτε το Παράδειγμα

Σε μελλοντικό άρθρο θα δείξουμε πως μπορείτε με την χρήση CSS να βάλετε φόντο (background) στην ιστοσελίδα σας. Θα αναλύσουμε διάφορους τρόπους που μπορείτε να χρησιμοποιήσετε με παραδείγματα ώστε να δημιουργήσετε designs που να ξεχωρίζουν.

ΧΡΗΣΙΜΗ ΠΛΗΡΟΦΟΡΙΑ: Το άρθρο Απλές τεχνικές CSS που κάνουν την δουλεία του web designer ευκολότερη. γράφτηκε από το WebDesignBlog. Η ομάδα μας σας υπενθυμίζει πως αν θέλετε να ενημερώνεστε για τα νέα του διαδικτύου και για επιλεγμένα άρθρα μας, μπορείτε να γραφτείτε εύκολα στο Newsletter μας ή στο RSS Feed μας.

One comment so far

Σχολιάστε

Back to top

Recent comments

  • Πολυ καλο αθρο πραγματικα!

    Η σωστή αρχιτεκτονική ενός website και τα οφέλη της
  • Πολύ χρήσιμη η λίστα με τα online tools. Ο επιτυχημένος σχεδιασμός μιας ιστοσελίδας βοηθά σε δύο κατευθύνσεις. Η πρώτη είναι ότι βελτιώνει την εμπειρία του επισκέπτη της ιστοσελίδας με συνέπεια ο τελευταίος να βλέπει περισσότερες σελίδες και να μένει περισσότερο χρόνο σε αυτή. Η δεύτερη είναι ότι επειδή ακριβώς βελτιώνονται τα στατιστικά στοιχεία της ιστοσελίδας, όπως το bounce rate, ο μέσος χρόνος παραμονής στην ιστοσελίδα και ο αριθμός των σελίδων ανά επίσκεψη, βελτιώνεται και η κατάταξη της ιστοσελίδας στα οργανικά αποτελέσματα της Google.

    10+1 Χρήσιμα website και on line tools

Latest From Twitter