Inlägg

Varför skulle man inte kunna det? Finns inget skumt med det.

<ul id="navbar">
<li><a class="rightborder" href="index.html"> Home </a></li>
<li><a class="rightborder" href="donate.html"> Donate </a></li>
<li><a class="rightborder" href="about.html"> About Us </a></li>
<li><a href="contact.html"> Contact Us </a></li>
</ul>

Kan man verkligen skriva så, ser skumt ut.

http://forumbilder.se/thumbs/b282011115824c409.jpg

På den här bilden kan ni se att allt är som det ska, bilden ligger i rätt mapp och är rätt filtyp. Är det bara CSS som hatar mig?

Klassens syfte var att göra så att jag kunde skapa en border på alla knappar förutom den längst till höger.

Jag har en simpel meny gjord med följande (x)HTML-kod:

 <ul id="navbar">
                <li><a class="rightborder" href="index.html"> Home </a></li>
                <li><a class="rightborder" href="donate.html"> Donate </a></li>
                <li><a class="rightborder" href="about.html"> About Us </a></li>
                <li><a href="contact.html"> Contact Us </a></li>
            </ul>

och CSS-kod:

#navbar         {width:947px;
                 padding:0px;
                 margin:0px;}

#navbar li      {display:inline;}

#navbar a       {width:235.75px;
                 height:40px;
                 float:left;
                 padding:0px;
                 text-align:center;
                 text-decoration:none;
                 background-color:#485e49;
                 color:#FFFFFF;
                 line-height:240%;}

.rightborder    {border-right:1px solid #FFFFFF;}

Resultat:
http://forumbilder.se/images/3d820111044493199.jpg

Nu till frågan: Hur gör jag så att när man tar musen över en knapp så får knappen i fråga en bakgrundsbild? Försökte med följande:

#navbar a:hover {background-image:url(knapp.jpg)}

Men det funkade inte, inget hände när musen gick över knappen, någon som vet hur man gör? Ni är också välkomna att påpeka i fall att jag gjort något onödigt/dumt i min CSS-kod, försöker lära mig.

Tack, jag löste problemet

Provat det också men inga ändringar