+- 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: Rollover Mozilla,Opera problem (/thread-rollover-mozilla-opera-problem)
Rollover Mozilla,Opera problem - Piniekf - 09-08-2010
Mam malutki problem z Rollover otóż IE normalnie odtwarza przyciski ze zmianą lecz ani Mozilla ani Opera nie wyświetla nic poniżej skrypt może wy znajdziecie przyczynę.
Dzieki z góryCSS
a.firma
{
background: url(images/firma.gif) no-repeat;
height:40px;
overflow:hidden;
width:100px;
}
a.firma:hover
{
background-position: 0px -40px;
}
a.firma span
{
display:block;
text-indent: -9999px;
}
a.index
{
background: url(images/home.gif) no-repeat;
height:40px;
overflow:hidden;
width:100px;
}
a.index:hover
{
background-position: 0px -40px;
}
a.index span
{
display:block;
text-indent: -9999px;
}
a.service
{
background: url(images/service.gif) no-repeat;
height:40px;
overflow:hidden;
width:100px;
}
a.service:hover
{
background-position: 0px -40px;
}
a.service span
{
display:block;
text-indent: -9999px;
}
a.ansprechparntner
{
background: url(images/ansprechparntner.gif) no-repeat;
height:40px;
overflow:hidden;
width:200px;
}
a.ansprechparntner:hover
{
background-position: 0px -40px;
}
a.ansprechparntner span
{
display:block;
text-indent: -9999px;
}
a.kontakt
{
background: url(images/kontakt.gif) no-repeat;
height:40px;
overflow:hidden;
width:100px;
}
a.kontakt:hover
{
background-position: 0px -40px;
}
a.kontakt span
{
display:block;
text-indent: -9999px;
}
HTML:
<a class="index" href="index.html"><span>Home</span></a>
<a class="firma" href="firma.html"><span>Firma</span></a>
<a class="service" href="service.html"><span>Service</span></a>
<a class="ansprechparntner" href="ansprechparnter.html"><span>Ansprechparntner</span></a>
<a class="kontakt" href="kontakt.html"><span>Kontakt</span></a>
RE: Rollover Mozilla,Opera problem - Kartofelek - 09-08-2010
a {display:block;}
RE: Rollover Mozilla,Opera problem - Piniekf - 09-08-2010
A mogłbyś do jednego z kodów wstawić? Bo css to ja z gotowców korzystam i nie ogarniam gdzie co jak ^^
RE: Rollover Mozilla,Opera problem - Kartofelek - 09-08-2010
a.kontakt
{
background: url(images/kontakt.gif) no-repeat;
height:40px;
overflow:hidden;
width:100px;
display:block;
}
I tak do kazdego.
Jeżeli te linki siedzą w jakimś div z pewnym ID, to wtedy lepiej #id_diva a {display:block}
Do tych z hover nie musisz.
RE: Rollover Mozilla,Opera problem - Piniekf - 09-08-2010
Dzięki wielkie zadziałało
