วันนี้มี Tip ใหม่ๆๆแต่ไม่รู้ซ้ำรึเปล่านะแต่ผมเป็นคนทำเองอ่า - - งงเอาหละเริ่มเลย

1.ปกติเราใส่รูปกับรูปภาพจะเป็นอย่างนี้ใช่ไหมครับ ???


2.แต่พอใช้โค้ดแล้วจะเป็นอย่างนี้สวยงามม 555+




------------------------------------------------------------------------------------------------------------------------------------------------------------
ถ้าจะให้รูปอยู่ด้านขวา

((( ส่วนนี้เอาไว้ใน CSS ไม่ก็เอาไว้ที่ lifestyle ก็ได้ครับ)))
img.ID_Name{
float:right;
margin-left:15px;
overflow:hidden}

(((( ส่วนนี้ใส่ลงบน INterests , lifestyle ธรรมดานะครับ ))))
<img src="URL ของรูปภาพ" class="ID_Name" width="ขนาดรูปภาพ"/> <p class="cont">ข้อความที่จะใส่ครับ</p>

------------------------------------------------------------------------------------------------------------------------------------------------------------
ถ้าจะให้รูปอยู่ด้านซ้ายก็โค้ดนี้

((( ส่วนนี้เอาไว้ใน CSS ไม่ก็เอาไว้ที่ lifestyle ก็ได้ครับ)))
img.ID_Name{
float:left;
margin-Right:15px;
overflow:hidden}

(((( ส่วนนี้ใส่ลงบน INterests , lifestyle ธรรมดานะครับ ))))
<img src="URL ของรูปภาพ" class="ID_Name" width="ขนาดรูปภาพ"/> <p class="cont">ข้อความที่จะใส่ครับ</p>

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

ป.ล ตรง ID_Name สามารถเปลี่ยนเป็น ชื่ออย่างอื่นก็ได้น๊าา เช่น add_pic อื่นๆ ได้ตามใจ
ส่วนตรง margin-left:15px กับ margin-Right:15px คือระยะห่าวระหว่างรูปภาพกับข้อความครับ



สามารถคลิกเข้าไปดูได้น๊าหรือแอดเป็นเพื่อนก็ได้ ^^


http://gutywa.hi5.com/

ขอเครดิตหน่อยครับ : GuTyWa



แหล่งข่าว :http://www.thaihi5.com/board/index.php/topic,75465.0.html