Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] biały pasek na tle
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Remigiuszb
wyskakuje mi biały pasek w FF a w IE mam wszystko ok w grafice

oto kod:

  1. <table width="782" cellSpacing=0 cellPadding=0 border=0>
  2. <td><img src="images/main01.jpg" width="414" height="48"><img src="images/main02.jpg" width="367" height="48"></td>
  3. <tr valign="top">
  4. <td><img src="images/main03.jpg" width="414" height="151"><img src="images/main05.jpg" width="270" height="151"><img src="images/main04.jpg" width="97" height="151"></td>
  5. </tr>
  6.  
  7. <table width="780" border="0" cellpadding="0" cellspacing="0">
  8. <tr valign="top">
  9. <td width="455"><img src="aktualnosci/images/aktualnosci.gif" alt="" width="455" height="45" border="0">


jak to wygląda zobaczycie na www.wck.wodzislaw.pl
siemakuba
Dodaj w stylach CSS:
  1. img {display:block;}


pozdr.
Remigiuszb
niestety nie działa powoduje że każda kolejna część składowa grafika jest wyświetlana pod sobą... czyli czekam dalej na pomoc
siemakuba
Nie bardzo rozumiem, jak to nie działa?



tak wygląda twoja strona z lekko zmodyfikowanym CSSem, oglądana pod FF2.0

pozdr.
Remigiuszb
ok na stronie głównej faktycznie działa jednak nie na podstronach kiedy wstawie to do CSSa efekt jest taki:

http://www.republika.pl/remib/obrazek.jpg

i efekt ten jest i w IE i FF... tak wiec prosze nadal o pomoc dzięki
siemakuba
Wszystko jasne, te grafiki masz złożone z elementów ułożonych obok siebie. I jako że domyślnie element IMG jest "inline" wszystko śmiga. Kiedy nadasz mu wyświetlanie blokowe, wszystko układa się jeden pod drugim i robi się taki efekt jak pokazałeś.

Moja rada jest taka, dla tej tabelki:

  1. <table width="782" cellSpacing=0 cellPadding=0 border=0>
  2. <TD><img src="images/main01.jpg" width="414" height="48"><img src="images/main02.jpg" width="367" height="48"></TD>
  3. <tr valign="top">
  4. <TD><img src="images/main03.jpg" width="414" height="151"><img src="images/main05.jpg" width="270" height="151"><img src="images/main04.jpg" width="97" height="151"></TD>
  5. </tr>

Dla elementów TD nadaj klasę np. header-image (<td class="header-image">) a potem w CSS daj:
  1. TD.header-image IMG { float:left; }


pozdr.
Remigiuszb
działa dzięki smile.gif
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.