vatcharavee
Newbie
พลังน้ำใจ: 1
ออฟไลน์
กระทู้: 67
|
 |
« เมื่อ: 30 มีนาคม 2011, 13:43:57 » |
|
คือว่าผมดีไซต์หน้าเว็บลงใน photoshop แล้วจากนั้น ผมก็ใช้ Save for web พอผมลองเปืดใน Google Chrome, Opera , Safari เป็นแบบนี้ครับ v (ภาพทุกภาพจะต่อกันหมดเลย)
แต่พอลองเปืดใน IE, Firefox เป็นแบบนี้ครับ v (ภาพมันแยกออกจากกัน)
จะแก้ยังไงดีครับ ช่วยผมหน่อยนะครับ ผมคิดว่าเพราะว่าผมยังไม่ได้เขียน css แน่เลย ไม่รู้ว่าเป็นเพราะตรงนี้รึเปล่า ถ้าใช่ช่วยบอกหน่อยนะครับว่า ถ้าเขาเขียนเขาเขียนยังไงหรอครับ เขียนให้มันจัดรูปให้ชิดติดกัน พอดีผมไม่ค่อยรู้เรื่องพวกนี้น่ะครับ ขอบพระคุณอย่างสูงครับ
|
|
« แก้ไขครั้งสุดท้าย: 31 มีนาคม 2011, 13:57:11 โดย vatcharavee »
|
บันทึกการเข้า
|
|
|
|
kobkung
Verified Seller
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 103
ออฟไลน์
กระทู้: 1,312
|
 |
« ตอบ #1 เมื่อ: 30 มีนาคม 2011, 17:30:33 » |
|
โค้ด html ออกมาจาก photoshop เลยป่ะ ถ้าใช่อย่าไปเอาค่า width ออกเดี๋ยวรวน
เช็คว่า cellspacing กับ cellpadding เท่ากับ 0
|
|
|
บันทึกการเข้า
|
|
|
|
gam_55
Verified Seller
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 319
ออฟไลน์
กระทู้: 1,203
|
 |
« ตอบ #2 เมื่อ: 30 มีนาคม 2011, 17:34:58 » |
|
save for web เฉยๆ ยังไม่ได้ลง dream หรอคะ หรือยังไงคะ 
|
|
|
บันทึกการเข้า
|
|
|
|
vatcharavee
Newbie
พลังน้ำใจ: 1
ออฟไลน์
กระทู้: 67
|
 |
« ตอบ #3 เมื่อ: 30 มีนาคม 2011, 17:53:41 » |
|
โค้ด html ออกมาจาก photoshop เลยป่ะ ถ้าใช่อย่าไปเอาค่า width ออกเดี๋ยวรวน
เช็คว่า cellspacing กับ cellpadding เท่ากับ 0
ผมไม่ได้เอาค่า width ออกเลย เพราะลองเปิดใน Google Chrome ก็ปกติทุกอย่างแต่พอเปิดใน Firefox มันมีปัญหาอ่ะครับ และค่า cellspacing กับ cellpadding ก็เท่ากับ 0 หมดเลยครับ save for web เฉยๆ ยังไม่ได้ลง dream หรอคะ หรือยังไงคะ  อ๋อ ผม save for web แล้วจากนั้นผมก็ใช้ editplus แก้ไขใส่ลิงค์ url ให้เฉยๆครับ
|
|
|
บันทึกการเข้า
|
|
|
|
sittipat
ก๊วนเสียว
พลังน้ำใจ: 9
ออฟไลน์
กระทู้: 218
|
 |
« ตอบ #4 เมื่อ: 30 มีนาคม 2011, 18:15:37 » |
|
ไม่เห็นต้อง slide ให้ยิบย่อยขนาดนั้นเลยนิครับ
|
|
|
บันทึกการเข้า
|
|
|
|
vatcharavee
Newbie
พลังน้ำใจ: 1
ออฟไลน์
กระทู้: 67
|
 |
« ตอบ #5 เมื่อ: 30 มีนาคม 2011, 18:18:04 » |
|
ไม่เห็นต้อง slide ให้ยิบย่อยขนาดนั้นเลยนิครับ
อ๋อ ผมไว้ใส่ลิงค์ และก็ไว้ใส่ flash ด้วย เลยทำไว้เยอะๆจได่ใส่ถูกจุด
|
|
|
บันทึกการเข้า
|
|
|
|
ganginwpop
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 115
ออฟไลน์
กระทู้: 1,448
|
 |
« ตอบ #6 เมื่อ: 30 มีนาคม 2011, 18:23:40 » |
|
ไม่ทราบวิธีแก้ ทราบแต่ว่า Design สวยครับ
|
|
|
บันทึกการเข้า
|
|
|
|
adaaugusta
ก๊วนเสียว
พลังน้ำใจ: 109
ออฟไลน์
กระทู้: 466
|
 |
« ตอบ #7 เมื่อ: 30 มีนาคม 2011, 18:26:05 » |
|
ก็เซฟมันเป็นภาพเดียวแล้วใช้ Area map เอาจิ จะซอยย่อยทำไม
ยิบบ่อยน่ะ ให้แบ่งโหลด สำหรับเน็ต 26K ตอนนี้เน็ตไม่เหมือนเมื่อ หกปีที่แล้วนะ
ภาพแค่นี้โหลดปรื๊ดดดดดเดียวก็เสร็จ
<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />
<map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /> </map>
เนี่ยโค้ดคร่าวๆๆ จะประกาศกี่ลิงค์กี่ Area ก็เต็มที่เลย ซ้อนกันก็ได้ ไม่ผิดเงื่อนไข สงสัยไรถามมา
ปล ถ้าอยากใส่ Flash ก็ทำ div มาแล้วกำหนด position กับ z-index ให้มันนิดนึงก็น่าจะโอเคแล้วน่ะ
การเขียนโปรแกรม ไม่เน้นวิธีการ ขอแค่ผลลัพธ์ถูกต้อง ถือว่า Complete!!
|
|
« แก้ไขครั้งสุดท้าย: 30 มีนาคม 2011, 18:29:43 โดย adaaugusta »
|
บันทึกการเข้า
|
|
|
|
vatcharavee
Newbie
พลังน้ำใจ: 1
ออฟไลน์
กระทู้: 67
|
 |
« ตอบ #8 เมื่อ: 30 มีนาคม 2011, 18:39:11 » |
|
ก็เซฟมันเป็นภาพเดียวแล้วใช้ Area map เอาจิ จะซอยย่อยทำไม
ยิบบ่อยน่ะ ให้แบ่งโหลด สำหรับเน็ต 26K ตอนนี้เน็ตไม่เหมือนเมื่อ หกปีที่แล้วนะ
ภาพแค่นี้โหลดปรื๊ดดดดดเดียวก็เสร็จ
<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />
<map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /> </map>
เนี่ยโค้ดคร่าวๆๆ จะประกาศกี่ลิงค์กี่ Area ก็เต็มที่เลย ซ้อนกันก็ได้ ไม่ผิดเงื่อนไข สงสัยไรถามมา
ปล ถ้าอยากใส่ Flash ก็ทำ div มาแล้วกำหนด position กับ z-index ให้มันนิดนึงก็น่าจะโอเคแล้วน่ะ
การเขียนโปรแกรม ไม่เน้นวิธีการ ขอแค่ผลลัพธ์ถูกต้อง ถือว่า Complete!!
ขอขอบคุณมากครับ เดี๋ยวผมจะลองดู แต่ว่าผมอยากจะแก้ปัญหาเก่าให้ได้ด้วย ใครรู้ช่วยแนะนำหน่อยนะครับ
|
|
|
บันทึกการเข้า
|
|
|
|
adaaugusta
ก๊วนเสียว
พลังน้ำใจ: 109
ออฟไลน์
กระทู้: 466
|
 |
« ตอบ #9 เมื่อ: 30 มีนาคม 2011, 18:43:09 » |
|
ก็เซฟมันเป็นภาพเดียวแล้วใช้ Area map เอาจิ จะซอยย่อยทำไม
ยิบบ่อยน่ะ ให้แบ่งโหลด สำหรับเน็ต 26K ตอนนี้เน็ตไม่เหมือนเมื่อ หกปีที่แล้วนะ
ภาพแค่นี้โหลดปรื๊ดดดดดเดียวก็เสร็จ
<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />
<map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /> </map>
เนี่ยโค้ดคร่าวๆๆ จะประกาศกี่ลิงค์กี่ Area ก็เต็มที่เลย ซ้อนกันก็ได้ ไม่ผิดเงื่อนไข สงสัยไรถามมา
ปล ถ้าอยากใส่ Flash ก็ทำ div มาแล้วกำหนด position กับ z-index ให้มันนิดนึงก็น่าจะโอเคแล้วน่ะ
การเขียนโปรแกรม ไม่เน้นวิธีการ ขอแค่ผลลัพธ์ถูกต้อง ถือว่า Complete!!
ขอขอบคุณมากครับ เดี๋ยวผมจะลองดู แต่ว่าผมอยากจะแก้ปัญหาเก่าให้ได้ด้วย ใครรู้ช่วยแนะนำหน่อยนะครับ อยากได้ก็จัดให้ ใส่บน Head นะครับ <style type="text/css"> * { margin:0px; padding:0px; } </style> ถ้าใช้วิธีใส่ pic in table ก็ให้เซต cellpad , cellspace + border=0 ของ table ด้วยนะครับ แค่นี้ก็โอเคล่ะ
|
|
|
บันทึกการเข้า
|
|
|
|
vatcharavee
Newbie
พลังน้ำใจ: 1
ออฟไลน์
กระทู้: 67
|
 |
« ตอบ #10 เมื่อ: 30 มีนาคม 2011, 18:51:50 » |
|
ใส่บน Head นะครับ
<style type="text/css"> * { margin:0px; padding:0px; } </style>
ถ้าใช้วิธีใส่ pic in table ก็ให้เซต cellpad , cellspace + border=0 ของ table ด้วยนะครับ แค่นี้ก็โอเคล่ะ ก็คือ cellpad cellspace border ให้เซตเป็น 0 หมดเลยใช่ไหมครับ ครับผมเซตหมดแล้วก็ยังแก้ไม่ได้อยู่ดี ช่วยทีนะครับ จะให้ผมส่งโค้ดหน้า Index ไปให้ก็ได้ เพราะว่าผมไม่รู้จริงๆว่าต้องแก้ยังไง
|
|
|
บันทึกการเข้า
|
|
|
|
adaaugusta
ก๊วนเสียว
พลังน้ำใจ: 109
ออฟไลน์
กระทู้: 466
|
 |
« ตอบ #11 เมื่อ: 30 มีนาคม 2011, 19:24:23 » |
|
ใส่บน Head นะครับ
<style type="text/css"> * { margin:0px; padding:0px; } </style>
ถ้าใช้วิธีใส่ pic in table ก็ให้เซต cellpad , cellspace + border=0 ของ table ด้วยนะครับ แค่นี้ก็โอเคล่ะ ก็คือ cellpad cellspace border ให้เซตเป็น 0 หมดเลยใช่ไหมครับ ครับผมเซตหมดแล้วก็ยังแก้ไม่ได้อยู่ดี ช่วยทีนะครับ จะให้ผมส่งโค้ดหน้า Index ไปให้ก็ได้ เพราะว่าผมไม่รู้จริงๆว่าต้องแก้ยังไง ได้เลยครับ ส่งมาเลยเดี๋ยวจัดเต็มให้ กร๊ากกก
|
|
|
บันทึกการเข้า
|
|
|
|
MaMa.Killer
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 642
ออฟไลน์
กระทู้: 3,555
|
 |
« ตอบ #12 เมื่อ: 30 มีนาคม 2011, 19:26:08 » |
|
ใส่บน Head นะครับ
<style type="text/css"> * { margin:0px; padding:0px; } </style>
ถ้าใช้วิธีใส่ pic in table ก็ให้เซต cellpad , cellspace + border=0 ของ table ด้วยนะครับ แค่นี้ก็โอเคล่ะ ก็คือ cellpad cellspace border ให้เซตเป็น 0 หมดเลยใช่ไหมครับ ครับผมเซตหมดแล้วก็ยังแก้ไม่ได้อยู่ดี ช่วยทีนะครับ จะให้ผมส่งโค้ดหน้า Index ไปให้ก็ได้ เพราะว่าผมไม่รู้จริงๆว่าต้องแก้ยังไง ได้เลยครับ ส่งมาเลยเดี๋ยวจัดเต็มให้ กร๊ากกก จะไปหลอกอะไรเขาหรือเปล่าครับ ขำน่ากลัวเชียว 
|
|
|
บันทึกการเข้า
|
รับโมฯ & แก้ไข และสร้าง Theme SMF, Wordpress และงานออกแบบ  Add Line Id : sodeclub
|
|
|
adaaugusta
ก๊วนเสียว
พลังน้ำใจ: 109
ออฟไลน์
กระทู้: 466
|
 |
« ตอบ #13 เมื่อ: 30 มีนาคม 2011, 19:27:45 » |
|
อ่อ ลืมบอกครับ IE ค่อนข้างบ้าบอนิดหน่อย ลอง ปรับ tag img ให้อยู่บรรทัดเดียวกับ table ดูครับ
เช่น
<table> <td> <tr><img src="aaa.jpg" alt="xxx" /></tr> </td> </table>
ทำนองนี้ครับ ให้อยู่บรรทัดเดียว และ อย่าให้มีช่องว่าง
|
|
|
บันทึกการเข้า
|
|
|
|
vatcharavee
Newbie
พลังน้ำใจ: 1
ออฟไลน์
กระทู้: 67
|
 |
« ตอบ #14 เมื่อ: 30 มีนาคม 2011, 19:57:39 » |
|
ต้องขอขอบคุณมากครับ แต่ก็ไม่ได้จริงๆ เดี๋ยวผมติดต่อไปทาง msn ได้ไหมครับ พอดีจะให้ช่วยจริงๆน่ะครับ
|
|
|
บันทึกการเข้า
|
|
|
|
adaaugusta
ก๊วนเสียว
พลังน้ำใจ: 109
ออฟไลน์
กระทู้: 466
|
 |
« ตอบ #15 เมื่อ: 30 มีนาคม 2011, 19:58:40 » |
|
ต้องขอขอบคุณมากครับ แต่ก็ไม่ได้จริงๆ เดี๋ยวผมติดต่อไปทาง msn ได้ไหมครับ พอดีจะให้ช่วยจริงๆน่ะครับ
ได้เลยครับ
|
|
|
บันทึกการเข้า
|
|
|
|
Pang25441
ก๊วนเสียว
พลังน้ำใจ: 31
ออฟไลน์
กระทู้: 269
|
 |
« ตอบ #16 เมื่อ: 30 มีนาคม 2011, 20:06:34 » |
|
<style type="text/css">
img { border: none; <<<< เนียสำคัญ margin: 0px; padding: 0px; }
</style>
ผมว่าแค่นี้น่าจะพอแล้ว
|
|
|
บันทึกการเข้า
|
Click!!  ปรวชฺชานุปสฺสิสฺส นิจฺจํ อุชฺฌานสญฺญิโน อาสวา ตสฺส วฑฺฒนฺติ อารา โส อาสวกฺขยา
คนที่เห็นแต่โทษผู้อื่น คอยแต่เพ่งโทษนั้น อาสวะก็เพิ่มพูน เขายังไกลจากความสิ้นอาสวะ [ขุ.ธ. ๒๕/๔๙]
|
|
|
vatcharavee
Newbie
พลังน้ำใจ: 1
ออฟไลน์
กระทู้: 67
|
 |
« ตอบ #17 เมื่อ: 30 มีนาคม 2011, 20:07:04 » |
|
<style type="text/css">
img { border: none; <<<< เนียสำคัญ margin: 0px; padding: 0px; }
</style>
ผมว่าแค่นี้น่าจะพอแล้ว
ได้แล้วครับ ต้องขอขอบคุณมากๆครับ ขอบคุณมากๆครับ 
|
|
« แก้ไขครั้งสุดท้าย: 30 มีนาคม 2011, 20:35:09 โดย vatcharavee »
|
บันทึกการเข้า
|
|
|
|
adaaugusta
ก๊วนเสียว
พลังน้ำใจ: 109
ออฟไลน์
กระทู้: 466
|
 |
« ตอบ #18 เมื่อ: 30 มีนาคม 2011, 22:54:10 » |
|
<style type="text/css">
img { border: none; <<<< เนียสำคัญ margin: 0px; padding: 0px; }
</style>
ผมว่าแค่นี้น่าจะพอแล้ว
+Thank ให้เลยครับ
|
|
|
บันทึกการเข้า
|
|
|
|
|