CSS background image clickable?

Similar Questions

• Is there a better way to do it?  Rules CSS/Background image/tables

  Hello

  I am designing a site and I used a table for the banner.  Another page is displayed each time the image of the banner exchange.  I created HTML pages, and I created a large number of css rules to change the background image.  I think there must be an efficiant way more to do?

  http://www.taffyproductions.com/test/

  ALSO... I need to find a way to make links (flight hover/active States) knit on all pages... I thought about it on the index page, but I don't know that there is a better css rule?

  Put a div in the head section?  Surely you jest!

  But you hint at the easy way - just have a style sheet embedded in the head of each page that changed the background image only on this page.  No need of any other complexities.

  In other words on page 1, you can change this.

  on this subject.

  and on page 2 change to this-

  etc.

• Please help beginner with CSS background-image

  I use Dreamweaver CS4. I created a site on my computer. D:Data\Local_sites\Gravity_Works. In this directory using Dreamweaver, I created 3 files - css, images and models. In the pictures folder, I have an image - bg_body_winter.jpg. In the Templates folder, I have Gravity-works - Home01.dwt. I have created a new form of the page the template file and named index - test01.html and saved directly in the folder Gravity_Works

  I have this css code in a css in the css folder file:

  {body
  background: url(/images/bg_body_winter.jpg) top of Center no-repeat scroll #C1CAD6;
  }
  {body
  Police: 100% Verdana, Arial, Helvetica, without serif.
  margin: 0;
  }

  I downloaded the site in a test folder on my server at fatcow.com. You can see the page using the link below.

  http://www.openrangeimaging.com/test/gravity-test/index-Test01.html

  The image appears as it should be in Dreamweaver Live View. It does not appear in Design view. It does not appear in the preview of the local file in a browser. The image does not appear when you look at the index file - test01.html that is located on the server by using the link above. The specified background color appears but not the image.

  I'm confused about how I should name the path to the image. I think it must be relative root of the site so that anywhere, I have download the website, the image can be found. Can someone tell me how I should name the path to the image properly.

  I feel that I should know how doing this and looked around for help online and tutorial books I have, but I just don't get it.

  TIA for any help.

  In your linked css file the path to the background image must be as shown below (note points both in front of the bar oblique leader)

  {body
  Background: url (.. / images/bg_body_winter.jpg) no-repeat scroll top centre #C1CAD6;
  }

  If you have this image, the browser is trying to find a 'pictures' folder in your "css" folder and it appears no one.

  If you include the colon before the first slash the browser search the folder 'images' outside your "css" folder and in the folder root site.

• CSS background-image: BLOB

  good day people
  I wanted to know how to display a blob field as a background image of a div.
  
  How a picture (jpg) file saved as a blob output/displayed in a Web page using the PL/SQL procedure. The hpt.prn does not work.
  
  In a region of type PL / SQL (anonymous block) I have:
  
  
  < pre >
  declare
  cursor cr_cursor is
  Select the ID
  BACKGROUND
  FILE NAME
  MIMETYPE
  LAST_UPDATE_DATE
  of CFG_BACKGROUND;
  v_style VARCHAR (4000);
  Start
  v_style: = '< style > ";
  FOR v_cursor IN cr_cursor LOOP
  v_style: = v_style |'. slide_' | v_cursor.ID |' {background: url('|| v_cursor.)} (FONDO) |') {no-repeat 0 0;}';
  END LOOP;
  v_style: = v_style | "< / style >";
  HTP. Print (v_style);
  end;
  < / pre >
  
  
  
  the result I want is this:
  
  * < style > *.
  *.slide_1 {background - image: url (image.jpg) no-repeat 0 0 ;} *}
  *.slide_2 {background - image: url (photo.jpg) no-repeat 0 0 ;} *}
  *.slide_3 {background - image: url (image_one.jpg) no-repeat 0 0 ;} *}
  *.slide_4 {background - image: url (image_dog.jpg) no-repeat 0 0 ;} *}
  * < / style > *.
  
  Published by: e: / / we 24/09/2010 13:46
  
  Published by: e: / / we 24/09/2010 13:46

  First of all, the CSS syntax isn't quite right. The background-image property indicates only the URL of the background image. To specify the background-position and background-repeat as well, use the shorthand background property.

  Second, there are syntax errors in the region of PL/SQL code:

  v_style := v_style||'.slide_'||v_cursor.ID||'{background:url('||v_cursor.FONDO )||') no-repeat 0 0;}'; 
  

  There is no member FONDO in the record of cursor, and it is followed by a misplaced ')'...

  Thirdly (and probably the most important), the URL must point to a resource that will actually download the image to the browser. An application process can be used for this:

  1. create the point of application ODP_CFG_BACKGROUND_ID to use as an image for the ODP ID parameter.

  2. create the application at the ODP_CFG_BACKGROUND request process:

  declare
  
    l_background  cfg_background.background%type;
    l_mimetype    cfg_background.mimetype%type;
    l_filename    cfg_background.filename%type;
  
  begin
  
    select
              bg.background
            , bg.mimetype
            , bg.filename
    into
              l_background
            , l_mimetype
            , l_filename
    from
              cfg_background bg
    where
              bg.id = :odp_cfg_background_id;
  
    owa_util.mime_header(l_mimetype, false);
    htp.p('Content-Length: ' || dbms_lob.getlength(l_background));
    htp.p('Content-Disposition: filename="' || l_filename || '"');
    owa_util.http_header_close();
    wpg_docload.download_file(l_background); 
  
  end;
  

  3 rewrite the region of PL/SQL code to generate the URL to the ODP:

   begin
  
    htp.p('');
  
  end;
  

  Note that also that the style isn't valid in the page's head element, so unless the page template contains a properly placed the region post a PL/SQL region may not be the best way to put the style sheet...

• Css background image does not properly

  The background image of my site used to be a different file name, when I switched to another file, he always tries to partially display the old image on top of the other. the link of the site is

  http://champstestsite.BusinessCatalyst.com

  BG should be/img/2.jpg, his tent to display /img/bg_all.jpg ontop of it... weird remnant because ive checked everywhere in the code for IT. more different computers/browsers/erased the cache/temp ect

  Hello SpongeCake0ne,

  The image of bg_all comes from the/js/script.js file. On line 11, it is adding the problem image to the body.  Change or remove that and you should be good.

  Hope this helps,

  Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

• Print CSS background image

  Hello:
  
  Work on a new site, using a Template Monster (no jokes please) my client wants to use me. I'm not thrilled by using some other configuration and it's no picnic to work, but my graphical skills are not nearly as good as my technique, and the customer wants something more artistic.
  
  I have a background in the CSS image that doesn't print - it is the photo of the customer, so it is important. As an alternative, so I took out the background and made an AP Div and managed to position correctly on the screen, and it prints well. However, in Safari and Google Chrome, the entire page is stolen in splinters. In IE and FF, no problem.
  
  Y at - it an easy fix? I'm going to restore the page tonight with the installation of bg image (which is rendered in all my browsers, but does not print) and post for help, but he's not ready now.
  
  Here is the link to the "Printable".
  
  Thanks in advance for your help.
  
  Rgds, Ned

  I did back off and take it slower so I do not cause problems of my own.

  As Jimmy Buffett has said, "well, it could be my fault..."

• How can I show a background image with a variable?

  I try to explain it:

  
  

  
  I have a div called "entrante1_ctn" that must contain a background image. This code works, but I don't want to do...

  
  

  sym.getComposition () .getStage ().getSymbol("entrantes_sym").$("entrante1_ctn").css ('backgro undImage','url(images/entrantes/entrante1.png)');

  
  

  I would like to the somtehing like that...

  
  

  sym.getComposition () .getStage ().getSymbol("entrantes_sym").$("entrante1_ctn").css (' undImage ',' url backgro ( variable )');

  
  

  The variable is a table element, but this code does not work:
  

  
  

  sym.getComposition () .getStage ().getSymbol("entrantes_sym").$("entrante1_ctn").css (' undImage ',' url backgro ( ent_1 [0] )');

  
  

  
  Please, helpp!

  Hi or Hello,

  • The principle( general case) ==> .css ("background-image ',' url(images/myImage.png)'");
  • With a variable (a variable):

  var image = "images/myImage.png ';

  . CSS ("background-image", "url (" + image +') ');

  • Your particular case (your case) ==> .css ('background-image', ' url ('+ ent_1 [0] + ')');

• How to add background images to the stage?

  I use the last version (2014.1.1)

  I want to add a photo to be a background image in the stadium.

  So I do:

  1. Add 'compositionReady' to the stage

  (2 key - in: sym.$("Stage").css("background-image","url(images/bg.png)"); "

  but I can't see the picture and to develop tools, the tag had background-image.

  How to solve the problem?

  You are missing quotes in your code.

  SYM.$("stage"). CSS({"background-image":"URL('images/BG.png')"});)

  or

  SYM.$("stage"). CSS ("background-image", "URL('images/BG.png')");

• Background image for symbols

  Hello

  I wonder if it is possible to have a background in Mosaic for individual symbols.

  Similar to setting up for the scene or organization:

  $('body').css ('background-image',

  "url (media/bg.jpg)', 'background-repeat ',.

  'repeat')

  But for a symbol.

  I have treid it, nothing helps:

  sym.getSymbol("backdrop").css ('background-image',

  "url (media/bg.jpg)', 'background-repeat ',.

  'repeat')

  Thanks in advance for your time and your help.

  -JM

  This code works with my file:

  ({(sym.getSymbol("backdrop").$("Rectangle").css({"background-image":"url('images/smiley.gif') ', 'background-repeat': 'repeat'});

  Editing your symbol and look at the name of your square.

• Need help with background image a clickable link

  Hi guys,.

  I want to make the background of my site a background of advertising where the background image is clickable.

  I tried a few tutorials, but none seems not to work

  What I have, it's like my CSS...

  #skin {position: absolute;
      width: 100%;
      height: 800px;
      margin-left: auto;
      margin-right: auto;
      top: 0px;
      left: 0px;
      z-index: -1;
      background-position: fixed;
  }
  

  .. .and this as my HTML code...

  <div id="skin"><a href=""><img src="background.jpg" /></a></div>
  

  It works soon, but the link is only a thin strip of hand and side of the screen for some reason any and don't extend to the background of the entire image.

  Does anyone have any ideas as to where I'm wrong?

  I thank you and hope to hear from you!

  SM

  Spindrift wrote:

  Basically, what I want to do, is to have a skin of advertising that the background (maybe just a dummy container div to serve in the background) of my site, while he fills the area outside the container div of my sites and opens a link if clicked.

  Anyone know how I can do this?

  This can be done relatively easily, but it's not very pretty. You will need to use a full great for the background image, unless you plan to repeat, and then assign the clickable containing exactly this size. See code and screenshot below. Tested in FF, Chrome and IE9.

  

• Background images are not displayed (CSS, other images ok

  I tried to empty cache, watched: config for odd configurations, made a private window and disabled all extensions. None of them had no effect.

  Test pages: Amazon.com and https://developer.mozilla.org/samples/cssref/background-image.html - two of these pages have loaded by CSS background pictures. For example, the Amazon logo at the top left is a background loaded from a CSS page. The image itself can be found in gross:
  http://g-ECX.images-Amazon.com/images/G/01/gno/sprites/global-sprite-v1._V339353059_.PNG

  This image cannot:
  https://developer.Mozilla.org/samples/cssref/images/starsolid.gif

  But why, why why these images are displayed on their relevant Web pages? I see that Amazon, eBay, and many other sites Web without a range full of images. In particular those used for menus and other important navigation buttons.

  Here's what I see on the Mozilla page mentioned above: I see the text, but no expandable star image. It works in other browsers and on other computers in Firefox.

  The page that I tap on right now has no blue background, windows are not correct (as the search engine is not a rounded grey area) and the magnifying of research is missing. So this experience makes it impossible the use of simple pages.

  Firefox 32, Vista

  It was a strange setting. I have it set, then updated some of the relevant information on the subject myself. Here's the question:

  If the preference of the user browser.display.use_document_colors in subject: config is set to false, the background images will not display.

• Failed to set the new CSS rule for the background image

  Hello

  Maybe I've finally lost my mind... I myself find it impossible to add a background image to the header of my project portion.  I select the "header" in the property Panel section, click on "add a new CSS rule.  Curiously, DW does not in the name of the selector for me, which is probably an indication that something is wrong, but I don't know what.  I went through the steps of filling in the name of the switch by hand, choose the .jpg file and setting is like a background image, but he never takes.

  There has got to be something simple that experienced users of DW can explain.  Go ahead, experts, you out there?

  Thank you...

  When things go south, it is almost always caused by a mistake of small coding somewhere.

  Unbalanced tags are the usual suspects.

  Run validation and fix the errors reported.

  Nancy O.

• Rule of CSS style for the background image

  I'm doing a tutorial "Create your first website" and set up a CSS rule to add a background image.  The rule indicates in the CSS styles, but it does not appear in Design view.  I re-read the instructions 100 times.  Any ideas what I am doing wrong?

  Here's my DSS rule for the main image:

  #main image {}

  background-image: url (.. / images/main.jpg);

  background-repeat: no-repeat;

  position: relative;

  height: 376px;

  Width: 968px;

  }

  Thank you!  This is a duh moment where you finally see what is obvious.  I should have taken him.

  I appreciate your help

• CSS: background or background image

  Why the background and background-image produce different results?

  They should not.  They both make the same thing in CSS.  The 'background' property is just a shorthand way to write the multiple background properties in one statement:

  http://www.w3schools.com/CSS/css_background.asp

  See shortened on the page for a better description.

  If you are running in a particular problem with the version of shortcut, you can post what's happening, what you expect to happen, and the code that you use.

• CSS positioning of elements of PA for the text on the question of background image

  I'm relatively new to dreamweaver from frontpage in the dust. Some things have been easier or I'm missing something. My client site uses backgrounds customized site on most pages, and I just want to understand how the text of the provision above. From what I've read, it seems that using AP elements is the most appropriate at this stage of the construction.

  I can't to the do stay where I want that they. They are fine until you go full screen, then they move to the right. I need to find a way to keep them in one place no matter what. I'm sure you get the idea. Any help would be appreciated.

  http://www.homeworks4u.ca/Sitemap_Homeworks4U.html

  Non-living sites. I'm just waiting for text... and trying to figure out how to do so that he can stay on top of my baggage without messing with my menus.

  Thanks in advance,

  Scott

  APDivs (formerly known as layers) are NOT the best approach for this.  Here's why:

  http://apptools.com/examples/pagelayout101.php

  (1) find a good, shaping CSS to get started with.

  http://ALT-Web.com/templates/basic-1-Col-fixed.html

  (2) a text on a complex background image alignment is futile.  It is a concept of impression that Won't hold up on web pages because you can't control the browser settings, the screen or the text sizes.

  (3) height is a restriction in all browsers except IE.  Don't use values of height on containers with text inside them because this will inevitably cause failures when the text size is increased or amount of content exceeds the available space.

  (4) if necessary to show a background image, use the min-height CSS property.

  Tables to CSS Web Design part 1-
  http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt1.html

  Tables to CSS Web Design part 2-
  http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt2.html

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB
  http://ALT-Web-design.blogspot.com/