+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css] Zmiana list-style po najechaniu na link (/thread-css-zmiana-list-style-po-najechaniu-na-link)
[css] Zmiana list-style po najechaniu na link - sernik1994 - 20-01-2008
Witam ma problem jak w temacie bo chcę zmienić list-style po najechniu na link ale nie wiem jak. Chodzi mi o odnośniki a oto mój styl:
a {
border-bottom: 1px dotted #7D9412;
text-decoration: none;
color: #F2900B;
}
a:hover {
border: none;
text-decoration: none;
color: #FFFFFF;
}
...
#colTwo {
float: right;
width: 200px;
background: #111111;
}
#colTwo ul {
margin: 0;
padding: 10px 0 0 0;
list-style: none;
}
#colTwo li {
margin-bottom: 20px;
background: url(images/img3.gif) repeat-x;
}
#colTwo li li {
margin-bottom: auto;
background: none;
}
#colTwo li ul {
padding-top: 0;
padding-left: 20px;
list-style: square inside;
}
Z góry dzięki za odp i proszę jak najbardziej szczegółowo^^
RE: Zmiana list-style po najechaniu na link - Marcin - 20-01-2008
Podaj link do pliku z przykładem. Jeśli nie masz serwera to zrób zipa i załącznik do swojego posta.
RE: Zmiana list-style po najechaniu na link - sernik1994 - 20-01-2008
http://www.sernik1994.lif.pl/default.css - styl css
http://www.sernik1994.lif.pl/ - strona
http://www.sernik1994.lif.pl/menu.php - menu
a do indexu nie podam bo to PHP to ci otwrzy już przerobiony na normalny kod html.
RE: Zmiana list-style po najechaniu na link - Marcin - 21-01-2008
I teraz jeszcze wytłumacz co chcesz zrobić z tym menu. Chodzi Ci o to by po najechaniu na wybrany element menu (listy) zmieniał się jego punktor tak? Jeśli tak to w czystym CSS nie znam takiego rozwiązania, ale wiem jak można to obejść. Zamiast list-style można dać background dla elementu <a> w <li> i odpowiednio przesunąć tekst w <a> poprzez padding i zmieniać tło tego <a> w zależności od tego czy najeżdżamy myszką czy nie.
Tak na szybko
Kod:
ul li a {
background:url(obrazek.jpg) left no-repeat;
padding-left: 10px;
}
ul li a:hover {
background:url(obrazek_hover.jpg) left no-repeat;
}RE: Zmiana list-style po najechaniu na link - marines - 26-01-2008
wymyśliłem takie coś na poczekaniu (nie testowałem):
Kod:
<ul id="nav">
<li><ul><li>link1</li></ul></li>
<li><ul><li>link2</li></ul></li>
</ul>i CSS:
Kod:
#nav {
list-style: none;
}
#nav li ul:hover {
list-style-type: square; /* styl po najechaniu na element */
}o ile dobrze zrozumiałem o co ci chodzi
//edit
ok, działa tak jak chciałem
bezinwazyjne i bezobrazkowe menu
RE: Zmiana list-style po najechaniu na link - Marcin - 26-01-2008
RE: Zmiana list-style po najechaniu na link - marines - 26-01-2008
a fakt, zapomniałem. jestem super anty-ie.