Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > Community Zone > Forum > HTML ทำยังไงให้ช่องว่างมันหายไป ผลที่ได้มันได้ดังภาพน่ะครับ อยากจะให้มันชิดติดกันต้องทำยังไง

HTML ทำยังไงให้ช่องว่างมันหายไป ผลที่ได้มันได้ดังภาพน่ะครับ อยากจะให้มันชิดติดกันต้องทำยังไง

เริ่มหัวข้อใหม่

เด็กอมมือ

โพสกระทู้ ( 34 )
บทความ ( 0 )

<a href="http://upic.me/show.php?id=71ef74b4eb27a4f4ba28836ce5ffe173" target="_blank"><img border="0" src="http://upic.me/i/mf/problem.png"></a>

คือทำภาพตัดเป็นชิ้นๆ (table) แล้วจัด border="0" cellspaceing="0" cellpading="0" align="top"

<style>
p {
margin: 0px;
padding: 0px;
}
</style>

ฯลฯ ยังไงก็แล้ว

ผลที่ได้มันได้ดังภาพน่ะครับ อยากจะให้มันชิดติดกันต้องทำยังไง ผมแนบโค้ดมาด้านล่างช่วยดูให้หน่อยคับ ว่าต้องทำยังไง

ไฟล์ปัญหา
ลิ้งค์ตัวอย่าง

Tag : - - - -

Date : 2009-08-26 17:02:08

By : เด็กอมมือ

View : 2138

Reply : 11

No. 1

เด็กอมมือ

โพสกระทู้ ( 34 )
บทความ ( 0 )

แก้ไม่ได้ด้วย - -"

ขอโทษคับพอดีเครื่องเน็ตมีปัญหา โพสไปโพสมาพลาดซะงั้น

ลิ้งค์ใหม่

http://upic.me/i/mf/problem.png

ช่วยดูให้ทีนะครับ

ไฟล์ปัญหา
ลิ้งค์ตัวอย่าง

Date : 2009-08-26 17:13:53

By : เด็กอมมือ

No. 2

Sek-Artdrinker

โพสกระทู้ ( 1,528 )
บทความ ( 1 )

ตรงใหนที่มันห่างกันหรอครับ เมนูด้านซ้ายรึปล่าว

Date : 2009-08-26 17:52:09

By : Sek-Artdrinker

No. 3

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

งง ซิคราบ ช่วยชี้ชัดๆ ลงไปสักหน่อยนะคราบ

Date : 2009-08-26 18:35:10

By : plakrim

No. 4

เด็กอมมือ

โพสกระทู้ ( 34 )
บทความ ( 0 )

ใช่คับเมนูด้านซ้าย ต้องแก้ยังไงครับ

Date : 2009-08-26 18:35:45

By : เด็กอมมือ

No. 5

เด็กอมมือ

โพสกระทู้ ( 34 )
บทความ ( 0 )

ช่วยชี้ชัดให้ผมหน่อยคับ เคยทำหลายทีแล้วเจออาการแบบนี้หลายครั้งแล้ว ยังแก้ไม่ได้สักที T-T

Date : 2009-08-27 00:02:42

By : เด็กอมมือ

No. 6

Sek-Artdrinker

โพสกระทู้ ( 1,528 )
บทความ ( 1 )

ได้มั้ย ลองดูนะครับ แล้วบอกด้วยนะครับ

Code (PHP)

<?php
<html>
<head>
<title>problem</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
	p {
		margin: 0px;
		padding: 0px;
	}
</style>
</head>
<body background="images/bg.png" bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="table" width="751" height="700" border="1" cellpadding="0" cellspacing="0">
	<tr valign="top">
		<td rowspan="21" bgcolor="#FFFFFF">
			<img src="images/chiangrai_01.png" width="1" height="700"></td>
		
      <td rowspan="8"> <img src="images/chiangrai_02.png" width="155" height="210" border="0"></td>
	  	<td rowspan="19" valign="top" bgcolor="#FFFFFF">
	  		<img src="images/chiangrai_03.png" width="47" height="651"></td>
		<td colspan="12">
			<img src="images/chiangrai_04.png" width="546" height="89"></td>
		<td rowspan="21" bgcolor="#FFFFFF">
			<img src="images/chiangrai_05.png" width="1" height="700"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="89"></td>
	</tr>
	<tr>
		<td>
			<img src="images/chiangrai_06.png" width="211" height="25"></td>
		<td>       	  <img src="images/chiangrai_07.png" width="42" height="25" border="0"></td>
		<td>
			<img src="images/chiangrai_08.png" width="5" height="25"></td>
		<td>
		  <a href="government/index.html"><img src="images/chiangrai_09gray.png" width="57" height="25" border="0"></a></td>
		<td>
			<img src="images/chiangrai_10.png" width="4" height="25"></td>
		<td>
			<a href="territory/index.html"><img src="images/chiangrai_11gray.png" width="46" height="25" border="0"></a></td>
		<td>
			<img src="images/chiangrai_12.png" width="4" height="25"></td>
		<td>
			<a href="tourist/index.html"><img src="images/chiangrai_13gray.png" width="79" height="25" border="0"></a></td>
		<td>
			<img src="images/chiangrai_14.png" width="5" height="25"></td>
		<td colspan="3">
			<a href="topography/index.html"><img src="images/chiangrai_15gray.png" width="93" height="25" border="0"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="25"></td>
	</tr>
	<tr>
		<td colspan="12">
			<img src="images/chiangrai_16.png" width="546" height="59"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="59"></td>
	</tr>
	<tr>
		<td colspan="10" rowspan="2" bgcolor="#0072FF"><img src="images/spacer.gif" width="10" height="1"><strong><em><font color="#FFFFFF" size="2" face="tahoma">ข้อความทดสอบ</font></em></strong></td>
<td rowspan="16" bgcolor="#FFFFFF">
			<img src="images/chiangrai_18.png" width="13" height="478"></td>
		<td>
			<img src="images/chiangrai_19.png" width="4" height="1"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1"></td>
	</tr>
	<tr>
		<td rowspan="15" bgcolor="#FFFFFF">
			<img src="images/chiangrai_20.png" width="4" height="477"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21"></td>
	</tr>
	<tr>
		<td>
			<img src="images/chiangrai_21.png" width="211" height="1"></td>
		<td>
			<img src="images/chiangrai_22.png" width="42" height="1"></td>
		<td>
			<img src="images/chiangrai_23.png" width="5" height="1"></td>
		<td>
			<img src="images/chiangrai_24.png" width="57" height="1"></td>
		<td>
			<img src="images/chiangrai_25.png" width="4" height="1"></td>
		<td>
			<img src="images/chiangrai_26.png" width="46" height="1"></td>
		<td>
			<img src="images/chiangrai_27.png" width="4" height="1"></td>
		<td>
			<img src="images/chiangrai_28.png" width="79" height="1"></td>
		<td>
			<img src="images/chiangrai_29.png" width="5" height="1"></td>
		<td>
			<img src="images/chiangrai_30.png" width="76" height="1"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1"></td>
	</tr>
	<tr>
		<td colspan="10">
			<img src="images/chiangrai_31.png" width="529" height="8"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="8"></td>
	</tr>
	<tr valign="top">
		<td colspan="10" rowspan="8" bgcolor="#FFFFFF" valign="top"><p align="justify"><img src="images/spacer.gif" width="20" height="1"><font face="tahoma" size="2">
		  <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
		  <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
		  <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
		  <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
		  <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
		  <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>		
		
		</font></p></td>
<td>
			<img src="images/spacer.gif" width="1" height="6"></td>
	</tr>
	<tr valign="top">
		<td valign="top">
		<table border="0" cellpadding="0" cellspacing="0">
		  <tr valign="top"  ><td   height="1"><img src="images/chiangrai_33.png" width="155" height="25" border="0" > </td></tr>
		  <tr valign="top"><td > <img src="images/chiangrai_34.png" width="155" height="25" border="0"> </td></tr>
		  <tr valign="top"><td > <img src="images/chiangrai_35.png" width="155" height="25" border="0"> </td></tr>
		   <tr valign="top"><td ><img src="images/chiangrai_36.png" width="155" height="25" border="0"> </td></tr>
		   <tr valign="top"><td ><img src="images/chiangrai_37.png" width="155" height="25" border="0">     </td></tr>
		 </table>
		  </td>
  		<td>
			<img src="images/spacer.gif" width="1" height="25"></td>
	</tr>
	<tr valign="top">
		
      <td valign="top">&nbsp; </td>
  		<td>
			<img src="images/spacer.gif" width="1" height="25"></td>
	</tr>	
	<tr valign="top">
		<td  valign="top">
			<img src="images/chiangrai_34.png" width="155" height="25" border="0" usemap="#government"></td>
		<td valign="top">
			<img src="images/spacer.gif" width="1" height="25"></td>
	</tr>
	<tr valign="top">
		<td>
			<img src="images/chiangrai_35.png" width="155" height="25" border="0" usemap="#territory"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="25"></td>
	</tr>
	<tr valign="top">
		<td>
			<img src="images/chiangrai_36.png" width="155" height="24" border="0" usemap="#tourist"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="24"></td>
	</tr>
	<tr valign="top">
		<td>
			<img src="images/chiangrai_37.png" width="155" height="26" border="0" usemap="#topography"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="26"></td>
	</tr>
	<tr valign="top">
		<td>
			<img src="images/chiangrai_38.png" width="155" height="25" border="0" usemap="#about"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="25"></td>
	</tr>
	<tr valign="top">
		<td rowspan="5" valign="top" bgcolor="#4181C0">
			<img src="images/chiangrai_39.png" width="155" height="291"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="124"></td>
	</tr>
	<tr>
		<td colspan="10">
			<img src="images/chiangrai_40.png" width="529" height="19"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="19"></td>
	</tr>
	<tr>
		<td colspan="10" bgcolor="#0072FF"><img src="images/spacer.gif" width="10" height="1"><font color="#FFFFFF" size="2" face="tahoma"><b><i>ทดสอบข้อความ</i></b></font></td>
<td>
			<img src="images/spacer.gif" width="1" height="22"></td>
	</tr>
	<tr>
		<td colspan="10">
			<img src="images/chiangrai_42.png" width="529" height="9"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="9"></td>
	</tr>
	<tr>
		<td colspan="10" bgcolor="#FFFFFF" valign="top"><p align="justify"><img src="images/spacer.gif" width="20" height="1"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
		  <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
		  <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
		  <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
          <p align="justify"><font face="tahoma" size="2">ช่องพิมข้อความ</font></p>
	      <p>&nbsp;</p></td>
		<td>
			<img src="images/spacer.gif" width="1" height="117"></td>
	</tr>
	<tr>
		<td colspan="14">
			<img src="images/chiangrai_44.png" width="748" height="9"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="9"></td>
	</tr>
	<tr>
		<td colspan="14">
			<img src="images/chiangrai_45.png" width="748" height="40"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="40"></td>
	</tr>
</table><form action="0" method="post"></form>
</center>

<map name="government">
	<area shape="rect" coords="26,2,99,21" href="government/index.html">
</map>
<map name="territory">
<area shape="rect" coords="26,2,86,21" href="territory/index.html">
</map>
<map name="tourist">
<area shape="rect" coords="26,2,125,21" href="tourist/index.html">
</map>
<map name="topography">
<area shape="rect" coords="26,2,140,21" href="topography/index.html">
</map>
<map name="about">
<area shape="rect" coords="26,2,96,21" href="about/index.html">
</map></body>
</html>
?>

Date : 2009-08-27 10:56:35

By : Sek-Artdrinker

No. 7

เอี่ยว

โพสกระทู้ ( 3,468 )
บทความ ( 0 )

ผมก็เคยเป็นนะ ผมเลยแก้ปัญหาด้วยการใช้ css ให้ภาพมันเป็น background เอาครับ ไม่ใช่ <img>

Date : 2009-08-27 11:28:57

By : pjgunner

No. 8

นาโน

โพสกระทู้ ( 942 )
บทความ ( 0 )

ช่องว่างที่เกิดขึ้นน่าจะเป็นจากการกำหนดความสูงของตารางนะครับ ลองลดความสูงของตารางลงครับ กำหนดเป็นพิกเซล แทนการกำหนดเป็นเปอร์เซ็ฯต์ดูครับ

Date : 2009-08-27 11:30:29

By : NanoTHoro

No. 9

เด็กอมมือ

โพสกระทู้ ( 34 )
บทความ ( 0 )

ผมไม่ได้กำหนดความสูงเป็น % เลยนะ

Date : 2009-08-31 20:44:59

By : เด็กอมมือ

No. 10

Guest

โหลด code มาดูแล้วตกใจมาก หน้าที่เห็น มี <table> เดียว แล้ว colspan rowspan มั่วไปหมด ไม่แปลกที่มันจะเละ ขนาดของแต่ละ cell มันผูกกันหมด จากที่เห็นนี้เกิดจาก ข้อความทางขวามันยาว มันเลยขยาย row แล้วส่งผลมาถึงด้านขวาด้วย

แก้ให้ดูเบื้องต้น ด้วยการใช้ table ซ้อน table ตรงจุดที่เป็นปัญหา แต่จะให้ดีควรรื้อทั้งหน้า

Code

<html>
<head>
<title>problem</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
p {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body background="images/bg.png" bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="table" width="751" height="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="21" bgcolor="#FFFFFF">
<img src="images/chiangrai_01.png" width="1" height="700"></td>
<td rowspan="8">
<img src="images/chiangrai_02.png" width="155" height="210" border="0"></td>
<td rowspan="19" valign="top" bgcolor="#FFFFFF">
<img src="images/chiangrai_03.png" width="47" height="651"></td>
<td colspan="12">
<img src="images/chiangrai_04.png" width="546" height="89"></td>
<td rowspan="21" bgcolor="#FFFFFF">
<img src="images/chiangrai_05.png" width="1" height="700"></td>
<td>
<img src="images/spacer.gif" width="1" height="89"></td>
</tr>
<tr>
<td>
<img src="images/chiangrai_06.png" width="211" height="25"></td>
<td> <img src="images/chiangrai_07.png" width="42" height="25" border="0"></td>
<td>
<img src="images/chiangrai_08.png" width="5" height="25"></td>
<td>
<a href="government/index.html"><img src="images/chiangrai_09gray.png" width="57" height="25" border="0"></a></td>
<td>
<img src="images/chiangrai_10.png" width="4" height="25"></td>
<td>
<a href="territory/index.html"><img src="images/chiangrai_11gray.png" width="46" height="25" border="0"></a></td>
<td>
<img src="images/chiangrai_12.png" width="4" height="25"></td>
<td>
<a href="tourist/index.html"><img src="images/chiangrai_13gray.png" width="79" height="25" border="0"></a></td>
<td>
<img src="images/chiangrai_14.png" width="5" height="25"></td>
<td colspan="3">
<a href="topography/index.html"><img src="images/chiangrai_15gray.png" width="93" height="25" border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="25"></td>
</tr>
<tr>
<td colspan="12">
<img src="images/chiangrai_16.png" width="546" height="59"></td>
<td>
<img src="images/spacer.gif" width="1" height="59"></td>
</tr>
<tr>
<td colspan="10" rowspan="2" bgcolor="#0072FF"><img src="images/spacer.gif" width="10" height="1">¢éÍ¤ÇÒÁ·´ÊÍº</td>
<td rowspan="16" bgcolor="#FFFFFF">
<img src="images/chiangrai_18.png" width="13" height="478"></td>
<td>
<img src="images/chiangrai_19.png" width="4" height="1"></td>
<td>
<img src="images/spacer.gif" width="1" height="1"></td>
</tr>
<tr>
<td rowspan="15" bgcolor="#FFFFFF">
<img src="images/chiangrai_20.png" width="4" height="477"></td>
<td>
<img src="images/spacer.gif" width="1" height="21"></td>
</tr>
<tr>
<td>
<img src="images/chiangrai_21.png" width="211" height="1"></td>
<td>
<img src="images/chiangrai_22.png" width="42" height="1"></td>
<td>
<img src="images/chiangrai_23.png" width="5" height="1"></td>
<td>
<img src="images/chiangrai_24.png" width="57" height="1"></td>
<td>
<img src="images/chiangrai_25.png" width="4" height="1"></td>
<td>
<img src="images/chiangrai_26.png" width="46" height="1"></td>
<td>
<img src="images/chiangrai_27.png" width="4" height="1"></td>
<td>
<img src="images/chiangrai_28.png" width="79" height="1"></td>
<td>
<img src="images/chiangrai_29.png" width="5" height="1"></td>
<td>
<img src="images/chiangrai_30.png" width="76" height="1"></td>
<td>
<img src="images/spacer.gif" width="1" height="1"></td>
</tr>
<tr>
<td colspan="10">
<img src="images/chiangrai_31.png" width="529" height="8"></td>
<td>
<img src="images/spacer.gif" width="1" height="8"></td>
</tr>
<tr>
<td colspan="10" rowspan="8" bgcolor="#FFFFFF" valign="top"><img src="images/spacer.gif" width="20" height="1">ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ</td>
<td>

<img src="images/spacer.gif" width="1" height="6"></td>

</tr>
<tr >
<td colspan="2" rowspan ="8" valign="top">
<table id="table-add" border="0" cellpadding="0" cellspacing="0"><tr><td>
<img src="images/chiangrai_33.png" width="155" height="25" border="0"></td>
<td>
<img src="images/spacer.gif" width="1" height="25"></td>
</tr>
<tr >
<td>
<img src="images/chiangrai_34.png" width="155" height="25" border="0" usemap="#government"></td>
<td>
<img src="images/spacer.gif" width="1" height="25"></td>
</tr>
<tr>
<td>
<img src="images/chiangrai_35.png" width="155" height="25" border="0" usemap="#territory"></td>
<td>
<img src="images/spacer.gif" width="1" height="25"></td>
</tr>
<tr>
<td>
<img src="images/chiangrai_36.png" width="155" height="24" border="0" usemap="#tourist"></td>
<td>
<img src="images/spacer.gif" width="1" height="24"></td>
</tr>
<tr>
<td>
<img src="images/chiangrai_37.png" width="155" height="26" border="0" usemap="#topography"></td>
<td>
<img src="images/spacer.gif" width="1" height="26"></td>
</tr>
<tr>
<td>
<img src="images/chiangrai_38.png" width="155" height="25" border="0" usemap="#about"></td>
<td>
<img src="images/spacer.gif" width="1" height="25"></td>
</tr>
</table>
</td>
</tr>

<tr>
<td rowspan="5" valign="top" bgcolor="#4181C0">
<img src="images/chiangrai_39.png" width="155" height="291"></td>
<td>
<img src="images/spacer.gif" width="1" height="124"></td>
</tr>
<tr>
<td colspan="10">
<img src="images/chiangrai_40.png" width="529" height="19"></td>
<td>
<img src="images/spacer.gif" width="1" height="19"></td>
</tr>
<tr>
<td colspan="10" bgcolor="#0072FF"><img src="images/spacer.gif" width="10" height="1">·´ÊÍº¢éÍ¤ÇÒÁ</td>
<td>
<img src="images/spacer.gif" width="1" height="22"></td>
</tr>
<tr>
<td colspan="10">
<img src="images/chiangrai_42.png" width="529" height="9"></td>
<td>
<img src="images/spacer.gif" width="1" height="9"></td>
</tr>
<tr>
<td colspan="10" bgcolor="#FFFFFF" valign="top"><img src="images/spacer.gif" width="20" height="1">ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
ªèÍ§¾ÔÁ¢éÍ¤ÇÒÁ
 </td>
<td>
<img src="images/spacer.gif" width="1" height="117"></td>
</tr>
<tr>
<td colspan="14">
<img src="images/chiangrai_44.png" width="748" height="9"></td>
<td>
<img src="images/spacer.gif" width="1" height="9"></td>
</tr>
<tr>
<td colspan="14">
<img src="images/chiangrai_45.png" width="748" height="40"></td>
<td>
<img src="images/spacer.gif" width="1" height="40"></td>
</tr>
</table>
</center>

<map name="government">
<area shape="rect" coords="26,2,99,21" href="government/index.html">
</map>
<map name="territory">
<area shape="rect" coords="26,2,86,21" href="territory/index.html">
</map>
<map name="tourist">
<area shape="rect" coords="26,2,125,21" href="tourist/index.html">
</map>
<map name="topography">
<area shape="rect" coords="26,2,140,21" href="topography/index.html">
</map>
<map name="about">
<area shape="rect" coords="26,2,96,21" href="about/index.html">
</map></body>
</html>

Date : 2009-09-03 20:09:15

By : natt_han

No. 11

ABiTz666

โพสกระทู้ ( 135 )
บทความ ( 0 )

ลองเอารูปภาพเล็กๆ ที่เป็น นามสกุล Gif แบบใสๆ แทรกเข้าไปสิครับ สามารถกำหนดความกว้างได้ด้วย

Date : 2009-09-06 22:26:58

By : ariya99

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : HTML ทำยังไงให้ช่องว่างมันหายไป ผลที่ได้มันได้ดังภาพน่ะครับ อยากจะให้มันชิดติดกันต้องทำยังไง

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก