Προβλημα ενσωμάτωσης css menu σε σελίδα.

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

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

Απάντηση
Άβαταρ μέλους
takis1985
Δημοσιεύσεις: 1206
Εγγραφή: 17 Μάιος 2001 03:00
Τοποθεσία: lesvos
Επικοινωνία:

Προβλημα ενσωμάτωσης css menu σε σελίδα.

Δημοσίευση από takis1985 » 09 Φεβ 2008 03:02

Γεια χαρά.
Δεν βρίσκω άκρη πώς ακριβώς θα ενσωματόσω τους 2 παρακάτω κώδικες για μενου css.
http://css.maxdesign.com.au/listamatic/vertical10.htm
http://css.maxdesign.com.au/listamatic/vertical15.htm
Βασικά θέλω να το βάλω στο αριστερό μενου της σελίδας μου www.plomaricity.gr ένα απο τα 2.
Ευχαριστώ.

Άβαταρ μέλους
Banavas
Script Master
Δημοσιεύσεις: 1367
Εγγραφή: 21 Νοέμ 2004 20:25
Επικοινωνία:

Προβλημα ενσωμάτωσης css menu σε σελίδα.

Δημοσίευση από Banavas » 09 Φεβ 2008 12:04

1. Θα κανεις ένα αρχείο πχ menu.css στο οποίο θα αντιγράψεις τον κώδικα κάτω από το CSS.
2. Θα το διασυνδέσεις στο αρχείο στο HEAD
<link rel="stylesheet" href="path_to_css/menu.css" type="text/css" />
3. Στο σημείο που βρίσκονται τα links του μενού σου θα βάλεις τον κώδικα που βρίσκεται κάτω από το HTML αφού πρώτα το διορθώσεις.

Happy coding
Happy coding....
Μάρκος
http://lasernet.gr

Άβαταρ μέλους
takis1985
Δημοσιεύσεις: 1206
Εγγραφή: 17 Μάιος 2001 03:00
Τοποθεσία: lesvos
Επικοινωνία:

Προβλημα ενσωμάτωσης css menu σε σελίδα.

Δημοσίευση από takis1985 » 09 Φεβ 2008 15:00

Banavas έγραψε:1. Θα κανεις ένα αρχείο πχ menu.css στο οποίο θα αντιγράψεις τον κώδικα κάτω από το CSS.
2. Θα το διασυνδέσεις στο αρχείο στο HEAD
<link rel="stylesheet" href="path_to_css/menu.css" type="text/css" />
3. Στο σημείο που βρίσκονται τα links του μενού σου θα βάλεις τον κώδικα που βρίσκεται κάτω από το HTML αφού πρώτα το διορθώσεις.

Happy coding
Σε ευχαριστώ παρα πολύ.
Τι είδους διορθώσεις θα ήθελε για να είναι οκ σε internet explorer και firefox;
Γιατί βάζωντάς τον κωδικό στο αρχείο css όπως είναι όπως λεει στις οδηγίες , δεν μου το εμφανίζει σωστά και το εμφανίζει μικρότερο το μενου.

Άβαταρ μέλους
Banavas
Script Master
Δημοσιεύσεις: 1367
Εγγραφή: 21 Νοέμ 2004 20:25
Επικοινωνία:

Προβλημα ενσωμάτωσης css menu σε σελίδα.

Δημοσίευση από Banavas » 09 Φεβ 2008 16:33

Τι πρόβλημα έχεις;
Το μενού είναι κατατσεκαρισμένο ( το έχω χρησιμοποιήσει εδώ με κάποιες τροποποιήσεις )
Ποστάρισε τον κώδικα να τον δούμε... 8)
Happy coding....
Μάρκος
http://lasernet.gr

Άβαταρ μέλους
takis1985
Δημοσιεύσεις: 1206
Εγγραφή: 17 Μάιος 2001 03:00
Τοποθεσία: lesvos
Επικοινωνία:

Προβλημα ενσωμάτωσης css menu σε σελίδα.

Δημοσίευση από takis1985 » 09 Φεβ 2008 16:57

Banavas έγραψε:Τι πρόβλημα έχεις;
Το μενού είναι κατατσεκαρισμένο ( το έχω χρησιμοποιήσει εδώ με κάποιες τροποποιήσεις )
Ποστάρισε τον κώδικα να τον δούμε... 8)
Επειδή τώρα δεν είμαι στο υπολογιστή που δουλεύω δεν μπορώ να το στείλω.
Απλα επειδή στις οδηγίες κάτι γράφει ότι πρέπει να αλάξω στον κώδικα για να ζουμάρει σωστά, αυτό δεν καταλαβένω.
Γιατί το μενού το εμφανίζει απλά μικρότερο των αναλωγιών.
Είναι για αυτό το μενου http://css.maxdesign.com.au/listamatic/vertical15.htm

Άβαταρ μέλους
takis1985
Δημοσιεύσεις: 1206
Εγγραφή: 17 Μάιος 2001 03:00
Τοποθεσία: lesvos
Επικοινωνία:

Προβλημα ενσωμάτωσης css menu σε σελίδα.

Δημοσίευση από takis1985 » 10 Φεβ 2008 04:41

Μου το εμφανίζει έτσι http://www.plomaricity.gr/dokimastiko.html
Έφτιαξα το αρχείο menu.css όπως αρκιβώς το έχει εδώ http://css.maxdesign.com.au/listamatic/vertical10.htm χωρίς να κάνω αλαγές.
Και το άλλο http://www.plomaricity.gr/dokimastiko2.html
με αυτό το μενού http://css.maxdesign.com.au/listamatic/vertical15.htm
Πώς μπορώ να το κάνω μικρότερο σε πλάτος;

Άβαταρ μέλους
Banavas
Script Master
Δημοσιεύσεις: 1367
Εγγραφή: 21 Νοέμ 2004 20:25
Επικοινωνία:

Προβλημα ενσωμάτωσης css menu σε σελίδα.

Δημοσίευση από Banavas » 10 Φεβ 2008 11:23

Δοκίμασε

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

#navcontainer
&#123;
	width&#58; 11em;
	border-right&#58; 0px solid #000;
	padding&#58; 0 0 0.5em 0;
	margin-bottom&#58; 0em;
	font-family&#58; Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color&#58; #90bade;
	color&#58; #333;
	font-size&#58; 11px;
&#125;

#navcontainer ul
&#123;
list-style&#58; none;
margin&#58; 0;
padding&#58; 0;
border&#58; none;
&#125;

#navcontainer li
&#123;
border-bottom&#58; 1px solid #90bade;
margin&#58; 0;
&#125;

#navcontainer li a
&#123;
display&#58; block;
padding&#58; 5px 5px 5px 0.5em;
border-left&#58; 6px solid #1958b7;
border-right&#58; 6px solid #508fc4;
background-color&#58; #2175bc;
color&#58; #fff;
text-decoration&#58; none;
width&#58; 100%;
&#125;

html>body #navcontainer li a &#123; width&#58; auto; &#125;

#navcontainer li a&#58;hover
&#123;
border-left&#58; 6px solid #1c64d1;
border-right&#58; 6px solid #5ba3e0;
background-color&#58; #2586d7;
color&#58; #fff;
&#125;
Happy coding....
Μάρκος
http://lasernet.gr

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

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

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