Nu se schimba imaginea din meniu

#1
Nsilviu

Posted 07 June 2010 - 13:54

Junior Member

Grup: Members
Posts: 99
Înscris: 25.06.2008

Salut vreau sa fac un meniu care sa nu aiba decat o singura imagine si toate dimensiunile pentru fiecare link sa fie loate din css dar nu imi dau seama unde am gresit , acesta este codul html:

  
<head>
<title></title>
 <link href="css/style.css" rel="stylesheet" type="text/css" />
 </head>
  <body>
   <ul id="awesome-menu">
		<li><a href="#acasa" class="acasa">Acasa</a></li>
		<li><a href="#despre" class="despre">Despre</a></li>
		<li><a href="#parteneri" class="parteneri">Parteneri</a></li>
		<li><a href="#contact" class="contact">Contact</a></li>
   </ul>

css:

* { margin: 0; padding: 0; }


ul#awesome-menu {
		 width: 600px; margin: 0px auto;
		 list-style: none;		 
}

ul#awesome-menu li { display: inline; }

ul#awesome-menu {
		 display: block; float: left; height: 147px;
		 background-image: url(../img/meniu_pater_tot.png); text-indent: -9999px;
}
		 ul#awesome-menu li a.acasa  {
						 width: 332px; background-position: 0 0;
		
		 }
		 
		 ul#awesome-menu li a.despre {
						 width: 92px; background-position: -332px 0;
		 }
		 
		 ul#awesome-menu li a.parteneri {
						 width: 92px; background-position: -424px 0;
		 }
		 
		 ul#awesome-menu li a.contact {
						 width: 92px; background-position: -516px 0;
		 }
		 
		 
		 ul#awesome-menu li a.acasa:hover, ul#awesome-menu li a.acasa:focus {
						 background-position: 0 -147px;
		 }
		 
		 ul#awesome-menu li a.despre:hover, ul#awesome-menu li a.despre:focus {
						 background-position: -332px -147px;
		 }
		 
		 ul#awesome-menu li a.parteneri:hover, ul#awesome-menu li a.parteneri:focus {
						 background-position: -424px -147px;
		 }
		 
		 ul#awesome-menu li a.contact:hover, ul#awesome-menu li a.contact:focus {
						 background-position: -516px -147px;
		 }

a { outline: none; }

iar imaginea arata asa [ http://noupenet.bplaced.com/pater/img/meniu_pater_tot.png - Pentru incarcare in pagina (embed) Click aici ]
Puteti sa ma ajutati, va rog !

Back to top

#2
unu

Posted 09 June 2010 - 13:06

Active Member

Grup: Members
Posts: 1,564
Înscris: 05.11.2005

pune un link daca ai site-ul live, e mai usor de depistat problema

Back to top

#3
Zeus_XP

Posted 12 June 2010 - 16:32

Junior Member

Grup: Members
Posts: 48
Înscris: 28.12.2008

eu unul n-am inteles care se doreste a fi rezultatul, implicit nici problema....

Back to top

#4
neobluenet

Posted 01 July 2010 - 06:54

Member

Grup: Members
Posts: 489
Înscris: 13.08.2004

Zeus_XP, on 12th June 2010, 17:32, said:

eu unul n-am inteles care se doreste a fi rezultatul, implicit nici problema....

Incearca sa nu folosesti clase ci id-uri si pune-le la <li>, nu la <a>. Eu asa lucrez si imi merge.

Back to top

Anunturi

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

Nu se schimba imaginea din meniu

#1 Nsilviu Posted 07 June 2010 - 13:54

#2 unu Posted 09 June 2010 - 13:06

#3 Zeus_XP Posted 12 June 2010 - 16:32

#4 neobluenet Posted 01 July 2010 - 06:54

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
Nsilviu

Posted 07 June 2010 - 13:54

#2
unu

Posted 09 June 2010 - 13:06

#3
Zeus_XP

Posted 12 June 2010 - 16:32

#4
neobluenet

Posted 01 July 2010 - 06:54