[HTML,CSS] Linki Opcje

[krzychu0808]

Witam mam pytanie jak zrobić aby link nie był niebieski i podkreślony tylko taki jak ja chce... umieściłem link do przycisku w menu strona główna... coś takiego:
http://l2c6.no-ip.org/7/

Css(ten kawałek z linkiem)

Kod

.efekt        
{
position: relative;
top:2px;
width: 143px;                
height: 20px;                    
color: #000000;            
background-color: #8c8c8c;    
    }    
.efekt:hover    
    {
position: relative;
top:2px;            
width: 143px;                
height: 20px;                
color: #FFFFFF;            
background-color: #292931;        
}        
#tekst1 {
position: relative;
    top:3px;
    left:5px;
}

Html:

Kod

<div class="efekt"><div id="tekst1"><a href="index.php">Strona Główna</a></div></div>

[franki01]

Nie uzywaj .efekt, tylko a.efekt

[krzychu0808]

Zrobiłem:

Kod

a.efekt        
{
position: relative;
top:2px;
width: 143px;                
height: 20px;                    
color: #000000;            
background-color: #8c8c8c;    
    }    
a.efekt:hover    
    {
position: relative;
top:2px;            
width: 143px;                
height: 20px;                
color: #FFFFFF;            
background-color: #292931;        
}

Ale nic to nie dało....

[franki01]

Sory, myslalem ze masz inna strukture, dopiero w kod zajrzalem. Zrob nowa klase, np. .menulink:

Kod

a.menulink
{
color: #000000;  
}
a.menulink:hover
{
color: #FFFFFF;
}

Nastepnie dla <a> nadaj atrybut class="menulink"

[krzychu0808]

Dzięki a może wiesz jak usunąć podkreślenie??

[franki01]

Kod

a.menulink
{
color: #000000;
text-decoration: none;
}