maroommatum

เริ่มต้นลองแก้ไข CSS เมื่อวันที่ 11 ผลออกมาเละ

ทดลองใหม่หลายรอบ ก้อเละ

วันนี้ค่อยดูได้ ใส่ดอกเดซี่ได้แล้ว ( แก้ไขตามด้านล่าง

/*แต่ละไอเท็มของแถบด้านข้าง*/
.sidebar-item li{
background-repeat: no-repeat;
list-style-type: none;
margin:0px 5px 0px 10px;
padding:0px 0px 0px 15px;
background-image: url(http://maroommatum.exteen.com/images/NEW/0179_daisy.png);
background-position:0px 2px;
}

แต่พระอาทิตย์ยังไม่ยอมโผล่เลย สงสัยฟ้าคงมัวไปตลอด ยังไม่รู้ว่าต้องทำอะไรกับ padding ??? งงมากๆ แก้แล้ว โผล่แต่อันแรกแต่ไม่ยอมเต็มดวง อันอื่นๆ โผล่นิดเดียว ไม่รู้ว่าต้องปรับอะไร ใครแวะมาอ่านแล้วพอจะรู้วิธีแก้ ช่วยบอกด้วยแล้วกันค่ะ

ปัญหาการแก้ไข CSS - Padding ???

/* หัวข้อ entry จะให้เป็นรูปอะไร เซ็ต padding ตัวสุดท้ายตามความกว้างของรูป */
.entrytitle a:link, .entrytitle a:visited, .entrytitle a:hover{
background-image: url(http://maroommatum.exteen.com/images/NEW/mini060.gif);
background-repeat: no-repeat;
background-position: left top;
padding:0px 120px 0px 16px;
font-size: 12px;
text-decoration:none;
font-weight:bold;
color:#F47E00;
border:0px;
}

ทำไม๊ ทำไมไอ้ธีมอันใหม่ที่เลือกไม่โผล่ ต้องเป็นอันเก่าก่อนหน้านี้ และต้องเสียเวลามากด รีเฟรช ไม่ก้อเอฟห้าตลอด ไม่เข้าใจจริงๆ :(

edit @ 2007/05/13 11:48:36
ขอบคุณสำหรับคำแนะนำค่ะ :)

ตอนนี้ลองแ้ก้ไขฟ้อนท์เพิ่ม
padding:0px 500px 0px 100px;
font-size: 50px;

ผลเลยออกมาเป็นแบบนี้

ตัวหนังสือใหญ่ม๊ากมาก ดูเหมือนประชดซะไม่มี เดี๋ยวจะไปจัดการใหม่ :)

edit @ 2007/05/13 12:09:38

สำเร็จแล้วค่ะ หลังจากทดลองปรับหลายรอบมากๆๆ เลยลองทำตามคุณโอ๊คตาโตแนะนำ ผลออกมากำลังสวยเลยค่ะ ดูตัวที่แก้ด้านล่างค่ะ

/* หัวข้อ entry จะให้เป็นรูปอะไร เซ็ต padding ตัวสุดท้ายตามความกว้างของรูป */
.entrytitle a:link, .entrytitle a:visited, .entrytitle a:hover{
background-image: url(http://maroommatum.exteen.com/images/NEW/mini060.gif);
background-repeat: no-repeat;
background-position: left top;
padding:0px 0px 0px 100px;
font-size: 25px;
text-decoration:none;
font-weight:bold;
color:#F47E00;
border:0px;
height: 50px;
}

edit @ 2007/05/13 12:56:21