Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > Graphic for Web > Forum > รบกวนช่วยแก้ไข CSS ให้ทีครับท่านผู้รู้ พอดีไม่ค่อยถนัด CSS มากหนะครับรบกวนช่วยแก้โค้ด css ให้ที

รบกวนช่วยแก้ไข CSS ให้ทีครับท่านผู้รู้ พอดีไม่ค่อยถนัด CSS มากหนะครับรบกวนช่วยแก้โค้ด css ให้ที

เริ่มหัวข้อใหม่

tuntun

โพสกระทู้ ( 5 )
บทความ ( 0 )

พอดีไม่ค่อยถนัด CSS มากหนะครับรบกวนช่วยแก้โค้ด css ให้ที พอดีผมจะทำให้เวลาคลิกลิ้งค์ไปแล้วไฮไลท์จะเปลี่ยนไปตามที่คลิกครับ

สำหรับโค้ด Css ตามนี้ครับ
CSS

.mainmenu li{
display:block;
margin: 0;
padding-top:5px;
padding-bottom:5px;
/*border-top:1px #999999 solid;*/
border-bottom:1px #999999 solid;
}
.mainmenu li a{
text-decoration: none;
position: relative;
z-index: 1;
margin-right: 2px;
color:#333333;
}
.mainmenu li a:visited{
color:#333333;
}
.mainmenu li a:hover{
color:#666666;
text-decoration:none;
/*background-image:url(../images/layout/menuhibg.png);*/
}
.mainmenu li.selected{ /*selected main tab style */
position: relative;
top: 1px;
}
.mainmenu li.selected{ /*selected main tab style */
background-image:url(../images/layout/menuhibg.png);
}
.mainmenu li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

รบกวนด้วยนะครับ ขอบพระคุณล่วงหน้าครับ

Tag : - - - -

Date : 2009-12-11 14:08:24

By : cena1310

View : 1566

Reply : 3

No. 1

^-^

โพสกระทู้ ( 681 )
บทความ ( 0 )

ต้องใส่ id ให้มันที่ html ด้วยปะคับ
มันจะได้รู้ว่าเป็นของตัวไหน

Date : 2009-12-11 14:28:37

By : nottpoo

No. 2

debutant

โพสกระทู้ ( 59 )
บทความ ( 0 )

ยกตัวอย่างของคุณน่ะครับว่ามี menu ประมาณนี้ ใน caseที่คุณเขียนเป็น html น่ะครับ ถ้าเป็น php ก็ทำให้มันอัตโนมัติได้แต่ไม่พูดถึงในจุดนี้ครับ

แก้ไขในส่วนของ html ก็พอแล้วครับ เหลือแค่เรียก <li class="selected"> ให้ถูกกับหน้าที่เราอยู่เองครับ

ตัวอย่าง Code HTML
Code HTML หน้า home.html

<ul class="mainmenu">
<li class="selected">Home</li>
<li><a href="our-services.html">Our Services</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

Code HTML หน้า our-services.html

<ul class="mainmenu">
<li><a href="home.html">Home</a></li>
<li class="selected">Our Services</li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

Date : 2009-12-11 17:58:46

By : debutant

No. 3

peterXP

โพสกระทู้ ( 875 )
บทความ ( 1 )

Code (PHP)

.mainmenu li.selected{ /*selected main tab style */
background-image:url(../images/layout/menuhibg.png);
}

.mainmenu แสดงว่าเป็น class

ใส่รูปไปตาม url หรือยังครับ

Date : 2009-12-16 21:54:21

By : peterxp

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : รบกวนช่วยแก้ไข CSS ให้ทีครับท่านผู้รู้ พอดีไม่ค่อยถนัด CSS มากหนะครับรบกวนช่วยแก้โค้ด css ให้ที

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ