Menu problem...

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
Άβαταρ μέλους
p_pan
Δημοσιεύσεις: 1248
Εγγραφή: 11 Φεβ 2007 20:45
Τοποθεσία: Άστεγος!

Menu problem...

Δημοσίευση από p_pan » 10 Δεκ 2007 07:52

hello loipon exo to ejis problima.. exo ftiajei ena menu gia mia selida pou etoimazo kai otan trexo tin selida ston opera ola einai ok otan trexo sto IE to menu einai xalia...

dld..:

CSS

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

#menu { 
width: 150px;}

#menu ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family:verdana;
font-size:12px;}

#menu li{
padding-top:2px;}

#menu a{
display: block;
width: 160px;
height:20;
padding-top:5px;}

#menu a:link, #menu a:visited{
color: #333333;
text-decoration: none;
color:#333333;
padding-left:35px;
background-image:url(../pics/menu_back.jpg);
background-repeat:no-repeat;}

#menu a:hover{
background-image:url(../pics/menu_back_2.jpg);
background-repeat:no-repeat;
color: #333333;
font-weight:bold;
padding-left:25px;}

html code:

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

<div id="menu">
<ul id="menu">
<li><a href="1">1</a></li>
<li><a href="2">2</a></li>
<li><a href="3">3</a></li>
<li><a href="4">4</a></li>
<li><a href="51">5</span></a></li>
</ul>
</div>

mporei kaneis na boh8isei na ta kano idia kai stous duo browser????
Συνημμένα
opera_menu.jpg
opera_menu.jpg (10.33 KiB) Προβλήθηκε 1163 φορές
explore_menu.jpg
explore_menu.jpg (10.96 KiB) Προβλήθηκε 1163 φορές
Αγράματος...


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

Menu problem...

Δημοσίευση από manolism » 10 Δεκ 2007 12:50

Οι διαφορές είναι πολλές.

Πάμε στην λύση τώρα

CSS code

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

#menu &#123; 
width&#58; 132px;&#125; 

#menu ul&#123; 
margin-left&#58; 0; 
padding-left&#58; 0; 
list-style-type&#58; none; 
font-family&#58;verdana; 
font-size&#58;12px;&#125; 

#menu li&#123; 
padding-top&#58;0px;&#125; 

#menu a&#123; 
display&#58; block; 
width&#58; 97px; 
height&#58;25px; 
padding-top&#58;5px;&#125; 

#menu a&#58;link, #menu a&#58;visited&#123; 
width&#58; 97px; 
color&#58; #333333; 
text-decoration&#58; none; 
color&#58;#333333; 
padding-left&#58;35px; 
background-image&#58;url&#40;menu_back.gif&#41;; 
background-repeat&#58;no-repeat;&#125; 

#menu a&#58;hover&#123; 
width&#58; 107px; 
background-image&#58;url&#40;menu_back_hover.gif&#41;; 
background-repeat&#58;no-repeat; 
color&#58; #333333; 
font-weight&#58;bold; 
padding-left&#58;25px;&#125;
HTML Code

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

<div id="menu"> 
<ul id="menu"> 
<li><a href="1">1</a></li> 
<li><a href="2">2</a></li> 
<li><a href="3">3</a></li> 
<li><a href="4">4</a></li> 
<li><a href="51">5</span></a></li> 
</ul> 
</div>
Με δύο δικές μου γρήγορες εικόνες

Live Demo

Λειτουργεί το ίδιο σε IE6 FF Opera

Το μόνο που μένει είναι να το προσαρμόσεις στο δικό σου

Άβαταρ μέλους
p_pan
Δημοσιεύσεις: 1248
Εγγραφή: 11 Φεβ 2007 20:45
Τοποθεσία: Άστεγος!

Menu problem...

Δημοσίευση από p_pan » 10 Δεκ 2007 23:23

euxaristo polu...... to eftiaja kai douleuei mia xara......
Αγράματος...

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

Menu problem...

Δημοσίευση από manolism » 11 Δεκ 2007 09:04

NP

Εξάλλου στον κώδικά σου είχες ξεχάσει να βάλεις εδώ:

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

#menu a&#123; 
display&#58; block; 
width&#58; 160px; 
height&#58;20; 
padding-top&#58;5px;&#125;
τα px στο height και δεν το έβλεπε καθόλου.

Τέτοια λάθη στα βγάζει κατευθείαν ο validator. Πρέπει να τα προσέχεις λίγο παραπάνω. :wink:

Άβαταρ μέλους
p_pan
Δημοσιεύσεις: 1248
Εγγραφή: 11 Φεβ 2007 20:45
Τοποθεσία: Άστεγος!

Menu problem...

Δημοσίευση από p_pan » 12 Δεκ 2007 00:11

ok lunarmedia.... euxaristo.... ta dior8ono auta apla jereis antigrafi stin antigrafi kai allagi stin allagi... kapou 8a jefige...
Αγράματος...

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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