ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: Fallen ที่ 11 กุมภาพันธ์ 2017, 15:20:11


หัวข้อ: เราจะให้ไฟล์ที่ include เข้ามา ไม่แสดงสี,ขนาด ฯลฯ ตามหน้านั้นๆ จะทำอย่างไรครับ
เริ่มหัวข้อโดย: Fallen ที่ 11 กุมภาพันธ์ 2017, 15:20:11
อยากให้ footer1.php แสดงผลเหมือนเดิม แม้จะถูก include เข้ามา ใน index.php แบบนี้...

(http://upic.me/i/kb/capture33.png) (http://upic.me/show/60305458)

ไม่ใช่แบบนี้
(http://upic.me/i/av/c0002.png) (http://upic.me/show/60305306)

clear both ก็ไม้ได้นะลองเเล้วอ่ะ

 :wanwan017:

หน้า index.php

โค๊ด:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
h3 {
font-size: 60px;
color: red;
}
</style>


<h3>หน้าหลัก</h3>
<?php include(&#39;footer1.php&#39;);?>

ไฟล์ที่ include มา (footer1.php)

โค๊ด:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div style="color: green;font-size: 20px;">ข้อความที่1</div>
<h3>ข้อความที่2</h3>







หัวข้อ: Re: เราจะให้ไฟล์ที่ include เข้ามา ไม่แสดงสี,ขนาด ฯลฯ ตามหน้านั้นๆ จะทำอย่างไรครับ
เริ่มหัวข้อโดย: snohomish ที่ 11 กุมภาพันธ์ 2017, 15:36:33
ผมตอบแบบ งู ๆ ปลา ๆ นะครับ 
ใช้ div ครอบ h3 ในไฟล์ footer ครับ แล้วเราก็กำหนด css ในหน้าแรก
โค๊ด:
h3 {
font-size: 60px;
color: red;
}
.classtest h3{ color:blue; font-size:16px;}

ผิดพลาดยังไงก็ขออภัยด้วยครับ

หัวข้อ: Re: เราจะให้ไฟล์ที่ include เข้ามา ไม่แสดงสี,ขนาด ฯลฯ ตามหน้านั้นๆ จะทำอย่างไรครับ
เริ่มหัวข้อโดย: vandd ที่ 11 กุมภาพันธ์ 2017, 16:14:45
ลองแยก tag h3 ออกดูครับ

หัวข้อ: Re: เราจะให้ไฟล์ที่ include เข้ามา ไม่แสดงสี,ขนาด ฯลฯ ตามหน้านั้นๆ จะทำอย่างไรครับ
เริ่มหัวข้อโดย: wasantec ที่ 11 กุมภาพันธ์ 2017, 16:26:17
ใส่ class ให้  h3

<h3 class="text1">ข้อความที่1</h3>
<h3 class="text2">ข้อความที่2</h3>

h3.text1 {color: red;}
h3.text2 {color:blue; }

หัวข้อ: Re: เราจะให้ไฟล์ที่ include เข้ามา ไม่แสดงสี,ขนาด ฯลฯ ตามหน้านั้นๆ จะทำอย่างไรครับ
เริ่มหัวข้อโดย: sputtaro ที่ 11 กุมภาพันธ์ 2017, 16:34:09
โดยส่วนตัว ผมมักจะออกแบบ แนวนี้ครับ
จาก <body> ... จนถึง </body>

ถ้าแบ่งคอมลัมน์ เป็น 2 คอลัมน์ (ซ้าย - ขวา) และอีกแถว อยู่ล่างสุด(ส่วนที่เรียกว่า footer)

คอลัมน์ซ้าย มักจะเป็น main column และ คอลัมน์ขวา มักจะเป็น widget
ส่วนแถวล่าง จะเป็น footer

ผมจึงมักเขียน css คลาสหลักสำหรับใช้กับเมนคอลัมน์
ส่วน widget ก็จะมีคลาสสำหรับ widget ต่างหาก
และเช่นเดียวกัน ส่วน footer มีคลาสของมันเอง
การแสดงผล จะเรียกใช้ จากคลาสของตัวเองเท่านั้น
จึงไม่ต้องกังวลว่า จะ include ในหน้าไหน



หัวข้อ: Re: เราจะให้ไฟล์ที่ include เข้ามา ไม่แสดงสี,ขนาด ฯลฯ ตามหน้านั้นๆ จะทำอย่างไรครับ
เริ่มหัวข้อโดย: Fallen ที่ 11 กุมภาพันธ์ 2017, 16:57:29
+ ให้ทุกคนนะครับ

สรุปคือ ต้องเขียน แยก style แยก class ไปเลยของใครของมัน
ตอนแรกผมเข้าใจว่า อาจจะมี คำสั่งพิเศษใด ที่กั้น ไม่ให้ style นอกไฟล์นั้นๆ ไปมีผลกับไฟล์ใดๆ ที่เรากำหนดได้

 :wanwan004:

หัวข้อ: Re: เราจะให้ไฟล์ที่ include เข้ามา ไม่แสดงสี,ขนาด ฯลฯ ตามหน้านั้นๆ จะทำอย่างไรครับ
เริ่มหัวข้อโดย: sputtaro ที่ 11 กุมภาพันธ์ 2017, 17:17:42
ที่จริงใช้ !important ได้ครับ
แต่ต้องทำความเข้าใจให้ดีก่อนเท่านั้นเอง
ว่า มันจะมีผลต่อเนื่องยังไงบ้าง
When Using !important is The Right Choice (https://css-tricks.com/when-using-important-is-the-right-choice/)
!important CSS Declarations: How and When to Use Them (https://www.smashingmagazine.com/2010/11/the-important-css-declaration-how-and-when-to-use-it/)

ส่วนการใช้คลาสนั้น จะสะดวกกว่า และ สร้างความสับสนให้น้อยกว่า
สุดแท้แต่ผู้ออกแบบครับ


SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com