Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Sciśnięty div
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Tho
Powinien mieć rozmiar jak poniżej w kodzie, a obok niego powinny się wyświetlać inne takie same, dlatego dałem "inline". Ale

  1. .box {
  2. height: 115px;
  3. width: 115px;
  4. display: inline;
  5. float: left;
  6. margin: 3px;
  7. background: #fff;
  8. border: 1px dashed #000;
  9. }


  1. <div class="listowanie_tytulow">
  2.  
  3. <div class="box" style="background: #f7f7f5 url(../tytul/tytul.gif) no-repeat 25px 25px;">
  4. <a class="tytul" style="float: right;" href="/tytul" title="zobacz wiecej o tytul">tytul</a>
  5. </div>
  6.  
  7. </div>


W chrome, firefoxie a nawet IE, wszystko działa, a w operze wyświetla tylko link z kawałkiem tła, tak jakby w ogóle nie widział "height: 115px; width: 115px;".

Dlaczego? ohno-smiley.gif
!*!
Daj wszytko do css a niepotrzebnie mieszasz z html na przemian. Nie rozumiem o co dokładnie Ci chodzi, ale opera akurat interpretuje to poprawnie w odróżnieniu do pozostałych wink.gif choć myślę że nadpisujesz style dla tego elementu. display:inline nadaje obiektowi styl liniowy i ignoruje jego wartości.

http://jsfiddle.net/LcdDG/

O taki efekt Ci chodzi?
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.