ขอถามเรื่อง CSS หน่อยครับ

ณัฏฐ์ · 17 พ.ย. 2010, 12:00 น.

จริงด้วย

ยุนเอ · 17 พ.ย. 2010, 12:01 น.

กำลังจะอัพเข้าไป เจอโค๊ดนั้นแล้วก็ไม่ต้องละ

ณัฏฐ์ · 17 พ.ย. 2010, 12:03 น.

อยากเห็นที่พี่เขียนอะ

ยุนเอ · 17 พ.ย. 2010, 12:06 น.

โค๊ดที่มีอยู่แล้วนั้นเขียนดีกว่าเยอะ

ของพี่เขียนบรรทัดเดียว แต่ก๊อบโค๊ดมาซะเยอะ
เอาโค๊ดจากลิงก์นั่นแหละมาแปะ แล้วก็เพิ่มบรรทัดที่บอกตามนั้นเลย

Rabbitinblack · 17 พ.ย. 2010, 16:33 น.

กำลังงง ว่ากำลังจะทำอะไร

คือถ้า browser อื่นที่ไม่ใช่ IE เปิด ให้ไม่ต้องเรียก position:absolute; เหรอ หรือว่ายังไง

ณัฏฐ์ · 17 พ.ย. 2010, 17:40 น.

ใช่ครับ

Rabbitinblack · 17 พ.ย. 2010, 21:38 น.

ขอโทษที กลับไปอ่าน เพิ่งเห็นว่าจะใช้งานใน address bar

นึกว่าจะไปแก้ไข code ของเว็บเอง โทษที ๆ

หนูอร · 14 ธ.ค. 2010, 04:22 น.

มีปัญหาสงสัยเรื่อง CSS ค่ะ ไม่ได้ใช้นานมาก จำไม่ได้เลย

คือ.. อรสร้าง DIV ขึ้นมาเพื่อที่จะวางซ้อนกัน
เพื่อจะให้ได้รูปตามนี้..

ปัญหาที่เกิดขึ้นกับอรคือตอนทำ Div มาซ้อนต่อๆกันมันเกิดช่องว่างน่ะค่ะ..
(คือลองทำแต่ยังไม่ได้ใส่ Background นะคะ ใช้สีเอาเน่าๆก่อน)

อันนี้คือโค้ด..

อ้างอิง<style type="text/css">

</style></head>

<body class="oneColElsCtrHdr">

<div id="container">
<div id="header">
<h1>Header</h1>
</div>
<div id="mainContent">
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
   </div>
<div id="footer">
<p>Footer</p>
</div>
</div>
</body>

ความเข้าใจตอนนี้คือ div น่าจะแบ่งแบบนี้...

ใครพอทราบว่าแก้ไขยังไงรบกวนช่วยด้วยนะคะ
เพราะลองหา tutorial แล้วไม่เจอค่ะ

ขอบคุณล่วงหน้านะคะ

ยุนเอ · 14 ธ.ค. 2010, 05:06 น.

น่าจะอันนี้นะ

http://www.f0nt.com/forum/index.php/topic,10123.msg630311.html#msg630311

ไหลไปหน้าสามเลย

Rabbitinblack · 14 ธ.ค. 2010, 08:02 น.

น้องอรแค่เติมอันนี้ลงไปใน css ก็ได้แล้วจ้ะ

โค้ด เลือกทั้งหมด


* { margin:0; padding:0; }

สาเหตุที่มันเป็นแบบนั้น เพราะว่าตัว h1 ใน <div id="header"> มันมีค่า margin อยู่ในตัวมันเอง

การจะเคลียร์ค่าทุกตัว ให้ใช้ *

การใช้ body ไม่ได้เป็นการเคลียร์ค่าทุกตัว ดังนั้น h1 จึงยังมีค่า margin อยู่ในตัวมันเองอยู่จ้ะ

Bellbells · 14 ธ.ค. 2010, 09:32 น.

สุดยอดเลยฮะ บิ้กไทเกอร์

หนุ่ม · 14 ธ.ค. 2010, 09:48 น.

iannnnn · 14 ธ.ค. 2010, 14:14 น.

อ้างคำพูดจาก: สหายเบลห์ เมื่อ 14 ธ.ค. 2010, 09:32 น.
สุดยอดเลยฮะ บิ้กไทเกอร์

Earthchie · 26 ก.พ. 2011, 21:04 น.

ขุดหน่อยครับ

มีปัญหาตรงเมนูน่ะครับ

โค้ด เลือกทั้งหมด

<ul class="menu">
	    <li class="menu-hl"><a href="index.php">Home</a></li>
	    <li><a href="login.php">Login</a></li>
	    <li><a href="register.php">Register</a></li>
	    <li><a href="gallery.php">Gallery</a></li>
    </ul>

โค้ดแบบด้านบนคือ ปุ่ม Home จะถูกไฮไลต์เอาไว้ให้รู้ว่าอยู่หน้า Home
ถ้ากดไปหน้า Login ก็จะให้มันย้ายไปไฮไลต์ปุ่ม Login แทน

แต่ปัญหาคือ ผมต้อง manual code สำหรับหน้า login ใหม่เป็น

โค้ด เลือกทั้งหมด

<ul class="menu">
	    <li><a href="index.php">Home</a></li>
	    <li class="menu-hl"><a href="login.php">Login</a></li>
	    <li><a href="register.php">Register</a></li>
	    <li><a href="gallery.php">Gallery</a></li>
    </ul>

แบบนี้มีวิธีที่ง่ายกว่ามั้ยครับ แบบว่าให้มันรู้ตัวมันเอง ว่าตอนนี้อยู่หน้า home แล้วต้องไฮไลต์ปุ่ม Home

มันแก้ได้ด้วยวิธี CSS หรือ PHP มั้ยครับ (เช่น get url มาเทียบไรเงียะ ทำได้มั้ยครับ)

ณัฏฐ์ · 26 ก.พ. 2011, 21:19 น.

มารอบฟังด้วยคน
งานที่ส่งไปแก้ทุกหน้าเลย