Welcome to WebmasterWorld Guest from 107.20.108.136

Forum Moderators: not2easy

Message Too Old, No Replies

Insert Image into CSS

     
3:58 pm on Dec 13, 2011 (gmt 0)

New User

joined:June 14, 2011
posts: 10
votes: 0


I am trying to add a line of code so that an image appears in my website's sidebar. I am editing the "SIDEBAR" section. I've included a copy of the code I'm using, the actual file path of the image source, and a copy of the css page's complete code from top to bottom.
Can anyone read this and tell me where my mistake is coming from? So far I am only getting it to acknowledge the ALT text but it omits the image....


My code looks like this:

<img src="sidebar-ad1.png"; alt="New art is added daily! Don't forget to browse our templates for the newest in trends, styles and seasonal designs." />


***NOTE - FILE PATH IF NEEDED***
('App_Themes/Peacock/img/sidebar-ad1.png')

___________________________
ACTUAL FULL CODE FROM CSS:


<%@ Master Language="VB" MasterPageFile="~/PrintnowDisplay.Master" AutoEventWireup="false" CodeBehind="PrintnowHomeDisplay.master.vb" Inherits="Printnow.PrintnowHomeDisplay" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cpHead" runat="server">
<asp:ContentPlaceHolder ID="cpHead" runat="server" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpMainBody" runat="server">
<div class="maincontenthome">
<asp:Panel ID="pnlBanner" runat="server">
<asp:ContentPlaceHolder ID="cpBannerContent" runat="server" />
</asp:Panel>
<asp:Panel ID="pnlMainContent" runat="server" CssClass="homecontent">
<asp:ContentPlaceHolder ID="cpMainContent" runat="server" />
</asp:Panel>
</div>
<asp:Panel ID="pnlSidebar" runat="server" CssClass="sidebar">
<asp:ContentPlaceHolder ID="cpSideBar" runat="server" />
<img src="sidebar-ad1.png"; alt="New art is added daily! Don't forget to browse our templates for the newest in trends, styles and seasonal designs." />
</asp:Panel>
<div style="clear: both"></div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cpTitleBar" runat="server">
<asp:ContentPlaceHolder ID="cpTitleBar" runat="server" />
</asp:Content>
____________________________
6:29 pm on Dec 15, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Aug 9, 2008
posts: 961
votes: 0


Hi BRoberson1657, couple of suggestions:
Just note this isn't the css file, it's asp - you are coding in the img element, not using css to style it. I don't expect this will be causing the problem, but check the <img> and remove that stray semi-colon:
<img src="sidebar-ad1.png" ; <----
Finally, have you checked the image is in the right directory/folder or that you have provided the correct path in the image src?
5:12 pm on Dec 16, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
posts:7999
votes: 0


Look at this,

<img src="sidebar-ad1.png"; ....

now this,


***NOTE - FILE PATH IF NEEDED***
('App_Themes/Peacock/img/sidebar-ad1.png')

and answer: What page is calling this?

default.asp <- won't work

themes/default.asp <- won't work

App_Themes/Peacock/img/default.asp <-- WILL work

Give this a shot, which should work wherever you are:

<img src="/App_Themes/Peacock/img/sidebar-ad1.png"; ....
6:46 pm on Dec 16, 2011 (gmt 0)

New User

joined:June 14, 2011
posts: 10
votes: 0


That did it. Web Masters save the day again. Thanks so much!
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members