Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • san 30 posts 51 karma points
    Jan 22, 2014 @ 13:23
    san
    0

    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.

     

  • Dennis Aaen 4500 posts 18255 karma points admin hq c-trib
    Jan 22, 2014 @ 13:56
    Dennis Aaen
    0

    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

  • san 30 posts 51 karma points
    Jan 22, 2014 @ 15:19
    san
    0

    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>

            &nbsp;</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

     

  • Dennis Aaen 4500 posts 18255 karma points admin hq c-trib
    Jan 22, 2014 @ 15:35
    Dennis Aaen
    0

    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

  • san 30 posts 51 karma points
    Jan 22, 2014 @ 16:02
    san
    0

    thank you dennis,will try..

  • san 30 posts 51 karma points
    Jan 24, 2014 @ 10:31
    san
    0

    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.

     

Please Sign in or register to post replies

Write your reply to:

Draft