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

[icez]

PHP Notice: $xxxxx not defined <--- ระวัง error นี้นะครับ


เกิดกรณีเพราะอะไรอะครับไอซ์

ไม่เคยประกาศตัวแปร แต่ดันพยายามไปอ่านค่ามัน


ปกติถ้าอยู่บน host มันจะไม่แสดง error บนหน้าเว็บ แต่จะเก็บลง error log ครับ

[หนุ่ม]

ขอบคุณครับ

[Rabbitinblack]

งั้นแบบนี้ถ้าประกาศทุกหน้า สำหรับทุกตัวแปรก็ไม่เป็นไรใช่มั้ย

[Earthchie]

ไม่เคยประกาศตัวแปร แต่ดันพยายามไปอ่านค่ามัน


ปกติถ้าอยู่บน host มันจะไม่แสดง error บนหน้าเว็บ แต่จะเก็บลง error log ครับ

แสดงว่าตอนนี้ผมทำ log รกไปเยอะแล้ว 

[icez]

งั้นแบบนี้ถ้าประกาศทุกหน้า สำหรับทุกตัวแปรก็ไม่เป็นไรใช่มั้ย

ประกาศ
$page = 'index';


แล้วไป check
if ($page == 'index')
อย่างนี้ไม่ดีกว่าเหรอครับ

[Rabbitinblack]

  ผมไม่รู้ครับ ถามไว้ก่อน

[Earthchie]

มีเรื่องมาปรึกษาอีกแล้วครับ  

คือว่า รูปมันลอยหมดเลย



ที่อยากได้คือ ให้พื้นสีขาว มันคลุมลงมาที่รูปด้วย

อันนี้เป็นโค้ดคร่าวๆครับ
(เฉพาะตรง area ขาวๆ ที่มีคำว่า Test Test Test อยู่น่ะครับ)

โค้ด เลือกทั้งหมด ขยายเนื้อหา


<div class="content">
<div class="photoframe">
<span></span>
<img src="1.jpg" />
</div>
<div class="photoframe">
<span></span>
<img src="2.jpg" />
</div>
<div class="photoframe">
<span></span>
<img src="2.jpg" />
</div>
</div>


อันนี้เป็น css ของคลาส content กับ photoframe ครับ

โค้ด เลือกทั้งหมด ขยายเนื้อหา


.content {
width:900px;
height:auto;
padding:10px;
background-color:#FFF;
margin-left:auto;
margin-right:auto;
margin-top:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow:0px 1px 2px #333;
-moz-box-shadow:0px 1px 2px #333;
box-shadow:0px 1px 2px #333;
}

.photoframe {
margin: 30px;
position: relative;
width: 180px;
height: 130px;
float: left;
}

.photoframe a {
text-decoration: none;
}

.photoframe img {
background: #fff;
border: solid 1px #ccc;
padding: 4px;
}

.photoframe span {
width: 20px;
height: 18px;
display: block;
position: absolute;
top: 12px;
left: 12px;
}




คลาส content ผมคงกำหนดความสูงให้ไม่ได้ เพราะใช้หลายหน้า

แก้ไขยังไงได้บ้างครับ

ป.ล. ผมไม่ได้ทำ css เอง มันมากับเทมเพลต เขียน css ไม่เป็นด้วย พออ่าน+เดาได้  

[iannnnn]

ถ้าจะให้ดีต้องรอจานบิ๊กมาตอบ


แล้วก็จะถามเรื่องการ clearfix ที่คุยกะพี่เม่นด้วย
ที่ว่าเป็นวิธีใหม่อะไรนั่นน่ะ ทำไงเหรอ

[icez]

โค้ด เลือกทั้งหมด ขยายเนื้อหา

<div class="content">
<div class="photoframe">
<span></span>
<img src="1.jpg" />
</div>
<div class="photoframe">
<span></span>
<img src="2.jpg" />
</div>
<div class="photoframe">
<span></span>
<img src="2.jpg" />
</div>
<div style="clear:both;"></div>
</div>

[Earthchie]

ขอบคุณครับ

เพิ่มไปบรรทัดเดียว ทุกอย่างเพอร์เฟคทันที 

[หนุ่ม]

เพิ่ม overflow : hidden ใน .content ก็ได้

อันนี้น่าจะเป็นวิธีที่ใหม่ล่ะแอน
รอจานบิ๊กมาอธิบาย

[Rabbitinblack]

เปล่า มันไม่ใช่วิธีใหม่อะไร

ก็ให้ใส่ overflow:hidden; ใน class="content" นั่นละ

แต่มันต้องพิจารณาด้วยว่า ในบางครั้งใช้ overflow:hidden; แล้วเกิดเราอยากใช้พวก dropdown ซึ่งมันจะเกินพื้นที่เรากำหนด

มันก็จะกลายเป็นว่า เราจะไม่เห็นตัว dropdown ตัวนั้น เพราะโดน overflow:hidden; ไป

ดังนั้นถ้าเป็นกรณีแบบนี้ ก็แนะนำให้ใช้ clearfix เอาครับ

[iannnnn]

อ้าว ก็คิดว่ามีอะไร เห็นท่าทางคุยกันลึกลับ
ถ้างี้ตูใช้ hidden อยู่แล้วเพราะไม่ชอบให้มีก้อนอะไรที่เราไม่ได้อยากให้มีใน HTML งอกมาเกินๆ น่ะ

[Rabbitinblack]

ไม่มีอะไรลึกลับ แต่แค่ยังมีบางคนไม่รู้ว่า overflow:hidden สามารถแก้ปัญหานี้ได้อย่างง่าย ๆ

ไม่ใช่แค่ overflow:hidden; นะ ใช้ overflow:auto; ก็ได้เหมือนกัน

[ณัฏฐ์]

ถามครับ

ถ้าไม่ใช้ php จะโปรแกรมมิ่งแบบดูง่ายๆ ลงใน html ยังไงได้มั่งอะครับ

เช่นอยากสร้าง div หน้าตาเหมือนๆ กันซัก 100 อัน
ทำยังไงให้สร้างอะไรประมาณนี้ได้

โค้ด เลือกทั้งหมด ขยายเนื้อหา


for(int i=0;i<100;i++) <img src="Math.floor(Math.random()).gif">


อันนี้สมมติน่ะครับ
jQuery รึเปล่า