Forum PHP.pl > [HTML]Tabelka z odnosnikiem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML]Tabelka z odnosnikiem

Mateusz_p

19.04.2010, 12:07:48

[HTML] pobierz, plaintext 
Witam.
 
Pocielem grafike w Photoshopie i zapisalem jako x.png oraz html.  PS zapisal to jako tabelke , a ja dodalem tylko odnosniki. Wszystko dziala poprawnie pod Chromem ale w IE oraz FF tabelka sie rozjezdza. Czy jest kto w stanie nakierowac mnie jak rozwiazac problem ? Z gory dziekuje ! pozdr.
 
 
<html>
<head>
<title>www</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (strona internetowa AP5.psd) -->
<table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="5" rowspan="2">
			<img src="images/index_0100.png" width="845" height="189" alt=""></td>
		<td>
			<img src="images/index_020.png" width="32" height="64" alt=""></td>
		<td>
			<img src="images/index_030.png" width="47" height="64" alt=""></td>
		<td>
			<img src="images/index_040.png" width="49" height="64" alt=""></td>
		<td>
			<img src="images/index_050.png" width="51" height="64" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_060.png" width="32" height="125" alt=""></td>
		<td>
			<img src="images/index_070.png" width="47" height="125" alt=""></td>
		<td>
			<img src="images/index_080.png" width="49" height="125" alt=""></td>
		<td>
			<img src="images/index_090.png" width="51" height="125" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.html"><img src="images/index_100.png" width="213" height="57" alt=""></a></td>
		<td>
			<a href="uslugi.html"><img src="images/index_110.png" width="177" height="57" alt=""></a></td>
		<td>
			<a href="tabor.html"><img src="images/index_120.png" width="164" height="57" alt=""></a></td>
		<td>
			<a href="cil.html"><img src="images/index_130.png" width="235" height="57" alt=""></a></td>
		<td colspan="5">
			<a href="kontakt.html"><img src="images/index_140.png" width="235" height="57" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/index_150.png" width="1024" height="353" alt=""></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/index_160.png" width="1024" height="169" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="213" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="177" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="164" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="235" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="56" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="32" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="47" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="49" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="51" height="1" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
[HTML] pobierz, plaintext

fire_dept

19.04.2010, 12:59:59

Ponieważ niektóre przeglądarki jak dajesz <a href=""><img /></a> robią obramowanie wokół obrazka.
Ustaw obramowanie na 0 i wszystko będzie grało.

[HTML] pobierz, plaintext 
<style> * { border:0; } </style>
[HTML] pobierz, plaintext

* - zamiast giwiazdki napisz element, klase lub id dla którego obramowanie ma zniknąć.

Kshyhoo

19.04.2010, 13:07:11

Layoutów nie robi się na tabelkach, tylko na DIVach. Wtedy możesz użyć grafik jako tła i nie będzie ramek.

Mateusz_p

19.04.2010, 17:51:07

Dzieki, border=0 pomoglo.

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.