CSS Μάθημα 8ο Skip to content

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

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

Απάντηση
Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

CSS Μάθημα 8ο Skip to content

Δημοσίευση από manolism » 09 Ιαν 2007 11:03

Μάθημα 8ο Skip to content

Σε αυτό το μάθημα θα δώσουμε την επιλογή στον χρήστη πατώντας ένα link που θα βρίσκεται στο header μας να πηγαίνει αυτομάτως στο περιεχόμενο της σελίδας μας αγνοώντας το header και το menu.

Θα χρειαστείτε την παρακάτω εικόνα:
Εικόνα 1

Στο css αρχείο μας γράφουμε τα παρακάτω:

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

div.skip a{
width:110px;
height:17px;
background-image:url(skip.gif);
float:right;
margin:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-align:right;
padding:3px 1px 1px 1px;
margin-top:2px;
margin-right:100px;
text-decoration:none;
}

div.skip a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0099FF;
text-decoration:none;
}
Τι σημαίνουν οι επιλογές αυτές τις έχουμε εξηγήσει σε προηγούμενα μαθήματα

Στο html αρχείο μας και μέσα στο div header γράφουμε:

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

<div class="skip"><a href="#main_content">Skip to content</a> </div>
ώστε να μας οδηγήσει κατ' ευθείαν στο div main_content.

Live demo

teorungr
Δημοσιεύσεις: 22
Εγγραφή: 25 Μαρ 2009 11:43

CSS Μάθημα 8ο Skip to content

Δημοσίευση από teorungr » 14 Δεκ 2009 13:06

Βασικά ευχαριστώ πολύ για τα πολύ χρήσιμα μαθήματα με έχεις βοηθήσει πάρα πολύ

Εδω δεν καταλαβαίνω τι κάνει ακριβώς ο κώδικας δεν βλέπω κάποια αλλαγή στη σελίδα

Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

CSS Μάθημα 8ο Skip to content

Δημοσίευση από manolism » 14 Δεκ 2009 13:16

Εάν το ύψος της σελίδας πιάνει όλο το παράθυρο του browser λόγω ανάλυσής σου τότε δεν κάνει τίποτα. Δοκίμασε να μικρύνεις το ύψος του browser σου ώστε να βλέπεις το μισό περιεχόμενο και πάτα το link πάνω να δεις τι θα κάνει.

teorungr
Δημοσιεύσεις: 22
Εγγραφή: 25 Μαρ 2009 11:43

CSS Μάθημα 8ο Skip to content

Δημοσίευση από teorungr » 16 Δεκ 2009 11:30

:):) καλό ευχαριστώ

manolism έγραψε:Εάν το ύψος της σελίδας πιάνει όλο το παράθυρο του browser λόγω ανάλυσής σου τότε δεν κάνει τίποτα. Δοκίμασε να μικρύνεις το ύψος του browser σου ώστε να βλέπεις το μισό περιεχόμενο και πάτα το link πάνω να δεις τι θα κάνει.

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

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

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