Forum PHP.pl > [HTML,CSS] Linki

Pomoc - Szukaj - Użytkownicy - Kalendarz

krzychu0808

1.01.2008, 23:12:15

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

1.01.2008, 23:13:36

Nie uzywaj .efekt, tylko a.efekt

krzychu0808

1.01.2008, 23:16:55

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

1.01.2008, 23:22:39

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

1.01.2008, 23:27:08

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

franki01

1.01.2008, 23:36:42

Kod

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.