Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเกี่ยวกับ CSS หน่อยครับ ว่าแบบ ... จะต้องใช้อย่างไร

สอบถามเกี่ยวกับ CSS หน่อยครับ ว่าแบบ ... จะต้องใช้อย่างไร

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

Guest

รูปตัวอย่างนะครับ

กรอบสีดำมันไม่มีตรงกลางขอบสีขาวอ่ะครับ (ชิดซ้ายบังขอบสีขาว ลงล่างบังขอบสีขาว)

Code ที่ใช้อยู่ครับ

.entry-content header{position: relative;width: 100%;z-index: 3;}
.entry-content h3:hover {width:164px;height:51px;background: url(img/trans2.png);}
.entry-content h3{width:164px;height:51px;background: url(img/trans.png);text-align: center;padding-top: 6px;}
.entry-content h3 a {color: #FFFFFF;}
.entry-content{width: 100%;position: absolute;bottom: 20px;word-wrap: break-word;}

Tag : HTML/CSS

Date : 2014-06-04 00:33:31

By : Stageeks

View : 785

Reply : 4

No. 1

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

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

.entry-content{width: 100%;position: relative;bottom: 20px;word-wrap: break-word;} แล้วใส่แท็ก div ของกรอบสีดำให้อยู่ในแท็ก div ในกรอบสีขาวครับ

Date : 2014-06-04 10:10:03

By : Dragons_first

No. 2

Guest

div ของมันเป็นแบบนี้

<div class="entry-content">
<header>
<h3 class="entry-title"><a href="<?php the_permalink() ?>" title="<?php echo get_the_title(); ?>"><?php echo get_the_title(); ?></a>
</h3>
</header>

หรือสลับแบบนี้ครับ

<div class="entry-title">
<header>
<h3 class="entry-content"><a href="<?php the_permalink() ?>" title="<?php echo get_the_title(); ?>"><?php echo get_the_title(); ?></a>
</h3>
</header>

Date : 2014-06-04 15:23:48

By : Stageeks

No. 3

Guest

ผมได้ทดสอบ div แบบที่ 1 และ 2 ครับ มันไม่ได้

Date : 2014-06-04 15:25:57

By : Stageeks

No. 4

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

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

ลองประมาณนี้ได้ไม๊ครับ ง่ายดี ใช้ ul , li

Code (PHP)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {background:#999; }
</style>
</head>

<body>
<ul style="list-style:none; border:#FFF 5px solid; border-radius: 5px; width:150px; margin:0; padding:0; background:#CCC;">
	<li style="display:block; height:200px;">Detail....</li>
    <li style="display:block; height:80px; background:#333; color:#FFF; text-align:center; border-top:#999 2px solid;">Post Name</li>
</ul>
</body>
</html>

ผลลัพธิ์

Date : 2014-06-04 15:47:45

By : arm8957

ค้นหาข้อมูล

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

Re : สอบถามเกี่ยวกับ CSS หน่อยครับ ว่าแบบ ... จะต้องใช้อย่างไร

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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