ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: [css] CSS Hack  (อ่าน 2010 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
GillBate
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 160
ออฟไลน์ ออฟไลน์

กระทู้: 1,236



ดูรายละเอียด
« เมื่อ: 25 เมษายน 2010, 06:10:11 »

 Tongue ถ้าเกิดว่า CSS เราทำงานได้ปกติใน FF, IE แต่ โครมมีปัญหานี่เราต้องกำหนด css เฉพาะให้มันใช่มั้ยครับ (มีแหล่งศึกษามั้ยครับ)
บันทึกการเข้า
garnice
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 94
ออฟไลน์ ออฟไลน์

กระทู้: 1,133



ดูรายละเอียด
« ตอบ #1 เมื่อ: 25 เมษายน 2010, 06:12:08 »

Tongue ถ้าเกิดว่า CSS เราทำงานได้ปกติใน FF, IE แต่ โครมมีปัญหานี่เราต้องกำหนด css เฉพาะให้มันใช่มั้ยครับ (มีแหล่งศึกษามั้ยครับ)

ใช่ครับ ต้องกำหนดเฉพาะ

<!--[if IE 6]><link rel="stylesheet" href="/style/ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/style/ie7.css" type="text/css" /><![endif]-->

ประมาณนี้ครับ
บันทึกการเข้า
GillBate
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 160
ออฟไลน์ ออฟไลน์

กระทู้: 1,236



ดูรายละเอียด
« ตอบ #2 เมื่อ: 25 เมษายน 2010, 07:22:56 »

Tongue ถ้าเกิดว่า CSS เราทำงานได้ปกติใน FF, IE แต่ โครมมีปัญหานี่เราต้องกำหนด css เฉพาะให้มันใช่มั้ยครับ (มีแหล่งศึกษามั้ยครับ)

ใช่ครับ ต้องกำหนดเฉพาะ

<!--[if IE 6]><link rel="stylesheet" href="/style/ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/style/ie7.css" type="text/css" /><![endif]-->

ประมาณนี้ครับ

พอดีเป็นที่ chrome อ่ะครับ
บันทึกการเข้า
garnice
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 94
ออฟไลน์ ออฟไลน์

กระทู้: 1,133



ดูรายละเอียด
« ตอบ #3 เมื่อ: 25 เมษายน 2010, 09:12:23 »

Tongue ถ้าเกิดว่า CSS เราทำงานได้ปกติใน FF, IE แต่ โครมมีปัญหานี่เราต้องกำหนด css เฉพาะให้มันใช่มั้ยครับ (มีแหล่งศึกษามั้ยครับ)

ใช่ครับ ต้องกำหนดเฉพาะ

<!--[if IE 6]><link rel="stylesheet" href="/style/ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/style/ie7.css" type="text/css" /><![endif]-->

ประมาณนี้ครับ


ผม

พอดีเป็นที่ chrome อ่ะครับ

ผมทำเป็นตัวอย่าง code ให้ดูเฉยๆครับ  Tongue Tongue
บันทึกการเข้า
Mayjung007
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 207



ดูรายละเอียด
« ตอบ #4 เมื่อ: 25 เมษายน 2010, 21:52:27 »

 wanwan015 แนะนำ css framework คับ

blueprint

960grid

เลยเอ้าง่ายดี
บันทึกการเข้า
tamiyalagu
คนรักเสียว
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 191



ดูรายละเอียด
« ตอบ #5 เมื่อ: 26 เมษายน 2010, 02:13:44 »

CSS มันต้องมี framework ด้วยเหรอเนี่ย  wanwan015

แบบนี้ HTML มันก็มี framework ด้วยหรือเปล่าครับ
บันทึกการเข้า
Viruscom2
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 1



ดูรายละเอียด
« ตอบ #6 เมื่อ: 26 เมษายน 2010, 02:58:46 »

CSS มันต้องมี framework ด้วยเหรอเนี่ย  wanwan015

แบบนี้ HTML มันก็มี framework ด้วยหรือเปล่าครับ

CSS  framework  คืออะไรหรือครับ

มี OOP หรือเปล่า Tongue
บันทึกการเข้า
GillBate
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 160
ออฟไลน์ ออฟไลน์

กระทู้: 1,236



ดูรายละเอียด
« ตอบ #7 เมื่อ: 26 เมษายน 2010, 06:12:59 »

 Tongue รู้สึกว่า CSS Framework จะเหมือน CSS template
บันทึกการเข้า
ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,152



ดูรายละเอียด
« ตอบ #8 เมื่อ: 26 เมษายน 2010, 09:40:47 »

ไม่เหมือนคับ framework ของ css เค้าจะมีการ กำหนด rule ต่างๆเอาไว้ให้เราพร้อมใช้งานคับ แต่ละ framework ก็มีวิธีใช้ของมัน เราต้องอ่าน doc ของเค้าว่าถ้าจะสร้าง layout แบบนี้จะใช้ html ยังงัย แล้วกำหนด id class ยังงัย แล้วก็บางเจ้าจะแถม css reset ที่ reset ค่า default ของทุก browser ให้เหมือนกัน บางอย่างเราก็กำหนดค่าเข้าไปใหม่ อาจจะดูเหมือนเพิ่มงานให้เราแต่มันช่วยให้ทุก browser แสดงผลออกมาใกล้เคียงกันที่สุด

อันที่ผมเคยใช้จะมี YUI CSS , 960gs , Blueprint นิดหน่อย

แต่สุดท้าย ผมก็ใช้แค่ตัว reset ของ YUI แค่นั้นเอง เรื่อง layout มาจัดเองได้ดั่งใจที่สุด
บันทึกการเข้า

aCustiCz
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 164
ออฟไลน์ ออฟไลน์

กระทู้: 1,817



ดูรายละเอียด
« ตอบ #9 เมื่อ: 26 เมษายน 2010, 10:49:08 »

ไม่เหมือนคับ framework ของ css เค้าจะมีการ กำหนด rule ต่างๆเอาไว้ให้เราพร้อมใช้งานคับ แต่ละ framework ก็มีวิธีใช้ของมัน เราต้องอ่าน doc ของเค้าว่าถ้าจะสร้าง layout แบบนี้จะใช้ html ยังงัย แล้วกำหนด id class ยังงัย แล้วก็บางเจ้าจะแถม css reset ที่ reset ค่า default ของทุก browser ให้เหมือนกัน บางอย่างเราก็กำหนดค่าเข้าไปใหม่ อาจจะดูเหมือนเพิ่มงานให้เราแต่มันช่วยให้ทุก browser แสดงผลออกมาใกล้เคียงกันที่สุด

อันที่ผมเคยใช้จะมี YUI CSS , 960gs , Blueprint นิดหน่อย

แต่สุดท้าย ผมก็ใช้แค่ตัว reset ของ YUI แค่นั้นเอง เรื่อง layout มาจัดเองได้ดั่งใจที่สุด


งงครับ  wanwan023
บันทึกการเข้า
Mayjung007
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 207



ดูรายละเอียด
« ตอบ #10 เมื่อ: 26 เมษายน 2010, 11:28:48 »

ผมใช้ blueprint ดูแล้ว

จะมี คลาสๆ นึงไว้ เลย์เอ้าน์เว็บ คือ span-1  ถึง span-24 แต่ละช่วงจะมีความกว้าง 30 pixel และมีระยะห่างระหว่างช่อง 10 pixel

span-24 จะกว้างรวมทั้งหมด960 pixel คือ ช่องละ 30pixel คูณspan-24 คือ 24 ช่อง ก็เท่ากับ 720 pixel  บวกกับระยะห่างระหว่างช่องอีก 23 ช่อง = 230 เท่ากับ 960 pixel เป็นต้น

ที่เหลือก็มีคราสอื่นๆไว้สำหรับกำหนดตำแหน่ง ต่างๆ
« แก้ไขครั้งสุดท้าย: 26 เมษายน 2010, 11:30:22 โดย Mayjung007 » บันทึกการเข้า
whitecross
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 129
ออฟไลน์ ออฟไลน์

กระทู้: 2,063



ดูรายละเอียด
« ตอบ #11 เมื่อ: 26 เมษายน 2010, 11:46:15 »

ปกติ ถ้า FF ดูโอเค Chrom มันจะโอเึคด้วยนะครับ ที่มีปัญหาส่วนมากจะเป็น IE แต่กรณีนี้อาจจะเกิดจากการใช้ CSS ที่ผิด หรืออาจจะ Coding ตรงไหนซ้ำ หรือพลาดอ่ะครับ ลองตรวจสอบแก้ไขดูครับ
บันทึกการเข้า

บริการออกแบบเว็บไซต์ / PSD 2 HTML / Tableless Generation / W3C Validation / Graphic Design
ติดต่อสอบถามข้อมูลต่างๆทางอีเมล์ได้เลยครับผม...
GillBate
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 160
ออฟไลน์ ออฟไลน์

กระทู้: 1,236



ดูรายละเอียด
« ตอบ #12 เมื่อ: 26 เมษายน 2010, 15:15:12 »

ปกติ ถ้า FF ดูโอเค Chrom มันจะโอเึคด้วยนะครับ ที่มีปัญหาส่วนมากจะเป็น IE แต่กรณีนี้อาจจะเกิดจากการใช้ CSS ที่ผิด หรืออาจจะ Coding ตรงไหนซ้ำ หรือพลาดอ่ะครับ ลองตรวจสอบแก้ไขดูครับ

 Cry ขอบคุณมากครับ แก้ได้แล้ว +1 (มือใหม่จริงๆ มั่วจนสำเร็จ)
บันทึกการเข้า
whitecross
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 129
ออฟไลน์ ออฟไลน์

กระทู้: 2,063



ดูรายละเอียด
« ตอบ #13 เมื่อ: 26 เมษายน 2010, 15:20:51 »

ปกติ ถ้า FF ดูโอเค Chrom มันจะโอเึคด้วยนะครับ ที่มีปัญหาส่วนมากจะเป็น IE แต่กรณีนี้อาจจะเกิดจากการใช้ CSS ที่ผิด หรืออาจจะ Coding ตรงไหนซ้ำ หรือพลาดอ่ะครับ ลองตรวจสอบแก้ไขดูครับ

 Cry ขอบคุณมากครับ แก้ได้แล้ว +1 (มือใหม่จริงๆ มั่วจนสำเร็จ)


ไม่เป็นไรครับ ช่วยๆกันไปตามเท่าที่จะช่วยได้  wanwan007
บันทึกการเข้า

บริการออกแบบเว็บไซต์ / PSD 2 HTML / Tableless Generation / W3C Validation / Graphic Design
ติดต่อสอบถามข้อมูลต่างๆทางอีเมล์ได้เลยครับผม...
GillBate
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 160
ออฟไลน์ ออฟไลน์

กระทู้: 1,236



ดูรายละเอียด
« ตอบ #14 เมื่อ: 26 เมษายน 2010, 16:00:04 »

 Tongue จะว่าไปแล้ว FF นี่มันเก่งจริงๆ เขียนมั่วเขียนผิดยังทำออกมาให้ถูกได้
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์