HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
r0wl3n
Posty: 12 Rejestracja: wt kwie 20, 2010 11:30 am
Post
autor: r0wl3n pn paź 25, 2010 2:55 pm
Witam chciałbym uzyskać dynamiczny przyciska na allegro. Jak wiadomo, trzeba to uzyskać za pomocą styli a nie JS. W Google chrome i Operze działa. W mozilli i IE niestety nie...
tutaj przykład styli i kodu w stronie:
Kod: Zaznacz cały
#user_field .komentarze {
position: absolute;
top: 0px;
left: 103px;
height: 56px;
width: 107px;
background-image: url(http://www.zstudio.ggear.pl/2/images/komentarze.jpg);
background-repeat: no-repeat;
}
#user_field .komentarze:hover {
position: absolute;
top: 0px;
left: 103px;
height: 56px;
width: 107px;
background-image: url(http://www.zstudio.ggear.pl/2/images/komentarze2.jpg);
background-repeat: no-repeat;
}Kod: Zaznacz cały
<a href="http://allegro.pl/show_user.php?uid=2574279"><div class="komentarze"></div></a>
Wiecie co jest źle? znacie jakąś alternatywę?
darek_w
Nowy
Posty: 41 Rejestracja: sob lip 31, 2010 8:48 am
Post
autor: darek_w pn paź 25, 2010 6:26 pm
Witam.
Nigdzie w kodzie html nie używasz id="user_field" więc nie dodawaj tego również w css.
Kod poniżej działa poprawnie:
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.komentarze {
position: absolute;
top: 0px;
left: 103px;
height: 56px;
width: 107px;
background-image: url(http://www.zstudio.ggear.pl/2/images/komentarze.jpg);
background-repeat: no-repeat;
}
.komentarze:hover {
position: absolute;
top: 0px;
left: 103px;
height: 56px;
width: 107px;
background-image: url(http://www.zstudio.ggear.pl/2/images/komentarze2.jpg);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<a href="http://allegro.pl/show_user.php?uid=2574279"><div class="komentarze"></div></a>
</body>
</html>
r0wl3n
Posty: 12 Rejestracja: wt kwie 20, 2010 11:30 am
Post
autor: r0wl3n pn paź 25, 2010 6:40 pm
tak, ja nie używam tego w css, ale dałem wycinek z szablonu już wrzuconego z allegro, a automat sam dodaje już to "#user_field " więc na to nie patrz ; q
darek_w
Nowy
Posty: 41 Rejestracja: sob lip 31, 2010 8:48 am
Post
autor: darek_w pn paź 25, 2010 6:53 pm
Więc dodaj id="user_field" do diva w htmlu. Kod poniżej działa poprawnie z cssem który wkopiowałeś na początku.
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#user_field.komentarze {
position: absolute;
top: 0px;
left: 103px;
height: 56px;
width: 107px;
background-image: url(http://www.zstudio.ggear.pl/2/images/komentarze.jpg);
background-repeat: no-repeat;
}
#user_field.komentarze:hover {
position: absolute;
top: 0px;
left: 103px;
height: 56px;
width: 107px;
background-image: url(http://www.zstudio.ggear.pl/2/images/komentarze2.jpg);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<a href="http://allegro.pl/show_user.php?uid=2574279"><div id="user_field" class="komentarze"></div></a>
</body>
</html>
