ช่วยสอนการทํา...list/menu เเบบนี้หน่อยก๊าบ

เริ่มโดย เป็นติ่งไรเนี่ย, 17 กรกฎาคม 2009, 18:50:44

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

พิมพ์
ลง หน้า1
การกระทำของผู้ใช้

เป็นติ่งไรเนี่ย

17 กรกฎาคม 2009, 18:50:44 แก้ไขล่าสุด: 17 กรกฎาคม 2009, 18:52:43 โดย biar


เเบบว่าจะทําลิสเมนูเลือกภาษา เเบบมีรูปธงข้างหน้า ดังภาพ
กดตรงเลข1 แล้วมี dropdown ลงมาในหมายเลข2

ลองมั่วเเบบนี้..ไม่ได้..สอนทีครับทําไง
<select name="test" >
 <option value="xx">
<img src="englishflag.png />english</option>
</select>

:-*

g-ji

#1
17 กรกฎาคม 2009, 18:57:29
เว็บไหนหว่า  ???

ไม่ลองส่องโค้ดดูเลยละ

เป็นติ่งไรเนี่ย

#2
17 กรกฎาคม 2009, 20:35:08
อ้างถึงจาก: g-ji ใน 17 กรกฎาคม 2009, 18:57:29
เว็บไหนหว่า  ???

ไม่ลองส่องโค้ดดูเลยละ

เคยเห็นนะ เว็บที่ว่าลืมเซฟไว้
เสียดายเลยตอนนี้..

navico

#3
17 กรกฎาคม 2009, 21:35:35
CSS ช่วยท่านได้

โค้ด เลือก

<html>
<head>
<style>
.inputt {background-image:url(images.jpeg);
background-repeat:no-repeat;
text-align:right;
width:100px}
</style>
</head>
<body>
<form name="form1">
<select>
<option value="selection1.html" class="inputt">selection 1</option>
<option value="selection2.html" class="inputt">selection 2</option>
</select>
</form>
</body>
</html>
ลองดู ผมก็มั่วมา...

g-ji

#4
17 กรกฎาคม 2009, 21:47:53
ใส่ไปแล้วมันเห็นหรอ  ??? น่าลองนะนี่

เป็นติ่งไรเนี่ย

#5
17 กรกฎาคม 2009, 22:42:44 แก้ไขล่าสุด: 17 กรกฎาคม 2009, 23:05:17 โดย biar
อ้างถึงจาก: navico ใน 17 กรกฎาคม 2009, 21:35:35
CSS ช่วยท่านได้

โค้ด เลือก

<html>
<head>
<style>
.inputt {background-image:url(images.jpeg);
background-repeat:no-repeat;
text-align:right;
width:100px}
</style>
</head>
<body>
<form name="form1">
<select>
<option value="selection1.html" class="inputt">selection 1</option>
<option value="selection2.html" class="inputt">selection 2</option>
</select>
</form>
</body>
</html>
ลองดู ผมก็มั่วมา...

+1 เยี่ยม

แต่ว่ามันได้เเต่ตรง..dropdown
ทว่าข้างบนมันไม่โชว์
พิมพ์
ขึ้น หน้า1
การกระทำของผู้ใช้