menu problem

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

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

Απάντηση
andreaskor
Δημοσιεύσεις: 199
Εγγραφή: 03 Μάιος 2007 14:28
Επικοινωνία:

menu problem

Δημοσίευση από andreaskor » 10 Φεβ 2010 17:54

Καλησπέρα έχω φτιάξει ένα μενού το οποίο έχει ένα πρόβλημα.. :P
Έχω μια μπάρα div 1003px X 32px γεμισμένη με αυτό: nav_button.gif

Και μέσα σε αυτό το div έχω βάλει ένα ul li το όποιο αντί να κάτσει κανονικά μέσα πέφτει παρακάτω... Για να καταλάβετε..

CSS code:

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

#navigation{
	width:1003px;
	height:32px;
	margin:0px;
	padding:0px;
	background:url(../img/nav_button.gif) repeat-x left top;
	border-right:#9a1502 1px solid;
	float:left;
	display:block;
}

#navigation ul{
	list-style-type: none;
	float:left;
	padding:0px;
}

#navigation ul li{
	float:left;
}

#navigation ul li a, #navigation ul li a:visited{
	background:url(../img/nav_button.gif) #db4d09 repeat-x left top;
	padding:8px 15px 0px 15px;
	font-size:10pt;
	border-left:#ed812b 1px solid;
	border-right:#9a1502 1px solid;
	text-decoration:none;
	color:#FFF;
	height:24px;
	display:block;
}

#navigation ul li.current_page_item a, #navigation ul li a:hover{
	background:url(../img/nav_button_hover.gif) #db4d09 repeat-x left top;
    border-left:#3f5787 1px solid;
	border-right:#05122c 1px solid;

}
Σε εικόνες:

Το πρόβλημα:
Εικόνα

Έτσι θέλω να γίνει:
Εικόνα

Όποιος μπορεί ας βοηθήσει ευχαριστώ...:)

andreaskor
Δημοσιεύσεις: 199
Εγγραφή: 03 Μάιος 2007 14:28
Επικοινωνία:

menu problem

Δημοσίευση από andreaskor » 10 Φεβ 2010 19:49

ΟΚ το έλυσα...είχα ξεχάσει μερικά margin:0px στα ul kai li....;)
Όλα δουλεύουν κανονικά τώρα...

Απάντηση

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

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

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