Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > โค้ด html ทำอย่างไรให้แท็ก <div> อยู่บรรทัดเดียวกันกับ แท็ก <div> อื่นครับ

โค้ด html ทำอย่างไรให้แท็ก <div> อยู่บรรทัดเดียวกันกับ แท็ก <div> อื่นครับ

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

1942

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

อย่างเช่นแท็ก <div>a</div><div>b</div> เวลาแสดงผลให้มันต่อกันครับ ไม่ต้องขึ้นบรรทัดใหม่

Tag : PHP

Date : 2010-08-24 09:30:15

By : siridatsukkana

View : 58722

Reply : 16

No. 1

ultrasiam

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

Date : 2010-08-24 09:31:58

By : ultrasiam

No. 2

Nueng

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

width, float:left

Date : 2010-08-24 10:37:04

By : aknueng

No. 3

ant

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

<nobr>

Date : 2010-08-24 12:35:58

By : p_kokmas

No. 4

xxx

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

ใช้ float แล้วอย่าลืม clear both ด้วยล่ะ

Date : 2010-08-24 12:57:07

By : tungman

No. 5

DJ.Atomix

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

ใช้ <span> แทนสิครับ

<span> จะอยู่ในบรรทัดเดียวกะโค๊ดก่อนหน้า
<div> จะขึ้นบรรทัดใหม่ให้เสมอ

Date : 2010-08-24 13:29:40

By : iamatomix

No. 6

Guest

Date : 2010-10-09 17:09:18

By : ววววววววววววว

No. 7

Guest

ดีมากค่ะ

Date : 2010-10-09 17:09:43

By : วา

No. 8

Veevi

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

ถ้าเกิดเป็นแบบนี้ละค่ะ ให้อยู่บรรทัดเดียวกัน ทำได้ไหมค่ะ ช่วยบอกที

Code (PHP)

<? 
     echo "<img src='../images/personal.png' />";
     echo "<img src='../images/personal.png' />";
     echo "<img src='../images/personal.png' />";
?>

Date : 2011-05-10 23:47:46

By : noowi

No. 9

หมาของเซสชั่น

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

ใช้ <div></div> ก็ซ้อนทับกันแล้วครับ

Date : 2011-05-11 09:06:29

By : Dragons_first

No. 10

Veevi

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

ขอบคุณค่ะ

ประวัติการแก้ไข
2011-05-31 01:25:48

Date : 2011-05-31 01:25:25

By : noowi

No. 11

PlaKriM

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

ตอบความคิดเห็นที่ : 8 เขียนโดย : noowi เมื่อวันที่ 2011-05-10 23:47:46

รายละเอียดของการตอบ ::

แบบนั้นมันขึ้นกับความกว้างของภาพแล้วครับ ถ้ามันเล็กมันก็เรียงกันจากซ้ายไปขวา

Date : 2011-05-31 02:17:48

By : PlaKriM

No. 12

Guest

Date : 2012-04-06 15:44:46

By : d

No. 13

Mod

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

<div>มันมีค่าเป็น display:block ครับ มันจะขึ้นบรรทัดใหม่ ลองเป็น <div><span></span></div>

ส่วนอันนี้
<?
echo "<img src='../images/personal.png' />";
echo "<img src='../images/personal.png' />";
echo "<img src='../images/personal.png' />";
?>

ลองใช้เป็น

<ul>
<li>echo "<img src='../images/personal.png' />";</li>
<li>echo "<img src='../images/personal.png' />";</li>
<li>echo "<img src='../images/personal.png' />";</li>
</ul>

(php ผมไม่เป็นนะครับยังไงลองใส่แบบนี้ดู)

Css
li {float:left;width:เท่าไหรก็ว่ากันไปครับ}

Date : 2012-04-07 10:37:42

By : modheavymod

No. 14

Guest

ตอบความคิดเห็นที่ : 13 เขียนโดย : modheavymod เมื่อวันที่ 2012-04-07 10:37:42

รายละเอียดของการตอบ ::

..ขอบคุณมากค่ะ

Date : 2013-12-17 11:25:17

By : Song_nana

No. 15

Guest

<?
for($i=2;$i<=12;$i++){
echo "<table border='1'>
<tr bgcolor='#00BFFF'><td align='center'>แม่ $i</td></tr>";
for($j=1;$j<=12;$j++){
echo "<tr bgcolor='#87CEEB'><td>$i x $j = ".$i*$j."</td></tr>";
}
echo "</table></br>";
}
?>

ถ้าแบบนี้ล่ะมันเปนตารางสูตรคุณจะให้มันเรียงอยู่แถวกันทำงัยคับ

Date : 2014-09-09 15:19:27

By : perzen

No. 16

คนธรรมดา ไม่พิเศษ

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

ตอบความคิดเห็นที่ : 15 เขียนโดย : perzen เมื่อวันที่ 2014-09-09 15:19:27

รายละเอียดของการตอบ ::

ประมาณนี้ได้ป่าวป่าวครับ
Code (PHP)

<?PHP for($i=2;$i<=12;$i++){ ?>
    <div style="width:120px; float:left; border:#06F 1px solid;">
        <ul style="list-style:none; margin:0; padding:0;">
            <li style="display:block; text-align:center;">แม่ <?PHP echo $i;?></li>
            <?PHP for($j=1;$j<=12;$j++){ ?>
            <li style="background:#87CEEB; display:block; text-align:center; line-height:1.5em;"><?PHP echo $i .'x'. $j .'= '.$i*$j;?></li>
            <?PHP } ?>
        </ul>
    </div>
<?PHP } ?>

Date : 2014-09-09 16:04:51

By : arm8957

ค้นหาข้อมูล

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

Re : โค้ด html ทำอย่างไรให้แท็ก <div> อยู่บรรทัดเดียวกันกับ แท็ก <div> อื่นครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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