2013-11-20 22 views
2

當前,我的所有網絡表單文件(.aspx)都位於我的項目(VS 2012)的根文件夾中。使用母版頁子文件夾中的Webform

我創建了一個新的文件夾名稱「」,並使用母版頁添加了一個新的WebForm(WebForm1)。當我運行這個頁面,其地址爲localhost:49217 /頁/ WebForm1.aspx的這是正確的,問題是:

  • 目前已添加的單詞「頁」,例如所有鏈接正確的鏈接應該是localhost:49217/Contact.aspx現在變成了:本地主機:49217/ /Contact.aspx

  • 的CSS看起來很怪異,那種缺少一些CSS文件(路徑是錯誤的)。

在母版頁的CSS代碼,CSS文件都在CSS文件夾:

<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> 
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> 
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> 

如果我的根文件夾中添加一個新的Web窗體,一切都很好,但如果我這樣做,在一個子文件夾,一切都搞砸了。

編輯:

  1. CSS已定,感謝大家。

  2. 仍然在「頁面」不固定的,它是在所有環節添加(母版頁)

+2

向我們展示您在母版頁中引用CSS文件的位置。 – IrishChieftain

+0

@IrishChieftain:我在問題中加入了,你需要什麼? –

+1

我同意LilBiggs02,這是正常的,有網頁添加到URL。 – IrishChieftain

回答

8

當引用母版頁的內部樣式表或Java腳本文件,我通常會做以下幾點:

<link href="<%= ResolveUrl("~/css/reset.css") %>" rel="stylesheet" /> 
<script type="text/javascript" src='<%= ResolveUrl("~/js/master.js") %>'></script> 

如果你正在調試這會對您的地方,在一個虛擬目錄部署到Web服務器或者如果您部署到網站根目錄。

+0

感謝您的建議。你能幫助我的「頁面」部分,它已被添加到(主人)的所有鏈接 –

+0

請嘗試上面的代碼。如果您將子頁面移動到不同的子文件夾中,它將起作用。 –

+0

嘗試了你的代碼,它修復了CSS,但鏈接仍然被添加到「頁面」上。例如,母版頁(Product | Service | Contact ...)菜單上的所有鏈接都變爲:.../pages/product或.../pages/contact –

5

你的路徑是相對於當前目錄下,你需要給它們添加前綴一個斜槓,以便他們始終引用根目錄。像這樣:

<link rel="stylesheet" href="/css/reset.css" type="text/css" media="screen"> 
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen"> 
<link rel="stylesheet" href="/css/grid.css" type="text/css" media="screen"> 

您還必須對圖像路徑做同樣的事情。

+0

好吧,現在CSS看起來很好,但「頁面」仍然被添加到所有鏈接。你有什麼想法? –

相關問題