มีปัญหา CSS ถามผู้รู้

digitroncat · 20 ตุลาคม 2008, 17:56:37

อ้างถึงbody {
   font-size: 62.5%; /* Resets 1em to 10px */
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
   background: #FFFFFF url('images/spring.jpg');
   color: #FFFFFF;
   text-align: center;
   }

ผมจะแทรกจาวาสคริปลงในโค้ดที่อยูข้างบนได้ไหมถ้าได้ทำยังไงครับ

SaMsOnIzE · 20 ตุลาคม 2008, 20:12:32

จริงๆแล้ว Javascript นี่จะอยู่แยกกับ Code CSS นะครับ ...โดยทั่วๆไปก็แทรกไว้ระหว่าง <head> และ </head> ครับ ลอง click ขวา แล้ว view source ดูนะครับ จะเห็น tag <script language="JavaScript" type="text/javascript"> อยู่ครับ

digitroncat · 20 ตุลาคม 2008, 21:24:35

สรุปแล้วมันใส่มะได้ใช่ไหมครับ

ball6847 · 20 ตุลาคม 2008, 21:14:35

มันใส่ใน css ไม่ได้ครับ แต่ว่า javascript สามารถควบคุม css ได้ครับ

manchy · 20 ตุลาคม 2008, 21:27:52

ไม่ได้นะครับ

แล้วทำไมต้องการใส่อะครับ

digitroncat · 20 ตุลาคม 2008, 21:29:49

อ้างถึงจาก: ball6847 ใน 20 ตุลาคม 2008, 21:14:35
มันใส่ใน css ไม่ได้ครับ แต่ว่า javascript สามารถควบคุม css ได้ครับ

มันควบคุมยังไงเหรอครับ

utto · 20 ตุลาคม 2008, 21:28:41

ใส่ได้นะครับ ให้เป็น dynamic css ในรูปแบบของ expression แต่ก็ใส่ได้ ตามอัตภาพ เช่น
p
{
max-width:800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" );
}

ลองค้นคำว่า css expression เพิ่มเติมครับ

แต่แนะนำว่า ถ้าจะใช้ แบบนี้ เขียน javascript แยกออกไปต่างหากดีกว่าครับ ก็ทำงานเหมือนกัน

ส่วนการควบคุม css ด้วย javascript อย่าง่ายๆ ลองอ่านอันนี้ดูครับ
[linkpr]http://www.divland.com/blog/2008/08/02/javascript-control-css/[/linkpr]

chapicha · 20 ตุลาคม 2008, 21:44:00

ผมคิดว่าน่าจะได้นะ

ball6847 · 20 ตุลาคม 2008, 21:58:19

อ้างถึงจาก: utto ใน 20 ตุลาคม 2008, 21:28:41
ใส่ได้นะครับ ให้เป็น dynamic css ในรูปแบบของ expression แต่ก็ใส่ได้ ตามอัตภาพ เช่น
p
{
max-width:800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" );
}

ลองค้นคำว่า css expression เพิ่มเติมครับ

แต่แนะนำว่า ถ้าจะใช้ แบบนี้ เขียน javascript แยกออกไปต่างหากดีกว่าครับ ก็ทำงานเหมือนกัน

ส่วนการควบคุม css ด้วย javascript อย่าง่ายๆ ลองอ่านอันนี้ดูครับ
[linkpr]http://www.divland.com/blog/2008/08/02/javascript-control-css/[/linkpr]

โว้ววว สุดยอดเลย ขอบคุงค้าบบบบบ +1

digitroncat · 20 ตุลาคม 2008, 22:08:22

ขอบคุณมากครับ นาน ๆ ทีเราถึงโพส์มีสาระ

ark_inn · 21 ตุลาคม 2008, 00:23:45

อ้างถึงจาก: utto ใน 20 ตุลาคม 2008, 21:28:41
ใส่ได้นะครับ ให้เป็น dynamic css ในรูปแบบของ expression แต่ก็ใส่ได้ ตามอัตภาพ เช่น
p
{
max-width:800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" );
}

ลองค้นคำว่า css expression เพิ่มเติมครับ

แต่แนะนำว่า ถ้าจะใช้ แบบนี้ เขียน javascript แยกออกไปต่างหากดีกว่าครับ ก็ทำงานเหมือนกัน

ส่วนการควบคุม css ด้วย javascript อย่าง่ายๆ ลองอ่านอันนี้ดูครับ
[linkpr]http://www.divland.com/blog/2008/08/02/javascript-control-css/[/linkpr]

โค้ดแบบนี้ผมเคยเจอเหมือนกันครับ เป็นโค้ด css ใน WP

แต่ผมว่าทำjs แยกไปเลยง่ายกว่าครับ ไม่งงด้วย (ถ้าทำเว็บหลายคน)

อ่า อยู่ดีๆ มันโพสเองเฉยเลย ยังโพสไม่จบเลย

ขอบคุณสำหรับเว็บครับ เจ๋งมากๆ

เพิ่มความรู้ด้าน css กับ เว็บดีไซน์ได้เป็นอย่างดีเลยครับ