Nested Masterpages doesnt show images on third level
I have a problem!
I have created a main Masterpage that contain some images, from that masterpage I've nested to another masterpage.
If I create a page using the nested masterpage template on top level and second level the pictures are in the page but if I create a page under the second level the images from the main masterpage is not shown.
Firstpage.aspx = Images OK
Secondpage_UnderFirstPage.aspx = Images OK
Thirdpage_UnderSecondPage.aspx = Images Not OK
Im not sure if the problem lays in the CSS or in the Template
Oh Sorry, thank you for fast answer, the image in the nested page gets in place, its the "hardcoded path" images in the main masterpage which are not viewed for example <img src="Masterpages/Ram_Vanster.jpg" width="97" height="850" />.
If I view the source code of a page on the third level I can see that the path to the image is in place in the page, but the image is not viewed in the browser.
I've noticed when I compare the source code from first and second level
Instead of <link href="~/css/BIT_css.css" rel="stylesheet" type="text/css" /> you should use <link href="/css/BIT_css.css" rel="stylesheet" type="text/css" /> (your CSS file is located in the CSS folder in the root folder, right?)
And then also make absolute path for the images adding / as the first thing in the path. Like <img src="/Masterpages/Ram_Vanster.jpg" width="97" height="850" />
Nested Masterpages doesnt show images on third level
I have a problem!
I have created a main Masterpage that contain some images, from that masterpage I've nested to another masterpage.
If I create a page using the nested masterpage template on top level and second level the pictures are in the page but if I create a page under the second level the images from the main masterpage is not shown.
Firstpage.aspx = Images OK
Secondpage_UnderFirstPage.aspx = Images OK
Thirdpage_UnderSecondPage.aspx = Images Not OK
Im not sure if the problem lays in the CSS or in the Template
Thanks in advance
Best Regards
Carl from Sweden
This is the code:
__________________________________________________________
Main Masterpage
<%@ Master Language="C#" AutoEventWireup="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server" >
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="~/css/BIT_css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="div_main">
<div class="div_left_tab">
<img src="Masterpages/Ram_Vanster.jpg" width="97" height="850" />
</div>
<div class="div_top_tab">
<img src="Masterpages/Ram_Top.jpg" width="556" height="83" />
</div>
<div class="div_right_tab">
<img src="Masterpages/Ram_hoger.jpg" width="97" height="850" />
</div>
<div class="div_logo_tab">
<img src="Masterpages/Logo.jpg" width="94" height="21" />
</div>
<div class="div_link_tab">
<a href="/home.aspx">HOME</a><umbraco:Macro Alias="BIT_top_navigation" runat="server"></umbraco:Macro>
</div>
<div class="div_bild_tab">
<asp:Contentplaceholder id="Photo" runat="server" >
</asp:Contentplaceholder>
</div>
<div class="div_left_text_tab">
<asp:Contentplaceholder id="Main" runat="server" >
</asp:Contentplaceholder>
</div>
<div class="div_right_text_tab">
<asp:Contentplaceholder id="Sub" runat="server" >
<BIT_large_body_style>
<br/>
</BIT_large_body_style>
</asp:Contentplaceholder>
</div>
</div>
</body>
</html>
________________________________________________________________________
And the nested masterpage
<%@ Master Language="C#" MasterPageFile="~/masterpages/BIT_Main.master" AutoEventWireup="true" %>
<asp:Content ContentPlaceHolderID="Photo" runat="server" >
<img src='<umbraco:Item field="photo" runat="server"></umbraco:Item>'/>
</asp:Content>
<asp:Content ContentPlaceHolderID="Main" runat="server" >
<umbraco:Item runat="server" field="bodyText"/>
</asp:Content>
<asp:Content ContentPlaceHolderID="Sub" runat="server" >
</asp:Content>
Hi Carl
What images does not get listed?
Those you refer to in the nested template? Or those you're referncing with the hardcoded path?
If it's in the nested template then try adding recursive="true" to your umbraco:Item declaration so it looks like this:
<img src='<umbraco:Item field="photo" runat="server" recursive="true"></umbraco:Item>'/>
Hope this helps.
/Jan
Oh Sorry, thank you for fast answer, the image in the nested page gets in place, its the "hardcoded path" images in the main masterpage which are not viewed for example <img src="Masterpages/Ram_Vanster.jpg" width="97" height="850" />.
If I view the source code of a page on the third level I can see that the path to the image is in place in the page, but the image is not viewed in the browser.
I've noticed when I compare the source code from first and second level
but on the third level
I dont know if this means anything.
Hi Carl
I had a suspicion that was the real issue...
Ok, this should be simple to fix.
Instead of <link href="~/css/BIT_css.css" rel="stylesheet" type="text/css" /> you should use <link href="/css/BIT_css.css" rel="stylesheet" type="text/css" /> (your CSS file is located in the CSS folder in the root folder, right?)
And then also make absolute path for the images adding / as the first thing in the path. Like <img src="/Masterpages/Ram_Vanster.jpg" width="97" height="850" />
This should help.
/Jan
That worked! Thanks alot!
//Carl
is working on a reply...