Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Problem z "inline"
Forum PHP.pl > Forum > Przedszkole
marcincompl
Witam
Mam problem z elementem "inline" w css. Wstawiam w css taki kod:
CODE
a.rollover1 {
display: inline;
width: 92px;
height: 70px;
background-image: url('images/baner_04a.jpg');
background-repeat: no-repeat;
}
a.rollover1:hover {
background-position: 0px -70px;}

a.rollover2 {
display: inline;
width: 92px;
height: 70px;
background-image: url('images/baner_05a.jpg');
background-repeat: no-repeat;
}
a.rollover2:hover {
background-position: 0px -70px;}


a w treści strony taki kod:
CODE
<div align="center">
<a class="rollover1" href="http://link.html" ></a>
<a class="rollover2" href="http://link.html" ></a>
</div>

W Explorerze i Operze wyświetla się wszystko ok natomiast w Firefox nie działa. Proszę o pomoc gdzie popełniłem błąd.....
thek
Jeśli coś jest inline to nie może mieć szerokości. Dlatego masz błąd. Daj im display:block i float:left, zaś całemu div overflow:hidden
I popraw bbcode na właściwe bo temat Ci zamknę. Nie tylko code istnieje! są jeszcze php, html, javascript, css ale wszyscy się na code uparli, choć w regulaminie jak byk stoi, że używać prawidłowego trzeba i nawet php jest tak wymieniony. Nie mówię nawet, że w zakladaniu tematu jest masę innych jeszcze, do róznych celów.
erix
Cytat
W Explorerze i Operze wyświetla się wszystko ok natomiast w Firefox nie działa. Proszę o pomoc gdzie popełniłem błąd.....


  1. display: inline-block
marcincompl
ERIX dzięki wystarczyło wpisać "display: inline-block;" i zaczęło hulać....
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.