พิมพ์หน้านี้ - CSS ครับ แบบนี้แก้ยังครับ

โค๊ด:

<p><label class="formtext">ที่อยู่: </label><span style="position:relative;"><? echo $studio->getStudioaddress(); ?></span></p>

นี่คือ code ผมครับ ซึ่งมันได้ output แบบนี้ครับ

ที่อยู่: 1234 หมู่บ้านสุขสบาย ถ.ราษฎรพัฒนา สะพานสูง
สะพานสูง ก.ท.ม. 10240

สังเกตว่า ตรง สะพานสูงมันจะขึ้นบรรทัดใหม่ ไม่ตรงกับ 1234 อ่ะครับ ไม่รู้ว่าต้องแก้ยังไง

อ้อ นี่ code css ผมนะครับ

โค๊ด:

label.formtext{
	width: 25em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-weight:bold;
	padding-right:10px;
	vertical-align:bottom;
}

อ้างจาก: nadia_diana ที่ 21 มีนาคม 2009, 22:01:38

โค๊ด:

<p><label class="formtext">ที่อยู่: </label><span style="position:relative;"><? echo $studio->getStudioaddress(); ?></span></p>

โค๊ด:

label.formtext{
	width: 25em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-weight:bold;
	padding-right:10px;
	vertical-align:bottom;
}

หน้าเว็บขนาดเท่าไรหรอ ??
ที่ต้องการคือแบบนี้หรือเปล่า ??

อ้างถึง

ที่อยู่: 1234 หมู่บ้านสุขสบาย ถ.ราษฎรพัฒนา สะพานสูง
สะพานสูง ก.ท.ม. 10240

หรือคล้ายๆ ในรูปแบบนี้ เวลาขึ้นบรรทัดใหม่ให้อยู่ เท่ากับบรรทัดบน
(http://iecmia.bay.livefilestore.com/y1pM6pDSys8tEv68xmJOb2yD5sxg83QeUcGP2-yRcGYyJ60l_F0hNzANH1FGN6n01HxnYqSHZXJtIStlA_jUIe3iw/likethis1.JPG)

โค๊ด:

label.formtext{
	width: 10em;
	float: left;
	text-align: right;
	margin: 0.5em;
	padding:1em;/*เพิ่มอันนี้ มีผลประมาณ 4 บรรทัดตัวอักษร*/
	display: block;
	font-weight:bold;
	padding-right:10px;
	vertical-align:bottom;
}

โค๊ด:

<p><label class="formtext">ที่อยู่:</label><span>1234 หมู่บ้านสุขสบาย ถ.ราษฎรพัฒนา สะพานสูง สะพานสูง ก.ท.ม. 1024012315646123156486745641231231564564651231231231231231 asdfasdcvasdgasdfgsdfgdfgsagfsdafsdfgsdffgdsfgdsfsagsdgfr hsdfbasdfgsdfgsadfsdgasdvasgsafdasdfsdafdasrtfsdvf asfsdgdsgasdfgf</span></p>

ถ้า width:25em; เท่าเดิมที่ให้โค้ดมา(เดิมๆ หมดเลย) มันจะอยู่เกือบๆ กลางจอนะ (ขึ้นอยู่กับขนาดของหน้า) ตามรูป

(http://iecmia.bay.livefilestore.com/y1pFmV_l2tZC2WpT8IG_UgM_1dhC30WvmExxGsrHeWfnKmSYoRbx3XdBDXyogNjH-Pv-SoCksCBGbnndFgExh27bA/likethis2.JPG)

ถ้าจะให้ดี เอา div คลุมมันไว้ด้วยดีกว่า

โค๊ด:

<div><p><label class="formtext">ที่อยู่:</label><span>1234 หมู่บ้านสุขสบาย ถ.ราษฎรพัฒนา สะพานสูง สะพานสูง ก.ท.ม. 1024012315646123156486745641231231564564651231231231231231 asdfasdcvasdgasdfgsdfgdfgsagfsdafsdfgsdffgdsfgdsfsagsdgfr hsdfbasdfgsdfgsadfsdgasdvasgsafdasdfsdafdasrtfsdvf asfsdgdsgasdfgf</span></p></div>

ตั้ง id/class ให้ div ซะหน่อย แล้วกำหนดขนาดความกว้าง แล้วใส่ overflow:hidden; ซะหน่อย

**ขึ้นอยู่กับขนาดของหน้าเว็บที่ตั้งไว้ ตามรูปตั้งไว้ 980px**

ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: nadia_diana ที่ 21 มีนาคม 2009, 22:01:38