Where did you store the image that you´re trying to display. Did it comes from Umbraco Media Library or did you the image in a folder beside the umbraco folder struture.
How did you insert the image? is the path hard coded into a template or is it being added in a Razor file or XSLT file.?.
Based on your code I assume that you have a folder called images and the folder is located in the Umbraco file structure, so it´s located beside the css app_data masterpages folder and so on.
If so you could do it like this <img alt="" class="style1" src="/images/photo2.jpg" />. And if you have your css files located in the css that comes with Umbraco I recommend you to do it like this:
media images
hi
i am trying to display the image
<img alt="" class="style1" src="images/photo2.jpg" /></td>
not able to display the image.
Thanks.
Hi San,
Where did you store the image that you´re trying to display. Did it comes from Umbraco Media Library or did you the image in a folder beside the umbraco folder struture.
How did you insert the image? is the path hard coded into a template or is it being added in a Razor file or XSLT file.?.
Looking forward to hear from you.
/Dennis
hi dennis
thanks for coming back to me.
in templates i created a floder text and my following script is:
<asp:Content ContentPlaceHolderID="ContentPlaceHolderDefault" runat="server">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<link href="layout.css" rel="Stylesheet" />
<style type="text/css">
.style1
{
width: 1661px;
}
.style2
{
width: 90%;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="nvbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Holiday Types</a></li>
<div class="sub1">
<ul>
<div class="arrow1"></div>
<li><a href="#">Classic Holidays</a></li>
<li><a href="#">Family Holidays</a></li>
<li><a href="#">Luxury Holidays</a></li>
<li><a href="#">Relaxed Holidays</a></li>
<li><a href="#">Wildlife Tours</a></li>
</ul>
</div>
<li class="@arvlist">
<a href="#">Destinations</a>
<div class="sub2">
<ul>
<div class="arrow2"></div>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia</a></li>
<li><a href="#">Australia</a></li>
<li><a href="#">North America</a></li>
<li><a href="#">Central America</a></li>
<li><a href="#">South America</a></li>
</ul></div>
<li><a href="#">Groups & Incentive Travel</a></li>
<li><a href="#">Brochures</a></li>
<li><a href="#">My Wishlist</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Blog</a></li>
</ul>
<table style="width: 20%; height: 250px;">
<tr>
<td>
</td>
<td class="style2">
<img alt="" class="style1" src="images/photo2.jpg" /></td>
</tr>
</table>
</div>
<p style="font-weight: 700">
Welcome to Jesper Hannibal.....</p>
<p style="font-weight: 700">
<span style="color: rgb(51, 51, 51); font-family: Arial; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec quam eu urna
convallis tristique. Nunc lobortis nulla aliquet dolor vehicula tincidunt.
Suspendisse potenti. Nullam quis justo id ipsum venenatis placerat. In dignissim
elementum urna quis molestie. Donec fermentum sem vel arcu volutpat non blandit
elit tempor. Quisque ultricies egestas ornare. Nullam vestibulum nibh quis mi
eleifend a bibendum lectus porttitor.</span></p>
<table class="style2">
<tr>
<td>
<asp:Label ID="LbFamily" runat="server" Text="Family Holidays"></asp:Label>
</td>
<td>
<asp:Label ID="LbAdventure" runat="server" Text="Adventure Holidays"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="LbEco" runat="server" Text="Eco Tours"></asp:Label>
</td>
<td>
<asp:Label ID="LbSafari" runat="server" Text="Safari Holidays"></asp:Label>
</td>
</tr>
</table>
</form>
</body>
</html>
</asp:Content>
thanks
san
Hi San,
Based on your code I assume that you have a folder called images and the folder is located in the Umbraco file structure, so it´s located beside the css app_data masterpages folder and so on.
If so you could do it like this <img alt="" class="style1" src="/images/photo2.jpg" />. And if you have your css files located in the css that comes with Umbraco I recommend you to do it like this:
<link href="/css/layout.css" rel="Stylesheet" />
Hope this helps,
/Dennis
thank you dennis,will try..
hi dennis
i am trying to display menustyles for my website
for your refrence:file:///C:/Users/chaitanya/Desktop/Untitled.png
i need the menu styles as i provided you as a reference.
and my code is:
<%@ Master Language="C#" MasterPageFile="~/umbraco/masterpages/default.master" AutoEventWireup="true" %>
<asp:Content ContentPlaceHolderID="ContentPlaceHolderDefault" runat="server">
<!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>Menu LevelMenuItemStyles and LevelSelectedStyles Example</title>
</head>
<body>
<form id="form1" runat="server">
<asp:menu id="NavigationMenu"
staticdisplaylevels="2"
staticsubmenuindent="10"
orientation="Horizontal"
target="_blank"
runat="server">
<levelmenuitemstyles>
<asp:menuitemstyle BackColor="#F0F8FF"
forecolor="Black" />
<asp:menuitemstyle BackColor="#B0C4DE" forecolor="Black"/>
<asp:menuitemstyle BackColor="#FF8C00"
forecolor="Black"/>
</levelmenuitemstyles>
<levelselectedstyles>
<asp:menuitemstyle BackColor="#8B0000"
forecolor="Gray"/>
<asp:menuitemstyle BackColor="#A52A2A"
forecolor="Gray"/>
<asp:menuitemstyle BackColor="#800000"
forecolor="Gray"/>
</levelselectedstyles>
<items>
<asp:menuitem text="Home"
tooltip="Home">
<asp:menuitem text="Destinations"
tooltip="Destinations">
<asp:menuitem text="Africa"
tooltip="Africa"/>
<asp:menuitem text="Asia"
tooltip="Asia"/>
<asp:menuitem text="Australia"
tooltip="Australia"/>
<asp:menuitem text="North America"
tooltip="North America"/>
<asp:menuitem text="Central America"
tooltip="Central America"/>
<asp:menuitem text="South America"
tooltip="South America"/>
</asp:menuitem>
<asp:menuitem text="Holiday Types"
tooltip="Holiday Types">
<asp:menuitem text="Classic Holidays"
tooltip="Classic Holidays"/>
<asp:menuitem text="Family Holidays"
tooltip="Family Holidays"/>
<asp:menuitem text="Luxury Holidays"
tooltip="Luxury Holidays"/>
<asp:menuitem text="Relaxed Holidays"
tooltip="Realxed Holidays"/>
<asp:menuitem text="Wildlife Tours"
tooltip="Wildlife Tours"/>
</asp:menuitem>
<asp:menuitem text="Groups & Incentive Travel"
tooltip="Groups & Incentive Travel">
</asp:menuitem>
<asp:menuitem text="Brochures"
tooltip="Brochures">
</asp:menuitem>
<asp:menuitem text="My Wishlist"
tooltip="My Wishlist">
</asp:menuitem>
<asp:menuitem text="About Us"
tooltip="About Us">
</asp:menuitem>
<asp:menuitem text="Contact Us"
tooltip="Contact Us">
</asp:menuitem>
<asp:menuitem text="Blog"
tooltip="Blog">
</asp:menuitem>
</asp:menuitem>
</items>
</asp:menu>
</form>
</body>
</html>
</asp:Content>
HOW TO I DISPLAY MENUITEMS IN THE MIDDLE OF MY IMAGE
thanks.
is working on a reply...