ต่อไป »

[หมีกระป๋อง]

คือผมใช้คำสั่ง

<ul>
<li><img src="xxx"> ข้อความ1</li>
<li><img src="xxx"> ข้อความ2</li>
<ul>

แล้วรูปกับข้อความมันอยู่คนละบรรทัดกันอะครับ

อันนี้ css

โค๊ด:

#ul {
	float:left; 
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

#li { 
	float: left;
	margin: 0;
	}

ขอบคุณครับ 

[New2th]

 

[หมีกระป๋อง]

โอ้ ได้แล้วครับ ขอบคุณมากๆ ครับ +1 แต่มันเปลี่ยนเป็น



ลงมาอีกบรรทัดซะงั้น พอจะรู้มั้ยครับแก้ตรงไหน

งมต่อไป 

[supachet2526]

กำหนดขนาดครับ

#li {
   float: left;
   margin: 0;
   width:300px;
}

[Positron]

li มันเป้น element นะครับ ไม่ใช่ชื่อ id

ดังนั้นเวลาอ้างอิง element ต้องใช้ชื่อตรงๆเลยครับ อย่างเช่นกรณีนี้คือ li เฉยๆ

ส่วที่ขึ้นต้นด้วย # นั้นหมายถึงอ้างอิงชื่อไอดี , ส่วน . ใช้อ้างอิงชื่อคลาส

[gubaaball]

li มันเป้น element นะครับ ไม่ใช่ชื่อ id

ดังนั้นเวลาอ้างอิง element ต้องใช้ชื่อตรงๆเลยครับ อย่างเช่นกรณีนี้คือ li เฉยๆ

ส่วที่ขึ้นต้นด้วย # นั้นหมายถึงอ้างอิงชื่อไอดี , ส่วน . ใช้อ้างอิงชื่อคลาส

ตามนี้เลยครับ ไม่ต้องมี #