|
|
|
ขอถามเรื่อง CSS Active บนเมนู กับ masterpage ครับ........... |
|
|
|
|
|
|
|
คุณเอา CSS include ที่ content page หรือเปล่า ถ้าใช่ก้อ error ละค่ะ
CSS include เข้าไปที่ master page จะถูกต้องกว่าค่ะ
ทีนี้ไม่ว่า contents page จะอยู่ที่ไหนก็เรียกใช้ CSS ผ่าน MASTER PAGE ได้ถูกต้องค่ะ
|
|
|
|
|
Date :
2010-09-14 10:42:27 |
By :
blurEyes |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผม Include ที่ masterpage ครับผม
ปัญหาของผมคือมันไม่ Error ครับ เพียงแค่ว่า มันไม่แสดงผลอย่างที่ผมต้องการ
ที่ผมต้องการคือ ยกตัวอย่างเช่น ให้เวลาที่ Link นั้น Active อยู่ เปลี่ยนเป็น สี แดง
ส่วนลิงค์อื่นๆเป็นสีเขียวเหมือนเดิมแบบนี้ผมจะทำยังไงครับ ถ้าเป็นแบบที่ไม่ใช้ mastepage มันทำได้
แต่พอเป็น masterpage แล้วมันกลับทำไม่ได้น่ะครับ
ขอบคุณมากครับ
|
|
|
|
|
Date :
2010-09-15 03:23:17 |
By :
13crowns |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เข้าใจมั้ย ครับ
|
|
|
|
|
Date :
2010-09-16 02:47:05 |
By :
13crowns |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใช้ masterpage มาจะครบปีแล้ว
ก้อกำหนด link ได้จะเปลี่ยนสี mouseover ตรงนี้ click แล้วจะฟ้า ตรงนั้นจะเหลืองได้ค่ะ
คุณนั่นแหละที่ไม่เข้าใจอะค่ะ
อันนี้ขึ้นโครงเวปด้วย Artisteer 2.6 มีทั้ง เมนูสารพัดค่ะ
Code (ASP)
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>
<asp:ContentPlaceHolder ID="TitleContentPlaceHolder" runat="server">
</asp:ContentPlaceHolder>
</title>
<!--[if IE 6]><link rel="stylesheet" href="~/style.ie6.css" type="text/Css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="~/style.ie7.css" type="text/Css" media="screen" /><![endif]-->
<asp:ContentPlaceHolder ID="ScriptIncludePlaceHolder" runat="server">
<script type="text/javascript" src="<%= ResolveUrl("~/script.js") %>"></script>
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server">
</asp:ScriptManager>
<div class="PageBackgroundGlare">
<div class="PageBackgroundGlareImage">
</div>
</div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-tl">
</div>
<div class="Sheet-tr">
</div>
<div class="Sheet-bl">
</div>
<div class="Sheet-br">
</div>
<div class="Sheet-tc">
</div>
<div class="Sheet-bc">
</div>
<div class="Sheet-cl">
</div>
<div class="Sheet-cr">
</div>
<div class="Sheet-cc">
</div>
<div class="Sheet-body">
<%--<div class="nav">
<div class="l">
</div>
<div class="r">
</div>
<asp:ContentPlaceHolder ID="MenuContentPlaceHolder" runat="server">
</asp:ContentPlaceHolder>
</div>--%>
<div class="Header">
<div class="Header-jpeg">
</div>
<asp:ContentPlaceHolder ID="HeaderContentPlaceHolder" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="MenuSection" style="height: 30px; font-family: Tahoma; font-size: 20px;">
<asp:ContentPlaceHolder ID="MenuContentPlaceHolder" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="HeaderUnderLine">
</div>
<div class="contentLayout">
<div class="content">
<asp:ContentPlaceHolder ID="SheetContentPlaceHolder" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="sidebar1">
<asp:ContentPlaceHolder ID="Sidebar1ContentPlaceHolder" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
<div class="cleared">
</div>
<div class="Footer">
<div class="Footer-inner">
<a href="#" class="rss-tag-icon" title="RSS"></a>
<div class="Footer-text">
<p>
<a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>
| <a href="#">Privacy Statement</a><br />
Copyright © 2009 ---. All Rights Reserved.</p>
</div>
</div>
<div class="Footer-background">
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
CSS
Code (C#)
.PageBackgroundGlareImage
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+GetStyleUrl()+"images/Page-BgGlare.png',sizingMethod='crop')");
}
img
{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = GetStyleUrl()+"images/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
/* end Page */
/* begin Box, Sheet */
.Sheet, .Sheet-body
{
zoom:1;
}
.Sheet-body
{
position:static;
}
.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl
{
font-size: 1px;
background: none;
}
.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl
{
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-s.png',sizingMethod='scale')");
}
.Sheet-tl
{
clip: rect(auto 18px 18px auto);
}
.Sheet-tr
{
left: expression(this.parentNode.offsetWidth-36+'px');
clip: rect(auto auto 18px 18px);
}
.Sheet-bl
{
top: expression(this.parentNode.offsetHeight-36+'px');
clip: rect(18px 18px auto auto);
}
.Sheet-br
{
top: expression(this.parentNode.offsetHeight-36+'px');
left: expression(this.parentNode.offsetWidth-36+'px');
clip: rect(18px auto auto 18px);
}
...
...
|
ประวัติการแก้ไข 2010-09-16 03:01:03
|
|
|
|
Date :
2010-09-16 02:58:08 |
By :
blurEyes |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
หว่าย เจอแบบนี้ งงเป็นไก่ตาแตกเลยครับ เอ๊ะหรือว่าผมต้องทำ
เมนูข้างบนเป็น Contentplaceholder แล้วไปปรับแก้ ที่หน้า Content ทีละอันดี
ตอนนี้ของผมเวลา mouseover มันใช้ได้ปกตินะครับ แต่เวลา ที่มัน Active อยู่มันกลับใช้ไม่ได้
Go to : ASP.NET Master Page
|
|
|
|
|
Date :
2010-09-16 11:48:49 |
By :
13crowns |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|