Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > +++++++ เรื่องการจัดรูปแบบ div ครับ ช่วยแนะนำหน่อย ++++++++



 

+++++++ เรื่องการจัดรูปแบบ div ครับ ช่วยแนะนำหน่อย ++++++++

 



Topic : 085319



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



สถานะออฟไลน์
Facebook Blogger



บัจจุบันรูปแบบมันเป็นแบบนี้ครับ



นี้โค้ดตามรูปข้างบนครับ

Code (PHP)
<?
$xml5=file("http://www.wordpress.in.th/feed/"); 

$xmlDATA=""; 
foreach($xml5 as $key=>$value){
	$xmlDATA.=$value;
}
$data1=explode("<item>",$xmlDATA);
$iTitle=array(); 			
$iLink=array(); 			
$iDesc=array(); 			
$content=array(); 	

foreach($data1 as $key=>$value){ 
	if($key>0){
		$value=str_replace("</item>","",$value);
		$iTitle[$key]=strip_tags(substr($value,strpos($value,"<title>"),strpos($value,"</title>")));
		$content[$key]=substr($value,strpos($value,"<content:encoded>"),strpos($value,"</content:encoded>")); //<content:encoded>
		$iLink[$key]=strip_tags(substr($value,strpos($value,"<link>"),strpos($value,"</link>")-strpos($value,"<link>")));
		$iDesc[$key]=strip_tags(substr($value,strpos($value,"<description>"),strpos($value,"</description>")-strpos($value,"<description>")));
		preg_match('/src="(.*?)"/', $content[$key], $matches);
		//echo $matches[1]."<br>";
		echo '<img src="'.$matches[1].'" width="260" height="100"><br>';
		echo "<a href='".$iLink[$key]."' target='_blank' />".$iTitle[$key]."</a><br/><hr>";
		//preg_match('/src="(.*?)"/', $content[$key], $matches);
		//print_r($matches);
		
		//print_r($matches);
	}
}
?>


แต่ผมต้องการจัดให้มันเป็นแบบนี้



ผมจะทำมันได้โดยเริ่มต้นยังไงครับ



Tag : PHP, HTML/CSS







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-10-12 05:58:13 By : sorawit.ff View : 839 Reply : 7
 

 

No. 1



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ใช้ TR กับ TD แทนง่าย ๆ ได้หรือเปล่าครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-12 06:34:35 By : apisitp
 


 

No. 2



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



สถานะออฟไลน์
Facebook Blogger

เอ่อ.... ได้นะครับ

แต่คือผมอยากจัดให้มันเป็นระเบียบนิดหนึ่ง แต่โดยใช้ พวก css อะไรพวกนี้มาเสริมอะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-12 07:18:36 By : sorawit.ff
 

 

No. 3



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



สถานะออฟไลน์
Facebook Blogger

ช่วยแนะนำทีครับ ว่าต้องเริ่มยังไง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-12 11:45:22 By : sorawit.ff
 


 

No. 4



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


อันนี้ก็ได้ครับ ใช้ css จัดการ table อีกที
Go to : (PHP) Multiple Rows Column เป็นเทคนิคการแบ่งคอลัมบ์การแสดงผล ข้อมูลจากฐานข้อมูล PHP and MySQL
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-12 12:10:17 By : compiak
 


 

No. 5



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


div css


Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html{
	font:11px Arial, Helvetica, sans-serif; /* Sets the font size and type for the whole html page */
	color:#333;} /* Sets the font color for the whole html page */
.menu{
	margin:0 auto;
	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	background-color: #333;} /* dark grey bg */

.menu ul{
	margin: 0;
	padding: 0;
	float: left;}

.menu ul li{
	display: inline;
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 10.5px 11px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #333;
	width:260px;
	} /* Makes the link all appear in one line, rather than on top of each other */
	

.menu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 10.5px 11px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #333;}

.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}

.menu ul li a:hover, .menu ul li .current{
	color: #fff;
	background-color:#0b75b2;} /* change the background color of the list item when you hover over it */
</style>


</head>

<body>
    <div class="menu">
        <ul>

<?
$xml5=file("http://www.wordpress.in.th/feed/"); 

$xmlDATA=""; 
foreach($xml5 as $key=>$value){
	$xmlDATA.=$value;
}
$data1=explode("<item>",$xmlDATA);
$iTitle=array(); 			
$iLink=array(); 			
$iDesc=array(); 			
$content=array(); 	

foreach($data1 as $key=>$value){ 
	if($key>0){
		echo "<li>";
		$value=str_replace("</item>","",$value);
		$iTitle[$key]=strip_tags(substr($value,strpos($value,"<title>"),strpos($value,"</title>")));
		$content[$key]=substr($value,strpos($value,"<content:encoded>"),strpos($value,"</content:encoded>")); //<content:encoded>
		$iLink[$key]=strip_tags(substr($value,strpos($value,"<link>"),strpos($value,"</link>")-strpos($value,"<link>")));
		$iDesc[$key]=strip_tags(substr($value,strpos($value,"<description>"),strpos($value,"</description>")-strpos($value,"<description>")));
		preg_match('/src="(.*?)"/', $content[$key], $matches);
		//echo $matches[1]."<br>";
		echo '<img src="'.$matches[1].'" width="260" height="100"><br>';
		echo "<a href='".$iLink[$key]."' target='_blank' />".$iTitle[$key]."</a><br/>";
		//preg_match('/src="(.*?)"/', $content[$key], $matches);
		//print_r($matches);
		
		//print_r($matches);
		echo "</li>\n";

	}
}
?>
        </ul>
        <br style="clear: left" />
    </div>

</body>
</html>


ลองเอาไปทดสอบและปรับใช้งานดูครับ..


ประวัติการแก้ไข
2012-10-12 12:22:47
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-12 12:19:37 By : pokultra
 


 

No. 6



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



สถานะออฟไลน์
Facebook

<style>
div.main{width:606px;padding:2px;border:1px solid #000000;}
div.box-in{width:200px;float:left;border:1px solid #000000;}
.clear{clear:both;}
</style>

<div class="main">
<div class="box-in">test1</div>
<div class="box-in">test2</div>
<div class="box-in">test3</div>
<div class="box-in">test4</div>
<div class="box-in">test5</div>
<div class="clear"></div>
</div>


แบบใช้ div ลองเอาไปใช้ดูคับ เขียนให้ดูแล้วคับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-12 12:55:31 By : siammbk
 


 

No. 7



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



สถานะออฟไลน์
Facebook Blogger

โอ๊วขอบคุณมากครับ .......... @โจโฉ @Rastafari @Nunabi
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-12 13:05:51 By : sorawit.ff
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : +++++++ เรื่องการจัดรูปแบบ div ครับ ช่วยแนะนำหน่อย ++++++++
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่