Background image path changes in Template

I have a template I've created, but whenever I attempt to
create a new page from that template the path to the background
image changes automatically causing it to disappear.
The template displays this path:
body {
background-image: url(../img/bg.gif);
background-repeat: repeat-y;
background-position: center;
background-color: #E8F1FA;
While the page created from the template shows this path:
body {
background-image: url(file:///B|/Web
Development/website/img/bg.gif);
background-repeat: repeat-y;
background-position: center;
background-color: #E8F1FA;
What is causing this? Thanks in advance.

Answered on DW forum.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"logicore" <[email protected]> wrote in
message
news:gecn6f$dag$[email protected]..
>I have a template I've created, but whenever I attempt to
create a new page
> from that template the path to the background image
changes automatically
> causing it to disappear.
>
> The template displays this path:
>
> body {
> background-image: url(../img/bg.gif);
> background-repeat: repeat-y;
> background-position: center;
> background-color: #E8F1FA;
> }
>
> While the page created from the template shows this
path:
>
> body {
> background-image: url(file:///B|/Web
Development/website/img/bg.gif);
> background-repeat: repeat-y;
> background-position: center;
> background-color: #E8F1FA;
> }
>
> What is causing this? Thanks in advance.
>
>
>

Similar Messages

  • LinkListExplorer iview BackGround Image path not working

    HI All ,
    As i am using Layout set LinkListExplorer for few external links , when i am giving image name for eg growth.jpg in  background image path,  which is placed at /etc/public/mimes/images it is not showing anything , the same is working for NewsBrowser Layout set  . I have tried many thing all possiblities but no success .
    Pls help me in this regard.
    Shwetang saxena

    Hi Vedant,
    APEX only replaces the #WORKSPACE_IMAGES# variable within APEX itself. This is quite logical, because what you see in the APEX developer space is generated by PL/SQL from the database, so APEX can change what it wants. APEX can't access the files however, that's logical to because APEX would need premissions on the server and an Oracle directoryto start doing changes to files.
    So if you want to point to the image directory in the CSS file you need to provide the full path.
    Regards,
    Joni

  • How to make background image editable in a template

    I have built a template and would like to make the background
    image editable, but not the rest of the settings in the body style.
    (I'm not sure of my terminology yet.) The background image is
    currently set in the locked part of the page. I've tried to insert
    an editable region in the html code, as I cannot get to the
    background image by clicking on it or selecting on the Design page.
    But I am not allowed to change the code in this way.
    What is the best way to do this? I'm not sure how to make a
    div of this one setting. Or even if that is what is needed.
    Thanks for any suggestions.

    So to give a different background image to different pages using CSS.
    Create a CSS file in your Dreamweaver site.
    Link it to your pages.(in your head tag like so: <link href="path/to/stylesheet.css" rel="stylesheet" type="text/css" />)
    In your HTML code find the body tag and give it an id (like so: <body id="myUniqueID">)
    In your stylesheet write the following code:
    #myUniqueID{
    background: #color, url("path/to/image.jpeg") repeat);
    And now extrapolate the above steps and code to your other pages and voila, you now have different background images for your different pages.
    To learn more about CSS - visit your local web search engine.
    To see the power of CSS, check out http://csszengarden.com/ where the exact same HTML file is styled by different CSS stylesheets.

  • CSS for background image not transfering from template to new page

    I have a gradient .gif in my templates which suddenly no longer transfers from the template to  a new page created from the template.  Everything else about the template transfers.  I'm using Dreamweaver CS5 on a Mac running OS 10.6.  I've pasted the CSS from the template and the new page below.  I've tried the usual voodoo--restart program, restart computer, repair permissions, delete preference file, delete personal configuration file.
    CSS from Template:
    .container {
        background-color: #ececec;
        background-image: url(../images/faux_column.png);
        background-repeat: repeat-y;
        height: 650px;
        width: 650px;
    CSS from page created from Template looks to be the same, but is greyed out in the code, and the background-image entry is not present in the CSS styles inspector:
    .container {
        background-color: #ececec;
        background-image: url(../images/faux_column.png);
        background-repeat: repeat-y;
        height: 650px;
        width: 650px;
    Any suggestions greatly appreciated.

    Unfortunately, I don't yet have a site where I can post the page.  I'm new to this, and doing everything locally for now.
    After careful rechecking, I found that the links for the template and the child were not the same, as you suspected.  So I carefully changed the links to site root relative, which worked for the background CSS in my test image.  I then did the same for all of the links to pages on my site, and checked that all were OK with Link Checker in DW.  I guess that was a mistake, because now most of them don't work when tested in Firefox--I get the message File not found.  Must be doing something wrong.

  • Can you "bleed" a background image through a DW template?

    I'm in the process of redesigning a simple site and am fairly new to working with DW. I created a template with navigation along the left side and a content box on the right. The client requests a background image (which I set in the CSS body tag). However, once I set the content portion of the template it sits on top of the background image (effectively blocking out portions of the background image). I need it to "bleed" through so that the background image covers the entire screen content.
    Example: http://www.mchenrycac.org/test/index.html (or see image in the attachment)
    Can anyone suggest how to get the image to show through the content portion of the template?
    Russ

    It took me a few "tries" to place the code in the right place (and a few
    different iterations of the example given on the site) but the opacity tag
    does work as suggested. Setting the opacity to 100% allows the entire
    background to bleed through as I needed.
    I had to completely remove the suggested CSS tags for IE7 and IE8 however
    and go with just the opacity tag. Tested this in IE8 and Firefox and both
    display the opacity correctly with the single opacity statement:
    .opaque
    The class was added to the table statement in my template (the table that
    contains the content area for every web page) and works beautifully. Thank
    you for the quick response...
    Russ

  • Background images which change with scrolling, just how is it done?

    These fabulous sites, were featured on Adobe Muse's Site of the Day
    http://www.streetreach.org/
    http://www.lauranet.nl/
    Brilliant sites. What they have in common is a background image (of sorts)  that changes with scrolling, I just cant get my brain around how it's done?
    Can anyone point me in the right direction?
    Thanks

    Start with some of these:
    http://tv.adobe.com/watch/muse-feature-tour/adobe-muse-parallax-scrolling-may-2013/
    www.youtube.com/watch?v=5OOLEztI-so
    www.youtube.com/watch?v=8m2Lg241e3A
    www.youtube.com/watch?v=gZI_K1TXqOM
    I got these (and MANY more) by Googling, "Muse Parallax Scrolling"
    Good luck.

  • Why does my Background image color changes when I place an image ?

    Hi everyone,
       I'd like to make a presentation in InDesign. I put a background image into a different layer which I called "Background" and then I create a new layer which I called "Images" and place an image with a transparency layer. When I place this image onto the Images layer color of the image in the Background layer changes. I can not figure out why It changes its color. I'd be grateful to anyone who can help me resolve this problem ?
    Regards
    Cem

    Edit > Transparency Blend Space... and set it to match the color mode of the background image.

  • Place background image in a new template

    I would like to have my new template open with a static image for the browser background. I'd like the image to not scroll as well. How do I do that in the XML code?
    I've checked several forum posts and all of them refer to how to set the background post-publishing in the HTML but there's nothing so far as to how to set it in the actual template files themselves.
    Any help would be appreciated!!
    Matt
    http://www.umsconline.org

    Are you looking for something like these:
    http://www.aardvarkland.com/Aardvarkland/Home.html
    http://geocities.com/[email protected]/Links.html
    Both required post processing, Varkgirl know how to mod HTML.
    Mine will require javascript and no IE.

  • Setting background-image as editable in Fluid Grid Layout (Template file)

    Hi, Im very basic on Dreamweaver so bare with me,
    I am creating my first website and setting up my template file.
    I am struggling with making my background image editable in the template file,
    Alot of the awnsers point me into creating a new background style sheet which I have done.
    I have included :
    <link rel="stylesheet" href="../Background style sheet.css" type="text/css">
    into my <head> in the source code and now im pretty lost for what to do next... I want to link it to all my mobile, tablet and desktop #main divs and then be able to edit the background image for my different web pages;
    for example my home page is one background-image and then the other web pages all have other background images.
    Sorry if I am not asking the right questions, I am very new to coding
    Regards,
    Confused Graphic Design student.

    It's actually very easy to target the <body> of each page in an external stylesheet to change the background individually, just not with DW Templates.
    Normally, what I would do is give each page's <body> tag an id, for example, on an about.html page...
    <body id="about">
    Then in the css, you would give the #about id a background-image setting...
    #about {
         background-image:url(about_bg.jpg);
    Each page would have a similarly named id in the <body> and a corresponding #id in the css.
    Side Note: Stick to lower case, alpha numeric file names for all of your pages and images. Use underscores or hyphens instead of spaces for them too. Servers are CaSe SenSitIvE and a link to Index.html (capital i) will not go to a page named index.html (lowercase i). It will work on your local system, just not on the server because the server sees the case structure difference as two separate files.

  • Background image for a FTP server

    I use vsftpd as a FTP server, and I've been wondering if there's any possibility to use a background image, when someone comes around via web browser.

    I know,I can set the background image in the Page Template but in that case Portlets do not take that image as a background.Then It looks very awkward.
    How to solve this? Anybody at Oracle.
    Thanx

  • Background Image for a Page

    Hi All,
    How to have a background image for a Portalpage? As Portlets are on the top of page,setting image in the Portal Style does not help.
    What's the wworkaround?
    Thanx

    I know,I can set the background image in the Page Template but in that case Portlets do not take that image as a background.Then It looks very awkward.
    How to solve this? Anybody at Oracle.
    Thanx

  • Desktop Image Arbitrarily Changes Upon Reboot From Aurora to Water

    I leave my MacMini on 24/7 and tend to restart only after installing updates or new apps. This past week I must have restarted about 3 times and each time the desktop background image has changed to 'Water' even though it was previously set to 'Aurora'. I change it back and then it's fine, until the next restart.
    I'm at a loss as to what may be causing this. However, I tend to use Back to my Mac a lot (to control my mini desktop through screen sharing on my MBP) and it seems a strange coincidence that my Mini's desktop defaults to the Water background, which just so happens to be the desktop image on my MBP. Weird huh?
    Has anyone else experienced this?

    Alas, this didn't work. I made a copy of the com.apple.desktop.plist and saved a copy onto my desktop. I logged off then back on and Aurora was still there. Great. However, when I restarted my mini it changed to water upon.
    Anyother ideas - thanks.

  • PanelTabbed setting background image to tab

    Hi,
    I have 2 questions in UI components . I am using Trinidad components.
    1) I am having the paneltabbed with 2 tabs, i want to change the background of tabs based on selection(when selected tab1 background should display a.png ,when tab2 is selected tab1 should display b.png, similarly all tabs background image should change dynamically based on selection.
    I wrote javascript for onclick event
    function TabButtonSelection(){
    alert('inside Tab1ButtonSelection');
    document.getElementById('Frame1:sdiTab1').style.backgroundImage="url('/images/yellow.jpg')";
    document.getElementById('Frame1:sdiTab2').style.backgroundImage="url('/images/grey.jpg')";
    but not working. Can you please give any suggestion?
    2) Input Date is not displaying calendar(date picker) icon, so i couldn't select date
    <tr:inputDate label="Date of Birth" required="true" id="selectInputDate1" shortDesc="Enter date in dd/mm/yyyy format" requiredMessageDetail="Enter date in dd/mm/yyyy format">
    <f:convertDateTime pattern="dd/mm/yyyy"/>
    </tr:inputDate>
    only label and textfield is displayed , i am able to enter date but can't choose from calendar. If i set chooseid for inputdate component full calendar is displayed.
    Please provide some solutions.

    Trinidad Users mailing list should be able to provide answers for Trinidad
    http://myfaces.apache.org/trinidad/mail-lists.html
    There is no reason you should have to use javascript. You can use skinning and the "selected" pseudo class to style the tabs.

  • How to change background image for each individual page in a template?

    I've been working for hours to try to figure out how to change the background image for each individual page in a template.  I have tried making a div in the body and adding a CSS and setting a background picture.  Unfortunately even after I made it editable all templated webpages changed.  I tried looking at different forum results which didn't really help me out. http://forums.adobe.com/message/2670005#2670005#2670005.  I've also tried embeding a CSS style on the webpage instead of the external CSS which again didn't work.  I'm not sure where to go from here.  Is there a good video that explains this clearly.  Please help.  Thanks.

    Adjust inline styles to suit your needs.
    <li><a tabindex="-1" href="giving/index.html" class="MenuBarItemSubmenu" style="background:none; color:#FFF; background: #000;">GIVING</a>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • How to change background image in existing template?

    Hi 
    Current website needs overall change in background image which is already set in template. Is there anyone who knows how to change background image in existing templates?

    Make a friend with firebug &  you could find yourself from where it is getting applied.
    For the website you have given the background image it is using is [1] and it is getting set in css of body tag [2]. So Find the css at [3] and modify it OR replace [1] with other image with same file name.
    [1]   www.hanwha.com/etc/designs/hanwha/images/bg-body.jpg
    [2]
    body {
        background: url("images/bg-body.jpg") repeat-x scroll 50% 0 #FFFFFF;
        color: #757373;
        font: 14px/18px Arial,Verdana,Helvetica,sans-serif;
        margin: 0;
        min-width: 979px;
    [3]
    /etc/designs/hanwha/...../*.css

Maybe you are looking for