Problem z tabelką (brak tła !)

[kit15]

Kod: Zaznacz cały

</head>
<body>
</body>	
	<table align="left" border="1" frame="void" border="1" rules="none"  background="color: #0000FF">
	<tbody>
	<tr>
		<td background="\grafika\blue1big.JPG" ALIGN=center width="100">obrazek 1</td>
		<td width="100">odnośnik 1</td>
	</tr>
	<tr>
		<td background="\grafika\blue1big.JPG" ALIGN=center>obrazek 2</td>
		<td>odnośnik 2</td>
	</tr>
	<tr>
		<td ALIGN=center>obrazek 3</td>
		<td>odnośnik 3</td>
	</tr>
	<tr>
		<td ALIGN=center>obrazek 4</td>
		<td>odnośnik 4</td>
	</tr>
	</tbody>
	</table>
</html>

i nie mam tła, ani: #0000FF ani: \grafika\blue1big.JPG

wygląda to tak:


czy Ktoś mógłby mi pomóc, wiadomo w czym problem czy coś źle zapisałem

[Stig]

A może tak:

Kod: Zaznacz cały

<table align="left" frame="void" border="1" rules="none" style="background-color: #0000FF"> 
   <tbody> 
   <tr> 
      <td style="background-image: url(/grafika/blue1big.JPG)" align="center" width="100">obrazek 1</td> 
      <td width="100">odnośnik 1</td> 
   </tr> 
   <tr> 
      <td style="background-image: url(/grafika/blue1big.JPG)" align="center">obrazek 2</td> 
      <td>odnośnik 2</td> 
   </tr> 
   <tr> 
      <td align="center">obrazek 3</td> 
      <td>odnośnik 3</td> 
   </tr> 
   <tr> 
      <td align="center">obrazek 4</td> 
      <td>odnośnik 4</td> 
   </tr> 
   </tbody> 
</table>

Kilka moich uwag i wątpliwości - zmian wprowadzonych w kodzie:

dla HTML'owego atrybutu background nie może isnieć wartość typu "color: #0000FF". Wartości atrybutu CSS dla elementu można nadać bezpośrednio tylko za pomocą HTML'owego atrybutu style. Oprócz tego CSS'owy atrybut color odnosi się tylko i wyłącznie do koloru tekstu znajdującego się w ramach elementu. Kolor tła ustala się za pomocą atrybutu background-color. Stąd też zmiana "background="color: #0000FF"" na "style="background-color: #0000FF"".

slash'e w adresach url to zawsze forward slash'e, a nie backslash'e. Stąd zmiana "\grafika\blue1big.JPG" na "/grafika/blue1big.JPG".

uwaga nie wpływająca na problem, ale odnosząca się do stosowanej przez Ciebie nie do końca poprawnej praktyki - należy stosować ujednolity zapis atrybutów elementów HTML - najlepiej, żeby każdy atrybut zapisany był małymi literami, a jego wartość zamknięta była w ramach cudzysłowia. Stąd zmiana "ALIGN=center" na "align="center"".

ostatnia uwaga odnosi się sposobu zapisu rozszerzeń plików - wszystkie nazwy plików, łącznie z ich rozszerzeniami, należy pisać małymi literami.

[kit15]

a dałoby się pozbyć tych przerw między obrazkami

Kod: Zaznacz cały

      <!-- POCZĄTEK - tabela na menu -->

	
	<table bgcolor="fff00" border="0"; border cellspacing="0" style="WIDTH: 150px" rules="none" align="middle" border="1" frame="void">
	<tbody>
	<tr>
		<td align="middle" colspan="2"><a href="http://www.alldownload.kom.pl/index.html" target="_top"><img src="grafika/menu/duze/glowna1.jpeg" width="150" height="26" border="0" alt="OPIS" title="DYMEK" onmouseover="if(document.images) this.src='grafika/menu/glowne/glowna2.jpg'" onmouseout="if(document.images) this.src='grafika/menu/glowne/glowna1.jpeg'"></a>
		</td>
	</tr>
	</td>
	<tr>
		<td align="middle" colspan="2"><a href="http://members.lycos.co.uk/alldownloadpl/forum/" target="_top"><img src="grafika/menu/duze/forum1.jpeg" width="150" height="26" border="0" alt="OPIS" title="DYMEK" onmouseover="if(document.images) this.src='grafika/menu/glowne/forum2.jpg'" onmouseout="if(document.images) this.src='grafika/menu/glowne/forum1.jpeg'"></a>
		</td>
	</tr>
	<tr>
	<tr>
	<td> </td>
		<td align="middle"><a href="http://members.lycos.co.uk/alldownloadpl/forum/" target="_top"><img src="grafika/menu/male/webmaster1.jpeg" width="130" height="18" border="0" alt="OPIS" title="DYMEK" onmouseover="if(document.images) this.src='grafika/menu/male/webmaster2.jpg'" onmouseout="if(document.images) this.src='grafika/menu/male/webmaster1.jpeg'"></a>
		</td>
	</tr>
		<td style="WIDTH: 20px" align="middle">3</td>
		<td>odnośnik 3</td>
	</tr>
	<tr>
		<td align="middle">4</td>
		<td>odnośnik 4</td>
	</tr>
   </tbody>
	</table>
		

   <!-- KONIEC - tabela na menu -->	

marginesy (border="0"; border cellspacing="0") mam na zero i tak nic

[viraptor]

Napisz to jeszcze raz i porządnie, a moze zacznie działać.
Tutaj:
<table bgcolor="fff00" border="0"; border cellspacing="0" style="WIDTH: 150px" rules="none" align="middle" border="1" frame="void">
masz raz border="0" i niewiadomo czemu średnik, raz border i raz border="1"...
pozatym w pionie jest "middle", a w poziomie "center".

Może tak zadziała:
<table cellspacing="0" cellpadding="0" align="center" style="width: 150px; border: 0 none;">

Jak coś piszesz, to używaj validatora

[kit15]

Kod: Zaznacz cały

<table border="0" cellpadding="0" align="center" style="width: 150px; border: 0 none;"> 
	<tbody>

nietety:
niepomogło

Jak coś piszesz, to używaj validatora

Używam Pajączka

------------------------------------

Gdy wstawiam to samo bez tabeli też mam takie przerwy

Niedałoby się tego jakoś "skleić"

[viraptor]

Validator to nie program, tylko serwis, gdzie możesz sobie sprawdzić czy twój kod jest poprawny pod względem składni. Jeśli nie jest, to nie masz co myśleć o tym, czy będzie działał dobrze, czy źle, bo wtedy to zwykle kwestia przypadku (zwanego implementacją przeglądarki).

Co możesz jeszcze zrobić: dodać styl "padding: 0px; margin: 0px;" do wszystkich komórek w tabeli, dodać to samo dla obrazka, pobawić się podświetleniem poszczególnych elementów w "DOM Inspector" z Mozilli, żeby zobaczyć do którego elementu należy ta przerwa...
I dużo innych rzeczy.

PS. Tak - mógłbym ci podać działający kod, ale powinieneś się sam troche pobawić kodem i poznać więcej html/css, bo masz straszny styl... (polecam informacje o box-modelu css'a na http://www.w3.org/TR/CSS21/box.html)