[HTML] biały pasek na tle Opcje

[Remigiuszb]

wyskakuje mi biały pasek w FF a w IE mam wszystko ok w grafice

oto kod:

[HTML] pobierz, plaintext 
<table width="782" cellSpacing=0 cellPadding=0 border=0>
 <td><img src="images/main01.jpg" width="414" height="48"><img src="images/main02.jpg" width="367" height="48"></td>
 <tr valign="top">
 <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>
</tr>
</table>
 
<table width="780" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
	<td width="455"><img src="aktualnosci/images/aktualnosci.gif" alt="" width="455" height="45" border="0">
[HTML] pobierz, plaintext 

jak to wygląda zobaczycie na www.wck.wodzislaw.pl

[siemakuba]

Dodaj w stylach CSS:

[HTML] pobierz, plaintext 
img {display:block;}
[HTML] pobierz, plaintext 

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

Ten post edytował Remigiuszb 24.11.2006, 09:14:08

[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:

[HTML] pobierz, plaintext 
<table width="782" cellSpacing=0 cellPadding=0 border=0>
<TD><img src="images/main01.jpg" width="414" height="48"><img src="images/main02.jpg" width="367" height="48"></TD>
<tr valign="top">
<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>
</tr>
</table>
[HTML] pobierz, plaintext 

Dla elementów TD nadaj klasę np. header-image (<td class="header-image">) a potem w CSS daj:

[HTML] pobierz, plaintext 
TD.header-image IMG { float:left; }
[HTML] pobierz, plaintext 

pozdr.

[Remigiuszb]

działa dzięki