Forgot Password ??

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

	Registered : 109,027

HOME > .NET Framework > Forum > เรื่องการนำ css มาใช้กับ asp.net ครับ ทำ ไม่เป็นแนะนำหน่อย ครับเป็น vdo+รูป+code คำถามครับ

เรื่องการนำ css มาใช้กับ asp.net ครับ ทำ ไม่เป็นแนะนำหน่อย ครับเป็น vdo+รูป+code คำถามครับ

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

vii5ri

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

เป็น vdo คำ ถามครับ ไม่รู้ว่าจะเขียนอธิบายยังไง เลยทำเป็น vdo คำถาม ครับ Link คำถามครับ http://youtu.be/4ybjE3qeLEc
ไม่รู้ว่าทำตรงไหนคับ

--------

Code (ASP)

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="MaHelpMe.Site1" %>

<!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">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style4
        {
            width: 850px;
            height: 169px;
        }
        .style5
        {
            width: 59px;
        }
    </style>
</head>
<body>
<form id="form1" runat="server">
    <div>
        <table class="style1">
                <tr>
                    <td colspan="3" align="center" 
                        style="border-bottom-style: groove; border-width: thin; color: #008000; font-size: 37px;">
                        Ma Help Me +<br />
                        <img alt="" class="style4" src="img1_src_3139727.jpg" /><br />
                        <br />
                    </td>
                </tr>
                <tr>
                    <td colspan="3" align="center" 
                        style="border-bottom-style: groove; border-width: thin; color: #008000; font-size: 37px;">
                       <h2>Menu 8</h2>
         <div id="menu8">
            <ul>
                <li><a href="">
                        <span class="title">About</span>
                        <span class="text">Who we are</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Portfolio</span>
                        <span class="text">What we do</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Blog</span>
                        <span class="text">What we talk about</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Contact</span>
                        <span class="text">How to get in touch</span>
                    </a>
                </li>
            </ul>
        </div></td>
                </tr>
                <tr>
                    <td class="style5" style="border-right-style: groove; border-width: thin">
                        <asp:Menu ID="Menu1" runat="server" StaticSubMenuIndent="16px">
                            <Items>
                                <asp:MenuItem NavigateUrl="~/WebForm1.aspx" Text="หน้าแรก" Value="หน้าแรก">
                                </asp:MenuItem>
                                <asp:MenuItem Text="สมัคสมาชิก" Value="สมัคสมาชิก"></asp:MenuItem>
                                <asp:MenuItem Text="คำร้องขอ" Value="คำร้องขอ"></asp:MenuItem>
                            </Items>
                        </asp:Menu>
                        <table class="style1">
                        </table>
                        <br />
                    </td>
                    <td>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        
            
        
        </asp:ContentPlaceHolder>
                    </td>
                    <td>
                        &nbsp;</td>
                </tr>
            </table>
    </div>
    </form>
</body>
</html>

เว้บที่ไป เอา โคดมาครับ http://tympanus.net/codrops/2010/01/31/fresh-set-of-css-only-menus/
css code

#menu8 ul {
    list-style:none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 44px;
    letter-spacing: -2px;
    line-height: 1.2em;
    float:left;
    clear:both;
    margin:20px;
    border:5px solid #fff;
}
#menu8 ul li{
    float:left;
}
#menu8 ul li a{
    display:block;
    text-decoration:none;
    padding:5px 10px 5px 10px;
    background-color:#fff;
    width:170px;
    border-left:6px solid #888; 
}
#menu8 ul li a span{
    display:block;
}
#menu8 ul li a span.title{
    color:#888;
}
#menu8 ul li a:hover{
    border-left:6px solid #000;
}
#menu8 ul li a:hover span.title{
    color:#df246f;

}
#menu8 ul li a span.text{
    padding:0px 5px;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    visibility:hidden;
    color:#df246f;
    text-align:right;
    border-top:5px solid #000;
}
#menu8 ul li a:hover span.text{
    visibility:visible;
}

รูปหน้าเว็บที่ดูตลกๆ รูปเว็บ

แนะนำหน่อย ครับ ASP.net ครับบบ

Tag : ASP.NET Web (ASP.NET), Windows

ประวัติการแก้ไข
2012-09-30 03:05:22
2012-09-30 03:07:50

Date : 2012-09-30 03:01:35

By : kyokohoho

View : 5611

Reply : 5

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ผมว่าปัญหานี้คุณน่าจะเรียก Path CSS ไม่ถูกเท่านั้นครับ

Date : 2012-09-30 09:32:19

By : mr.win

No. 2

vii5ri

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

แนะนำหน่อยครับ หรือขอตัวอย่าง Path CSS ใช้ กับ ASP.net

Date : 2012-09-30 09:39:53

By : kyokohoho

No. 3

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Quote:
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />

ลองปรับ ๆ ตัวนี้ดูครับ

Date : 2012-09-30 09:47:56

By : mr.win

No. 4

vii5ri

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

จน ปันญาจิงๆครับ ทำไง ก้ ไม่ มา คนไม่รู้ นี้ มอง ไป ทางไหร ก้ มืด 8 ด้าน

กกกกกกกกกกกก

Date : 2012-09-30 10:11:18

By : kyokohoho

No. 5

mashi

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

ลอง แบบนี้ดูครับ ถ้า ไฟล์ CSS อยู่คนละ Folder กับ Files งาน

Quote:
<link href="../Styles/Site.css" rel="stylesheet" type="text/css" />

ประวัติการแก้ไข
2012-10-01 01:58:29

Date : 2012-10-01 01:53:44

By : mashiplay

ค้นหาข้อมูล

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

Re : เรื่องการนำ css มาใช้กับ asp.net ครับ ทำ ไม่เป็นแนะนำหน่อย ครับเป็น vdo+รูป+code คำถามครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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