Help needed making background image a clickable link

Hi guys,
I want to make the background of my site an advertising background where the background image is clickable.
I've tried a few tutorials but none seem to be working
What I've got is this as 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...
<div id="skin"><a href=""><img src="background.jpg" /></a></div>
It kind of works but the link is only a thin strip either side of the screen for some reason and doesn't span the whole image background.
Does anyone have any ideas as to where I'm going wrong?
Thank you very much and hope to hear from you!
SM

Spindrift wrote:
Basically, what I want to do is have an advertising skin as the background (can just be a dummy container div to act as the background) of my website, so that it fills the area outside my sites' container div and opens a link when clicked on.
Does 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-size image for the background, unless you plan to repeat it and set the clickable container to exactly that size. See code and screenshot below. Tested in FF, Chrome and IE9.
<head>
<style>
body {
    width:100%;
    height:100%;
    margin:0;
#background {
    background: #000 url(your-background-image.jpg) no-repeat 0 0;
    display: block;
    height: 1280px; /* change to your image height */
    position: fixed;
    width: 1920px; /* change to your image width */
#wrapper {
    background-color: #FFFFFF;
    border: 1px solid #333333;
    left: 50%;
    margin-left: -480px; /* half the width */
    min-height: 500px;
    position: absolute;
    width: 960px; /* wrapper width - unclickable area */
</style>
</head>
<body>
<a href="" id="background"></a> 
    <div id="wrapper"> 
        <header>
        </header>
        <main>
        </main>
        <footer>
        </footer>
    </div>
</body>

Similar Messages

Help needed placing extra images in my portfolio.

I like to add some more pictures by my portfoliomap.
I have now 6 items each page and i like to know if its possible to add some more pictures and how i can do this?
You can find my site at..
http://www.dorffdesign.nl/affiches.html

As you can see on
http://www.dorffdesign.nl/advertenties.html
it worked out fine..
Only the last set off images contait to much space between the set before? Do you know where i can adjust this?
Regards Brian
Date: Tue, 17 Apr 2012 09:07:38 -0600
From: [email protected]
To: [email protected]
Subject: Help needed placing extra images in my portfolio.
    Re: Help needed placing extra images in my portfolio.
    created by Altruistic Gramps in Dreamweaver - View the full discussion
Upload the images to the images folder and use the markup as you have been using in the following, changing the name of the image to suit.
!images/arcadisch_logo.jpg|alt=|src=images/arcadisch_logo.jpg!
Gramps
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4340979#4340979
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4340979#4340979. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Serious help needed fixing an image gallery

On my page
http://www.dorff.nl/clients.html
ive put this very nice gallery..
The only problem is. I divided the gallery in 6 groups. But in every group you will see the same images. How can i change the images for each group seperately?
I hope you understand what i ment.
Regards Brian

How i can use the four files you have send me?
In dreamweaver im getting the message...
lightbox.css is not on the disk
prototype.css is not on the disk
scriptaculous.css is not on the disk
lightbox.js is not on the disk
Date: Thu, 12 Apr 2012 12:37:39 -0600
From: [email protected]
To: [email protected]
Subject: serious help needed fixing an image gallery
    Re: serious help needed fixing an image gallery
    created by adninjastrator in Dreamweaver - View the full discussion
Here are 4 files you need:http://www.olympicdiscoverytrail.com/style_sheets/lightbox.csshttp://www.olympicdiscoveryt rail.com/style_sheets/prototype.jshttp://www.olympicdiscoverytrail.com/style_sheets/script aculous.js?loa d=effectshttp://www.olympicdiscoverytrail.com/style_sheets/lightbox.jsHere is an entire web page with working multiple galleries:
Photo Gallery 1
    !images/125/paw_Carrie-Elwha.jpg|title=Elwha River Valley approaching the bridge|height=93|alt=Elwha River Valley approaching the bridge|width=125|src=images/125/paw_Carrie-Elwha.jpg|border=0!
Photo Gallery 2
    !images/125/sw_IMG_1115-Downtown-Trail.jpg|title=Trail near High School close to downtown Sequim|height=83|alt=Trail near High School close to downtown Sequim|width=125|src=images/125/sw_IMG_1115-Downtown-Trail.jpg|border=0!
   </div>     
</div>
</body>
</html>Here is a link to that working page on-line:http://www.olympicdiscoverytrail.com/trail_maps/slideshow.htmlThere is not much more I can do!You'll have to take the bull by the horns and start coding!Copy/Paste this HTML code into a new, blank page and edit the paths to all the .css, .js, and image files.Best of luck!Adninjastrator
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4330648#4330648
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4330648#4330648. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Making background image clickable link

I have several div tags with background images in them. I want to make the background images clickable links. what is the easiest way to do this?

Yes, the background image can be made clickable.
Here is the link to get the info to one method: http://ran.ge/2009/11/11/css-trick-turning-a-background-image-into-a-clickable-link/
Basically it is written like this:
==CSS==
#bkgrdimage {
    background-image:url ('image.png');
    display:block;
    height:??px;       (image height)
    width:??px;        (image width)
    text-indent:-9999px;
==HTML==
<a href="http://????" title="Title of Link" id="bkgrdimage">Basic Text For this Link</a>
The text indent places the "basic text for this link" outside the browser screen.

Need Help with Complex Background Images

Hey, Macromedia, I mean, Adobe Dreamweaver users. I have a
dilemma, before you read further, look at this website:
https://statons.rtotogo.com/rtotogostore/rto_store/sign_in.asp.
Notice the background images. The light tan stripe at the top, the
orange/yellow stripe beneath it, and the darker tan color that
encompasses the rest of the background. When you go to a longer
page on the site, the top two colors do not repeat, and as the page
shrinks on smaller pages, so does the darker tan background. How
can I do this? I've seen it done before, and I read the source
code, but I am confused as to how I can accomplish this..... Please
advise! I am in desperate need of your expertise!
Thanks in advance for the help.
Chuck

It's controlled using CSS check out the css script and the
backgounds are
set to repeat along the x axis only
cheers
Ian
[email protected]
http://www.edwards-micros.co.uk
"ChuckRWD" <[email protected]> wrote in
message
news:e93ha7$lmi$[email protected]..
> Hey, Macromedia, I mean, Adobe Dreamweaver users. I have
a dilemma,
> before you
> read further, look at this website:
>
https://statons.rtotogo.com/rtotogostore/rto_store/sign_in.asp.
Notice
> the
> background images. The light tan stripe at the top, the
orange/yellow
> stripe
> beneath it, and the darker tan color that encompasses
the rest of the
> background. When you go to a longer page on the site,
the top two colors
> do
> not repeat, and as the page shrinks on smaller pages, so
does the darker
> tan
> background. How can I do this? I've seen it done before,
and I read the
> source code, but I am confused as to how I can
accomplish this.....
> Please
> advise! I am in desperate need of your expertise!
>
> Thanks in advance for the help.
> Chuck
>

Help needed with spry image slide show

Im new to dw and am currently building a site for my buisness. I installed a spry image slide show and it works fine in live view but when I view it on the web
it was looking for sever .js files. I then checked out the spry forums and noticed that it seems to be a common problem. I tried removing the ui1.7 file from the server and reloading,tried removing from local and remote and reloading, tried to change the line <script.src=spry-ui-1.7 etc. to the adobe site as per gramps advise to another having the same issue. Now when I view on the web the slideshow wheel keeps turning but images donot apear. Im lost and can use some help, enclosed is my code also sight is www.patsiga.net
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>pats iga supermarket</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="http://labs.adobe.com/technologies/spry/ui/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #AF692A;
</style>
<link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2141543: #frontpageslideshow */
#frontpageslideshow {
width: 960px;
margin: 0px 0px 0px 0px;
border: solid 0px #aaaaaa;
background-color: #FFFFFF;
padding-top: 0px;
#frontpageslideshow .ISSName {
top: -24px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
text-transform: uppercase;
color: #AAAAAA;
#frontpageslideshow .ISSSlideTitle {
top: -18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
overflow: hidden;
color: #AAAAAA;
text-transform: none;
#frontpageslideshow .ISSClip {
height: 361px;
margin: 0 0px 0px 0px;
border: solid 0px #ffffff;
background-color: #ffffff;
#frontpageslideshow .ISSControls {
top: 0px;
height: 361px;
#frontpageslideshow .FilmStrip {
height: 0px;
background-color: #CCCCCC;
#frontpageslideshow .FilmStripPreviousButton, #frontpageslideshow .FilmStripNextButton {
width: 10px;
height: 0px;
#frontpageslideshow .FilmStripTrack {
height: 0px;
#frontpageslideshow .FilmStripContainer {
height: 0px;
#frontpageslideshow .FilmStripPanel {
height: 0px;
padding-left: 10px;
margin-right: 0px;
#frontpageslideshow .FilmStripPanel .ISSSlideLink {
margin-top: 10px;
border: solid 1px #AAAAAA;
background-color: #FFFFFF;
#frontpageslideshow .FilmStripPanel .ISSSlideLinkRight {
border: solid 1px #AAAAAA;
width: 56px;
height: 47px;
margin: 4px 4px 4px 4px;
#frontpageslideshow .FilmStripCurrentPanel .ISSSlideLink {
background-color: #ffffff;
border-color: #000000;
#frontpageslideshow .FilmStripCurrentPanel .ISSSlideLinkRight {
border-color: #AAAAAA;
/* EndOAWidget_Instance_2141543 */
</style>
<script type="text/xml">

</script>
</head>
<body>
<div class="container">
<div class="header"><a href="index.html"><img src="images/logoimg.jpg" width="259" height="136" alt="pats_logo" /></a><img src="images/H1180T2.jpg" width="699" height="120" alt="header_graphic" /></div>
<div class="container">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="weekly_ad.html" title="weekly ad">Weekly ad</a></li>
      <li><a href="recepies.html" title="recepies">Recepies</a></li>
      <li><a href="entertainment.html" title="entertaining" class="MenuBarItemSubmenu">Entertaining</a>
        <ul>
          <li><a href="bakery_brochure.html" title="bakery_brochure">Bakery brochure</a></li>
          <li><a href="deli_platters.html" title="Deli_platters">Deli platters</a></li>
          <li><a href="catering_menu.html" title="Catering_menu">Catering Menu</a></li>
        </ul>
      </li>
      <li><a href="pats_best.html" title="pats best">Pat's Best</a></li>
      <li><a href="organics.html" title="organics">Organics</a></li>
      <li><a href="gift_cards.html" title="gift cards">Gift Cards</a></li>
      <li><a href="#" title="departments" class="MenuBarItemSubmenu">Departments</a>
        <ul>
          <li><a href="meats.html" title="dept_meats">Meats</a></li>
          <li><a href="seafood.html" title="dept_seafood">Seafood</a></li>
          <li><a href="deli.html" title="Dept_deli">Deli</a></li>
          <li><a href="prep_foods.html" title="Dept_prep_foods">Prepared Foods</a></li>
          <li><a href="produce.html" title="dept_produce">Produce</a></li>
          <li><a href="bakery.html" title="Dept_bakery">Bakery</a></li>
        </ul>
      </li>
    </ul>
    <p> </p>
    <ul id="frontpageslideshow" title="">
      <li><a href="images/fall.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-1.jpg" alt="photos-1.jpg" /></a></li>
      <li><a href="images/apples.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-10.jpg" alt="photos-10.jpg" /></a></li>
      <li><a href="images/pumpkinsoup.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-11.jpg" alt="photos-11.jpg" /></a></li>
      <li><a href="images/roast.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-12.jpg" alt="photos-12.jpg" /></a></li>
      <li><a href="images/applepie.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-13.jpg" alt="photos-13.jpg" /></a></li>
    </ul>
    <script type="text/javascript">
// BeginOAWidget_Instance_2141543: #frontpageslideshow
var frontpageslideshow = new Spry.Widget.ImageSlideShow("#frontpageslideshow", {
widgetID: "frontpageslideshow",
widgetClass: "BasicSlideShowFS",
injectionType: "replace",
autoPlay: true,
displayInterval: 4500,
transitionDuration: 2000,
componentOrder: ["name", "title", "view", "controls", "links"],
sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin ],
TFSP: { pageIncrement: 4, wraparound: true }
// EndOAWidget_Instance_2141543
    </script>
<p>Since this is a one-column layout, the .content is not floated. </p>
    <h3>Logo Replacement</h3>
    <p>An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
    <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
    <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
</div>
<div class="footer">
    <p><a href="about_us.html" title="about_us">About Us</a><a href="#">  </a>   <a href="employment.html" title="employment">Employment</a>   <a href="store_info.html" title="store_info"> Store Info.</a>     <a href="#" title="contact_us">Contact Us</a>    <a href="terms_of_use.html" title="terms_of_use">Terms of Use</a>   <a href="privacy.html" title="Privacy_policy"> Privacy Policy</a><br />
©2011 Pat's IGA     <br />
    </p>
    </div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Your spry assets folder MUST be in the same folder as that of your webpage with the slideshow (html, php... whatever)
Check your folder configuration on the server by clicking on the "Remote Button" on the DW Assets Tab.
Example 1: This will not work:
WEBPAGE HERE:    /server/public/myfolder/slideshow.html
SPRY ASSETS HERE: /server/public/SpryAssets/....your javascript files
Example 2: This will work:
WEB PAGE HERE: /server/public/myfolder/slideshow.html
SPRY ASSETS HERE: /server/public/myfolder/SpryAssets/....your javascript files
Hope this helps.

Help getting a background image to show through a JScrollpane

I have a GUI program which has a front menu with buttons on it. I have managed to get the background image displaying as I want it there by overriding the paintComponent method.
My problem occurs when after clicking the "passport" button, a JScrollPane is added to the JPanel.
I am having problems making the JScrollPane non-opaque( so i can see the image behind it).
I have tried setting both scrollPane.setOpaque(false) and scrollPane.getViewport().setOpaque(false) and neither of these have worked.
If anyone has managed to get a background image working with a JScrollpane then some help would be greatly appreciated.
FileReader inF = new FileReader("passport.txt");
                BufferedReader in = new BufferedReader(inF);
                Passport passport = new Passport(in);
                panel.removeAll();
                panel.setVisible(false);
                JLabel label = new JLabel( "<html><body><font size = \"5\">Number:</body></html>" );
                JLabel label1 = new JLabel( "<html><body><font size = \"5\">" + passport.getNumber() + "<br><br></body></html>");
                JLabel label2 = new JLabel( "<html><body><font size = \"5\">Issue Date</body></html>");
                JLabel label3 = new JLabel( "<html><body><font size = \"5\">" + passport.getIssueDate() + "<br><br></body></html>");
                JLabel label4 = new JLabel( "<html><body><font size = \"5\">Expiry Date:</body></html>");
                JLabel label5 = new JLabel( "<html><body><font size = \"5\">" + passport.getExpiryDate() + "<br><br></body></html>");
                JLabel label6 = new JLabel( "<html><body><font size = \"5\">Type:</body></html>" );
                JLabel label7 = new JLabel( "<html><body><font size = \"5\">" + passport.getType() + "<br><br></body></html>");
                JLabel label8 = new JLabel( "<html><body><font size = \"5\">State:</body></html>" );
                JLabel label9 = new JLabel( "<html><body><font size = \"5\">" + passport.getState() + "<br><br></body></html>");
                JPanel adder = new JPanel();
                adder.setOpaque(false);
                JScrollPane scroll = new JScrollPane(adder);
                (scroll.getViewport()).setOpaque(false);
                adder.setLayout( new GridBagLayout() );
                GridBagConstraints c = new GridBagConstraints();
                c.fill = GridBagConstraints.HORIZONTAL;
                c.gridx = 0;
                c.weighty = 1.0;
                adder.add( label, c );
                c.gridy = 1;
                adder.add( label1, c );
                c.gridy = 2;
                adder.add( label2, c );
                c.gridy = 3;
                adder.add( label3, c );
                c.gridy = 4;
                adder.add( label4, c );
                c.gridy = 5;
                adder.add( label5, c );
                c.gridy = 6;
                adder.add( label6, c );
                c.gridy = 7;
                adder.add( label7, c );
                c.gridy = 8;
                adder.add( label8, c );
                c.gridy = 9;
                adder.add( label9, c );
                panel.add( scroll, BorderLayout.CENTER );
                panel.setVisible(true); Thanks

Swing related questions should be posted in the Swing forum.
You seem to be doing things backwards.
Add a background image to a JPanel. (Examples can be found by searching the Swing forum using "background image" as the keywords.
Then add your labels to the same panel and then add the panel to the scrollPane.

Help with repeating background image

At
http://www.hammerstones.net/music1.htm,
i've inserted an iframe that seems to prevent the right edge
background image from displaying. You'll see, it's along the right
margin on all pages EXCEPT this one. All help is welcome to achieve
this look.
Dave

CSS Menu:
a { text-decoration: none }
a:link {
    color: #FFF;
    background: #666;
a:visited { color: #999 }
a:hover, a:active, a:focus {
    background: #333;
    text-decoration: underline;
    border-bottom:4px solid gold;
/**horizontal navbar**/
nav ul, nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size:20px;
    font-weight:bold;
    text-align:center;
nav li a {
    float: left;
    display:block;
    padding: 6px;
    line-height: 1.2em;
    width: 8em;
HTML:
<nav>
<ul>
<li><a href="#">Some link</a></li>
<li><a href="#">Some link</a></li>
<li><a href="#">Some link</a></li>
</ul>
</nav>
What it looks like:
Nancy O.

Having trouble making background image editable in template

Hello this is my first time so here goes...
I would like to make a template from a page I have created,
the trouble is the background image is url background image placed
in css with text over the image, the problem I have is on further
pages I would like to keep same divs
but would like the freedom to change text and bground image.
I have tried to make text an editable region which works and
bground image make attribute editable but I do not really
understand how this works any ideas would be much appreciated here
is my site address
http://www.andysite.prohost4u.co.uk
cheers

I'm confused, I dont see that you have a background image in
your css.
"WILLO THE WISP" <[email protected]> wrote
in message
news:[email protected]...
>
Hello this is my first time so here goes...
> I would like to make a template from a page I have
created, the trouble is
> the
> background image is url background image placed in css
with text over the
> image, the problem I have is on further pages I would
like to keep same
> divs
> but would like the freedom to change text and bground
image. I have tried
> to
> make text an editable region which works and bground
image make attribute
> editable but I do not really understand how this works
any ideas would be
> much
> appreciated here is my site address
http://www.andysite.prohost4u.co.uk
> cheers
>
>
> Here is my css
> * {
> margin : 0 auto;
> padding : 0;
> }
> body {
> background-color : #ffffff;
> text-align : center;
> font-family : "Square721 BT", "Staccato222 BT", Courier;
> font-size : 100%;
> background-position : center center;
> }
> #container {
> font-family : "Square721 BT", "Staccato222 BT", Courier;
> background-color : #ffffff;
> width : 780px;
> }
> #header {
> width : 780px;
> height : 280px;
> margin-top : 10px;
> margin-bottom : 10px;
> }
> #content {
> background-image: url(images/content_bground.gif);
> float: left;
> height: 400px;
> width: 430px;
> }
> #content h1 {
> font-size : 115%;
> width : 390px;
> color : #00ccff;
> text-align : left;
> padding-left : 60px;
> padding-top : 40px;
> padding-bottom : 10px;
> }
> #content p {
> font-size : 80%;
> width : 310px;
> text-align : justify;
> text-indent : 20px;
> color : #66FFFF;
> }
> #content h2 {
> font-size : 80%;
> width : 420px;
> color : #00ccff;
> text-align : left;
> padding-left : 60px;
> height : 70px;
> padding-top : 10px;
> }
> #sidebar {
> background-image : url(images/sidebar_bground.gif);
> width : 340px;
> height : 400px;
> float : right;
> }
> #sidebar ul {
> font-size : 60%;
> line-height : 22px;
> list-style-image : url(images/bullet.gif);
> list-style-position : outside;
> text-align : left;
> color : #66FFFF;
> padding-top : 45px;
> padding-left : 62px;
> }
>
> #clear {
> clear : both;
> }
> #footer {
> background-image : url(images/footer_bground.gif);
> width : 780px;
> height : 80px;
> margin-bottom : 10px;
> margin-top : 10px;
> position: fixed;
> }
> #footer p {
> text-align : center;
> font-size : 75%;
> color : #66ffff;
> padding-top : 24px;
> }
> #footer ul {
> margin : 2px;
> }
> #footer li {
> display : inline;
> margin : 0;
> }
> #footer a:link, #footer a:visited {
> color : #00ccff;
> margin : 2px;
> }
> #footer a:hover, #footer a:active {
> color : #00FFFF;
> text-decoration : none;
> background-color : #33cccc;
> }
> a:link {
> color : #00ccff;
> text-decoration : none;
> }
>
> a:visited {
> text-decoration : none;
> color: #00CCFF;
> }
> a:hover {
> text-decoration : underline;
> color: #00FFFF;
> }
> a:active {
> text-decoration : none;
> color: #006699;
> }
>

Need table background image to resize

I'm working in DW MX. I have a subtle background image in a
nested table on my page. The pages will vary in height due to the
amount of content on each. I would like the background image to
resize vertically as the table expands vertically. I also don't
want the image to repeat. I'd be happy with a straight HTML or CSS
solution. Any advice?

Ain't gonna happen. There's just no way....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jefflamonica" <[email protected]> wrote in
message
news:fe0t8v$4e3$[email protected]..
>I agree with you on UGLY. But that's not really what I'm
trying to do --
> especially fixed position. I just want to make sure if
someone resizes the
> text
> on the screen, thus expanding the cell and the table
vertically, that the
> background image will resize as well. You can see the
page at
>
http://www.monsoondigital.com/client/brotherton/index.html
>
> I'm also trying to fix that blasted one- or two-pixel
problem with the
> right
> vertical line.
>
> Jeff
>

Is it possible to make a background image in css link?

I'm building tiles of services and its all done in CSS calling for the background from image files. There's text which I know I can link but I want the whole tile to be a link and just have a border appear when people mouse over it (know how to do that) but I don't know how to code the tile as a whole as a link.
Help?

Line 67, Column 145:         document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
…content" class="serviceBoxcontentBody"><span style="float: left; width: 219px;…
✉
The mentioned element is not allowed to appear in the context in which       you've placed it; the other mentioned elements are the only ones that       are both allowed there and can contain the element mentioned.       This might mean that you need a containing element, or possibly that       you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a       block-level element (such as "<p>" or "<table>") inside an       inline element (such as "<a>", "<span>", or "<font>").
But it works. Ok, what it the proper way to do this, please. Everything else validates fine.

Help needed to enhance Image Processor Pro Script to save transparency in TIF

Hi everyone,
this is my first post in this community.
We have a droplet which reduces the resolution of tif images to 72dpi and save the tif image with transparency. This works fine, but it took to long for the whole process of many picture in different folders. That's the reason why we searched for another script which can preserve the folder structure and set the resolution of every tif image to 72dpi.
We found Image Processor Pro, which does exactly what we needed. The script works perfectly in CS5 and CS5.5 as it saves the tif with the transparency. Those saved tif images could be used in InDesign with the transparency.
BUT Image Processor Pro script works not so perfectly in CS6 as it seems that this option to save a tif with transparency is not implemented or does not work in the script. The result is that those converted tif images are w/o transparency in InDesign. That's a huge problem for us.
This is the point where I need your help. Neither I have experience yet with jsx-files nor with the right syntax of it.
Is there a way for anybody of you to implement / enhance Image Processor Pro so it will save tif with transparency?
We used the latest German Version of Image Processor Pro: 2.3.1 (link: http://www.russellbrown.com/scripts.html)
(The German version contains only german on screen texts!)
I am very thankful for every help you can give.
Thanks in advance for your help.

Possible causes:
1) It probably has nothing to do with your image files, but you won't know until someone else tests one of them. You could create a small 50% gray TIFF file with transparency and post it, assuming you know it exhibits the issue with IPP.
2) At the download link you provided:
http://www.russellbrown.com/scripts.html
There are two installers for Image Processor (CS5 and CS6). Did you download and install the CS6 Version Installer?
3) Another possible solution other than modifying the script is to reset the PS Preferences file. When strange things happen in PS with no explanation this usually fixes them. My PS CS6 was inflating all new files by 1.4MB. After examining one of the files it turned out PS was inserting a Costco printer profile into every new file. So don't automatically assume your PS image files are not somehow being corrupted and causing loss of transparency in IPP. Creating a new Preferences file resolved my issue:
http://forums.adobe.com/thread/375776
You may want to record your old Preferences settings prior to creating a new one, but test it first with the default settings.

Help Needed With File/Image Size

I need a quick way to find an images _dimensions and size in kb_ on a safari webpage without having to download the image.
What I'd really like is to be able to right click on an image and have the dimensions and size in kb displayed. Either that, or use an app to do it.
Right now I am using the Inspect Element tool in the right click menu to find an images dimensions, but it doesn't show size in kb anywhere that I can see, and it's kind of a pain working with all the drop down menus.
Any help would be appreciated. Thanks!

Activity window? I'm not sure what that is.
Here's what I'm working with: http://i.imgur.com/vDwvk.jpg
Opening an image in a new window shows the image size in pixels in the tab. (circled in the screenshot)
I can see the same info using Web Inspector. (also circled in the screenshot)
*I need a way to easily see both the image size in pixels and its size in kilobytes.*
Thanks!

Making a Datagrid with clickable links

I'm trying to pull an XML list into a Flash file (got that
part) and make each item in the resulting datagrid list a link to
different PDF files (that's the part I DON'T have). I would think
you'd build the url right into the XML, but I can't figure out how
to use it to make the cells clickable. Any help would be much
appreciated.

Ok, I am about ready to pull my hair out on this (not a lot
to spare, either!). Without giving me the code (I do want to figure
this out for myself...mostly), can you answer the following:
I can obviously figure out how to tie a mouse click event to
the datagrid, but how do I tie the mouse click to a specific FIELD
in the datagrid and grab the data in that field? If I can do that,
I should able to then yank the data from that particular XML item
by comparing the "clicked" cell value to the values listed in the
XML file, and then throwing the url listed in that piece of XML to
a getURL in Flash. But I just cannot for the life of me figure out
how to tell which cell in the datagrid was clicked. Yikes!!
Ok, in continued research, I DID figure out how to tell which
cell is being clicked using ListEvent to tell me the rowIndex and
columnIndex. Now, how do I pull the VALUE of that cell out??

Random Image with Clickable Link

Hey guys so far I found a code that lets me randomize an image and I found out a piece of code that makes the image clickable but I do not know how to add a specific link to each specific image.
Here is the code:
<head> <script language="JavaScript">
var theImages = new Array()
theImages[0] = 'Accounting Cartoon1.jpg'
theImages[1] = 'Accounting Cartoon2.jpg'
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<a href="link.html"><img src="'+theImages[whichImage]+'"></a>');}
//-->
</script>

anyone have an idea?

Help needed making background image a clickable link

Similar Messages

Maybe you are looking for