Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- [html]W jakiej technice zrobić stronkę? Jestem grafikiem a chce zrobić stronkę....
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- nea111.xlx.pl
telcocafe
WitamPostanowiłem zrobić sobie ładne menu. Dlatego stworzyłem szereg gotowych guzików w 2 wersjach. Ciemniejsza na początku i jasniejsza po najechaniu. Do zmiany używałem js ale linków troche jest i caly ten szajs strasznie spowalnia stronę. Dlatego chce wykorzystać .css
Ale mam problem. Bo kiedy daje
a { background: url(guzik.jpg); }
To guzik nie pojawia się cały a tylko na szerokość napisu. Zaznaczam, że zmieniłem guziki i skasowałem z nich napis tak, że stanowią one tylko i wyłącznie tło.
no to dodajesz jeszcze width height obrazka i a:hover { background-image:url(cos.jpg)} do efektu kiedy najeżdzasz na element myszka. Ale watpie czy css bedzie szybszy od js
tak też zrobiłem, ale to nic nie dało
nadałem atrybut display: block i to załatwiło PRAWIE sprawę. Prawie ponieważ obrazki sa jakby niedokończone, brakuje im prawej i dolnej krawędzi i nie wiem jak temu zaradzić.
To może nie dawaj zmiany obrazka dla samego <a> tylko osadzaj w jakimś "większym" tagu. Np. <ul> + <li>, ewentualnie <div>. Najlepiej pokaż kod, to pokażę na przykładzie.
to tabela w której są linki i na tabeli MUSI pozostać. Nie pytajcie czemu :P
<table width="731" height="10" cellpading="0" cellspacing="0" class="nav"> <tr> <td><a href=''></a></td> <td><a href=''></a></td> <td><a href=''></a></td> <td><a href=''></a></td> <td><a href=''></a></td> <td><a href=''></a></td> <td><a href=''></a></td> </tr> <tr> <td><a href=''>a</a></td> <td><a href=''></a></td> <td><a href=''></a></td> <td><a href=''></a></td> <td><a href=''></a></td> <td><a href=''></a></td> <td><a href=''></a></td> </tr> </table>
styl.css
/* nawigacja */ .nav { padding: 0px; } .nav td{ width: 105px; height: 26px; text-align: center; } .nav a { text-decoration: none; color: white; display: block; background: url(../przyciski/przycisk_1.jpg) no-repeat; } .nav a:hover { color: black; background: url(../przyciski/przycisk_2.jpg) no-repeat; display: block; } /* koniec nawigacji */
.nav a {
text-decoration: none;
color: white;
display: block;
width: ...;
height: ...;
background: url(../przyciski/przycisk_1.jpg) no-repeat;
}
.nav a:hover {
width: ...;
height: ...;
color: black;
background: url(../przyciski/przycisk_2.jpg) no-repeat;
display: block;
}
Wstawiasz width i height tak jak ci mówiłem już wcześniej. Na pewno działa bo sprawdzałem