BBQMemphis
asked on
Master Page Content place holder with I background image
I am trying to add a background image to one or my contentplaceholder and it is not working what am I doing wrong.
<div style ="background-image: url('~/media/images/OFFROA DBACKGROUN D.png');" >
See code below
Thanks in advance for you help
<div style ="background-image: url('~/media/images/OFFROA
See code below
Thanks in advance for you help
<%@ Page Language="C#" MasterPageFile="~/media/master/k4Secondary.master" AutoEventWireup="true" CodeFile="offRoad.aspx.cs" Inherits="offRoad" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div style ="background-image: url('~/media/images/OFFROADBACKGROUND.png');" >
<asp
<style type="text/css">
.Green
{
font: bold 14pt arial;
color: Green;
}
.Red
{
font: bold 14pt arial;
color: #ed1c24;
}
.StepName
{
font: bold 20pt atial;
color: Black;
}
li.steps
{
padding-bottom: 10px;
list-style-image: none;
}
</style>
<div style="height: 259px">
<asp:Image ID="Image1" runat="server" ImageUrl="~/media/images/QuoteBox.gif"
align="Left" hspace="10" vspace="10" Height="239px" Width="256px" />
<p style="font-size: 13pt;padding-left:15px;text-align: left; height: 226px;">
<br />
Here at we do more than just tires. We offer a complete line of Jeep or Truck Lift Kits, Springs, Shocks, Leveling Kits and much more.
Tire wants to handle all your Truck and Jeep susemsion needs. We carry all top brands for your truck and Jeep needs including but not limited to
Pro Comp, Fabtech, Rancho, Super Lift, RCD, Daystar, Truxxx, Ready Lift, Fox, King, Edelbrock, Rize, Bilstien, Air LIft, Sky Jacker,
and many others. Tell us about your needs for a preformance lift upgrade and WE Will do the rest!
</p>
<br/><br/>
</div>
<br/><br/>
<br/><br/>
<p>
<asp:Image ID="Image2" runat="server" ImageUrl="~/media/images/AIRLIFT.gif"
align="Left" hspace="0" vspace="0" Width="130px" />
<asp:Image ID="Image4" runat="server" ImageUrl="~/media/images/Daystar.gif"
align="Left" hspace="0" vspace="0" Height="76px" Width="214px" />
<asp:Image ID="Image13" runat="server" ImageUrl="~/media/images/CST.gif"
align="Left" hspace="0" vspace="0" Height="108px" />
<asp:Image ID="Image10" runat="server" ImageUrl="~/media/images/SkyJacker.gif" align="Center" hspace="10" vspace="10" />
<asp:Image ID="Image6" runat="server" ImageUrl="~/media/images/ProComp.gif" align="Left" hspace="10" vspace="10" />
<br />
<asp:Image ID="Image5" runat="server" ImageUrl="~/media/images/Fox.gif" align="Right" hspace="10" vspace="10" />
<asp:Image ID="Image7" runat="server" ImageUrl="~/media/images/RCD.gif" align="Center" hspace="10" vspace="10" />
<br />
<asp:Image ID="Image8" runat="server" ImageUrl="~/media/images/Fabtech.gif" align="Right" hspace="10" vspace="10" />
<asp:Image ID="Image9" runat="server" ImageUrl="~/media/images/Rize.gif" align="Left" hspace="10" vspace="10" />
<br />
<asp:Image ID="Image11" runat="server" ImageUrl="~/media/images/SuperLift.gif" align="Right" hspace="10" vspace="10" />
<asp:Image ID="Image12" runat="server" ImageUrl="~/media/images/TRUXXX.gif" align="Left" hspace="10" vspace="10" />
</p>
</div>
</asp:Content>
try this:-
<div style ="background-image: url('<%="~/media/images/OFFROADBACKGROUND.png" %>');" >
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Use a relative path without using ~ if possible or use an absolute path.
If the content page is in the root of your website you would use :
<div style ="background-image: url('/media/images/OFFROAD
alternatively you could turn your div into a servercontrol :
<div style ="background-image: url('~/media/images/OFFROA