[css] blednie formatuje miniaturki

[lowcy.pl]

tak wiec pod operą i ie wszytsko gra od 3wersji firefoxa blednie formatuje miniaturki na glownej stronie http://lowcy.com i podstronach w zaleznosci zreszta od przeladowania style obslugujace wyswietlanie miniaturek:

Kod: Zaznacz cały

a.mini {
   display: block;
   width: 80px;
   height: 60px;
   text-decoration: none;
   position: relative;
   margin: 0 auto;
}
a.mini ul {
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   text-align: left;
   height: 47px;
   width: 72px;
   padding: 4px 4px 4px 9px;
   overflow: hidden;
   z-index: 3;
}
a:hover.mini img, a:hover.mini object {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 5;
}
a.mini ul li {
   display: none;
}
a:hover.mini ul {
   display: block;
   position: absolute;
   right: -5px;
   top: -5px;
   text-align: left;
   background: url(images/lowcy_imgmini_hoverbg.png) no-repeat left top;
   height: 62px;
   width: 187px;
   padding: 4px 4px 4px 9px;
   overflow: hidden;
   cursor: pointer;
   z-index: 3;
}
* html a:hover.mini ul {
   background: none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lowcy_imgmini_hoverbg.png', sizingMethod='scale');
}
a:hover.mini ul li {
   white-space: nowrap;
   font-size: 10px;
   background: url(images/lowcy_arrow_small.gif) no-repeat left center;
   color: #FFFFFF;
   line-height: 14px;
   margin-left: 11px;
   font-weight: bold;
   display: block;
}
a:hover.mini ul li.mini-1 {
   background: none;
   font-size: 12px;
   margin-left: 0;
   line-height: normal;
   color: #000000;
   background: url(images/lowcy_point_orange.gif) no-repeat left 6px;
   padding-left: 11px;
}
a:hover.mini ul li.mini-2{
   color: #a21717;
}

PROSZE O POMOC!!!

[Tomek]

hm... a czy winą tutaj nie jest js ? konsola wywala błędy

Błąd: Błąd podczas parsowania wartości dla własności "float". Deklaracja opuszczona.
Plik źródłowy: http://lowcy.com/screen.css
Wiersz: 155

Błąd: Nieznana własność "filter". Deklaracja opuszczona.
Plik źródłowy: http://lowcy.com/screen.css
Wiersz: 666

[devile]

na podstawie w3c :
Name Values
'float' left | right | none | inherit none

'filter' wogole nie istnieje !
sprawdź:
http://www.w3.org/TR/CSS21/propidx.html



to ze informuje o tym konsola ... hmmm ... ktos musi !

[devile]

Btw przyjrzałem się jeszcze dokładniej twojemu kodowi. Podstawowy bład poełniasz w przypadku tych miniaturek !

sprawdz swoja strone validatorem w3c ...

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


czyli na polski wrzucasz w element liniowy element blokowy - nie mozna wewnątrz <a></a> umieszczac <ul></ul> !!! <ul> jest blokowy, <a> jest liniowy. Napisz jakie to ma spełniać zadanie, to moze Ci pomogę.....


poza tym polecam zamiane & na &amp; w linkach ... na pewno nie zaszkodzi a bedzie zgodne ze standardem ...

zreszta porobilbym troche wiecej przy tej stronie od strony kodowej ...

[devile]

ojej, teraz po 55 przeladowaniu otworzylo mi sie tak jak zalozyles to sobie .... ale wiesz ie tez tego tak nie wyswietla jak bys chcial. Przynajmniej nie u mnie, a sprawdzilem to specjalnie na 4 kompach.

U mnie rozne wersje ie nie interpretuja tego wysunietego tla ... pojawia sie tylko na miniaturce fragmencik png-a.

Sugerowalbym raczej skorzystac w tym wypadku z pomocy javascriptu. Sprobuje cos wykombinowac ...... jesli chesz ....