Πρόβλημα με DropDown Menu

Υπενθύμιση αρχικής δημοσίευσης :

παιδιά έχω το έξης πρόβλημα.. έβαλα ένα dropdown menu αλλά κάτι ενοχλεί και το droping δεν φενετε ενώ λειτουργεί κανονικά ,, δεν παιζει νανε κατι απο το κοδικο.. www.gtagreece.blogspot.com
html

Κώδικας:

<div class="menu">

<ul>

<li><a href="#" >Home</a></li>

<li><a href="#" id="current">Products</a>

<ul>

<li><a href="#">Drop Down CSS Menus</a></li>

<li><a href="#">Horizontal CSS Menus</a></li>

<li><a href="#">Vertical CSS Menus</a></li>

<li><a href="#">Dreamweaver Menus</a></li>

</ul>

</li>

<li><a href="/faq.php">FAQ</a>

<ul>

<li><a href="#">Drop Down CSS Menus</a></li>

<li><a href="#">Horizontal CSS Menus</a></li>

<li><a href="#">Vertical CSS Menus</a></li>

<li><a href="#">Dreamweaver Menus</a></li>

</ul>

</li>

<li><a href="/contact/contact.php">Contact</a></li>

</ul>

</div>

CSS

Κώδικας:

.menu{

border:none;

border:0px;

margin:0px;

padding:0px;

font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

font-size:14px;

font-weight:bold;

}

.menu ul{

background:#333333;

height:35px;

list-style:none;

margin:0;

padding:0;

}

.menu li{

float:left;

padding:0px;

}

.menu li a{

background:#333333 url("http://4.bp.blogspot.com/_jM8-wHc3NKY/TQsZSeQYKQI/AAAAAAAAAGU/0AgHYW2zktQ/s1600/seperator.gif") bottom right no-repeat;

color:#cccccc;

display:block;

font-weight:normal;

line-height:35px;

margin:0px;

padding:0px 25px;

text-align:center;

text-decoration:none;

}

.menu li a:hover, .menu ul li:hover a{

background: #2580a2 url("http://3.bp.blogspot.com/_jM8-wHc3NKY/TQsZNT36uyI/AAAAAAAAAGM/F8t08m7-5tw/s1600/hover.gif") bottom center no-repeat;

color:#FFFFFF;

text-decoration:none;

}

.menu li ul{

background:#333333;

display:none;

height:auto;

padding:0px;

margin:0px;

border:0px;

position:absolute;

width:225px;

z-index:200;

/*top:1em;

/*left:0;*/

}

.menu li:hover ul{

display:block;



}

.menu li li {

background:url('http://1.bp.blogspot.com/_jM8-wHc3NKY/TQsZUcZYwkI/AAAAAAAAAGY/zNSlkfCsai8/s1600/sub_sep.gif') bottom left no-repeat;

display:block;

float:none;

margin:0px;

padding:0px;

width:225px;

}

.menu li:hover li a{

background:none;



}

.menu li ul a{

display:block;

height:35px;

font-size:12px;

font-style:normal;

margin:0px;

padding:0px 10px 0px 15px;

text-align:left;

}

.menu li ul a:hover, .menu li ul li:hover a{

background:#2580a2 url('http://4.bp.blogspot.com/_jM8-wHc3NKY/TQsZPiSwCMI/AAAAAAAAAGQ/VBSL8auDxzc/s1600/hover_sub.gif') center left no-repeat;

border:0px;

color:#ffffff;

text-decoration:none;

}

.menu p{

clear:left;

}

Paulos έγραψε:και στα 2???πρωτα το ενα και μετα το αλλο..

Εκανα το προτο(απο μπροστα) πατισα τεστ και μου εβγαλε το error το εσβισα και μετα το εβαλα στο δευτερο(απο πισο) παλι το ιδιο...

εχεις λανθασμενα καποιους κωδικους που εχεις βαλει...Δοκιμασε να το βαλεις μετα απο αυτο

Κώδικας:

<header>

Paulos έγραψε:εχεις λανθασμενα καποιους κωδικους που εχεις βαλει...Δοκιμασε να το βαλεις μετα απο αυτο

Κώδικας:

<header>

ειναι απο πανο...δες

Μαλιστα βαλτο μετα απο αυτο..

Κώδικας:

</header>

Paulos έγραψε:Μαλιστα βαλτο μετα απο αυτο..

Κώδικας:

</header>

Το εβαλα αλλα ειναι καπος περιεργα μεγαλο...

το ειδα τωρα εισαι κομπλε!!Πρεπει τωρα να το φτιαξεις απο το css, επισης εχεις πολλα βαλει στο μενου..

Paulos έγραψε:το ειδα τωρα εισαι κομπλε!!Πρεπει τωρα να το φτιαξεις απο το css, επισης εχεις πολλα βαλει στο μενου..

ναι ομος αν εβλεπες πος ειταν πριν.. ειταν πιο μικρο και στην μεση... πεζι να βαλω κιαλα.. βοιθισε με λιγο με το css

Κώδικας:

.menu li a {
    background: url("http://4.bp.blogspot.com/_jM8-wHc3NKY/TQsZSeQYKQI/AAAAAAAAAGU/0AgHYW2zktQ/s1600/seperator.gif") no-repeat scroll right bottom #333333;
    color: #CCCCCC;
    display: block;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
}

αυτο αλλαξε το και βαλτο οπως στο δινω εγω..

Paulos έγραψε:

Κώδικας:

.menu li a {
    background: url("http://4.bp.blogspot.com/_jM8-wHc3NKY/TQsZSeQYKQI/AAAAAAAAAGU/0AgHYW2zktQ/s1600/seperator.gif") no-repeat scroll right bottom #333333;
    color: #CCCCCC;
    display: block;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
}

αυτο αλλαξε το και βαλτο οπως στο δινω εγω..

το μικρινα μονος μου.. απλος θελω τορα να το βαλω στο κεντρο να σου στιλο τον κοδικο με τις πσιλο ριθμισις μου?

δεν χρειαζεται απλα εσυ πρεπει να το ρυθμισεις αναλογα με το blog σου και πως το θες...Θα κανω μια δοκιμη και εγω..Πριν ο κωδικας ηταν λαθος τωρα ειναι σωστος!

Paulos έγραψε:δεν χρειαζεται απλα εσυ πρεπει να το ρυθμισεις αναλογα με το blog σου και πως το θες...Θα κανω μια δοκιμη και εγω..Πριν ο κωδικας ηταν λαθος τωρα ειναι σωστος!

ξερω.. απλος δεν ξερω πιο πρεπει να αλαζω..

απο εδω

Κώδικας:

.menu li a {
    background: url("http://4.bp.blogspot.com/_jM8-wHc3NKY/TQsZSeQYKQI/AAAAAAAAAGU/0AgHYW2zktQ/s1600/seperator.gif") no-repeat scroll right bottom #333333;
    color: #CCCCCC;
    display: block;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
}


αυτο..

Κώδικας:

  padding: 0 15px;

δεν μετακινιτε απλος ανιγει

τι θελεις να μετακινησεις??

Paulos έγραψε:τι θελεις να μετακινησεις??

ολο το μενου να το μετακινισο στα δεξια.. οστε το κουμπι της αρχικης σελιδας να μιν ακουμπαει στα αριστερα

μαλιστα δες τον κωδικα αυτο που εφτιαξα και κανε εσυ οτι θελεις...

θα αλλαξεις ολο αυτο

Κώδικας:

.menu ul {....

με αυτο

Κώδικας:

.menu ul {
    background: none repeat scroll 0 0 #333333;
    height: 35px;
    list-style: none outside none;
    margin-left: 50px;
    padding: 0;
    width: 90%;
}

Paulos έγραψε:μαλιστα δες τον κωδικα αυτο που εφτιαξα και κανε εσυ οτι θελεις...

θα αλλαξεις ολο αυτο

Κώδικας:

.menu ul {....

με αυτο

Κώδικας:

.menu ul {
    background: none repeat scroll 0 0 #333333;
    height: 35px;
    list-style: none outside none;
    margin-left: 50px;
    padding: 0;
    width: 90%;
}

πιγε στα αριστερα.. αλλα πιγε και μπρος τα κατο

μολις βαζω αυτο παει προς τα κατο margin-left: 50px;

δεν βλεπω να εβαλες τον κωδικο

Βαγγελη δεν ξερω ρε φιλε πως ακριβως το θελεις κανε μου ενα σχεδιο...τι να πω..Αυτο πρεπει εσυ να το βρεις..

Paulos έγραψε:δεν βλεπω να εβαλες τον κωδικο

Τον βαζω εκει στο δοκιμαστικο οστε.. και κανω preview θες να το αποθικευσο να το δεις?

πες μου ακριβως πως το θες κανε μου ενα σχεδιο...κανε κατι δεν ειμαι και μαγος! :D

Αν καταλαβα το θελεις καπως ετσι...

Κώδικας:

.menu ul {
    background: none repeat scroll 0 0 #333333;
    height: 35px;
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: 40px;
    margin-top: 0;
    padding: 0;
    width: 93.5%;
}

δεν το βλεπω ετσι εγω..καμια σχεση..Επισης δες τον νεο κωδικα που εβαλα παραπανω..