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.

Similar Messages

Why PhotoBooth can't get the background images to work properly on the picture

Why PhotoBooth can get the background images to work properly on the picture, is it because too much luminosity in the environment or too little? I have tried everything and nothing works.
<Re-Titled By Host>

Might try this...
Go to System Preferences > Universal Access and down in the Display: section make sure that the Enhance contrast: slider is all the way to left to Normal, or more to the right for less Contrast.
Go to System Preferences > Accessibility in 10.8.x,and down in the Display: section make sure that the Enhance contrast: slider is all the way to left to Normal, or more to the right for less Contrast.

Background Images not showing up in template-based pages

For some reason, whenever I make a custom .dwt template, with
background images for things such as buttons, on my newly created
page, the background images do not show up. Anyone know why? Thanks
for the help in advance.

Best you start here:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmattsworld.mooretecproductions.co m%2F
55 code errors. Yikes!
Fix those and then see if the problem goes away. If not, post
back. At lease
with clean code we may be able to spot the problem.
Walt
"Irish_Cereal" <[email protected]> wrote in
message
news:fegl0v$jvc$[email protected]..
> Alright guys, I get it. Here's a link to the index:
>
http:///mattsworld.mooretecproductions.com
> Click on Videos on the navigation bar and you'll see
what I'm talking
> about.
> Notice how on the navbar on the index theres the custom
button? On videos
> it
> doesn't show up.
>

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.

Background image not showing up in BC

Rookie here.
I locally developed an index page with a background image in the <body> div. Worked fine locally. When I connected it to BC the background is now white instead of the image. The background shows up in the css. Here is the link:
http://century21print.businesscatalyst.com/index.html
Doyou need anything else.
Thanks for the help!

You need to revise you background url!
This is what you have
background-image:url(file:///P|/websites2/century21print/images/AbstractLightRays.jpg);
it should be something like
background-image:url(/images/AbstractLightRays.jpg);
that 'file:///P|...' is not right!

Background image not showing up in generated FlashHelp

I have added a background image (.jpeg) to my help
project´s style sheet. The image shows up in the style
sheet´s preview, the WYSIWYG window and even ctrl+W previewed
help; but when I generate the entire project, it is nowhere to be
found. Any ideas? Any help would be much appreciated.
Thanks!

Hi uds
You may wish to try adding the image to your list of Baggage
Files. Just right-click the Baggage Files folder in your Project
Explorer pane and add the image.
Give that a go and see if it helps... Rick

DIV Style background image not showing

Hey Friends - can anyone take a look at line 136 to show why my background-image is not showing in this DIV Style?
http://www.gratefulcreative.com/Andre_Madiz/index.html
Thanks in advance!
ken d
creative director
grateful creative
www.gratefulcreative.com

You have no width or height set for that element so it can not show an image unless you make the div at least the same size as the image.
<div style="background-image:url(http://www.gratefulcreative.com/Andre_Madiz/images/bottom_text.png);ba ckground-repeat:no-repeat; width:871px; height:483px;">
You may also want to consider adding this to your main css file and giving the div an id which will help you out in the future.

Background image not showing in IE9 only

The grey image (GreyBack.jpg) around the 9 centered product images on this site are not displaying in only IE9:
www.Deltron.com
Screenshot here: http://deltron.com/images/deltron-shot.jpg
It works perfectly in IE7, IE8, FF, Safari, and Chrome.
Any ideas?
Here is the CSS for that section:
.RoundedBox {
width: 479px;
padding: 10px;
border: 1px solid #E4E4E4;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(border-radius.htc);
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url('images/GreyBack.jpg');
And the HTML:
<div class="RoundedBox">
      <p><img src="images/BannerHome.jpg" width="350" height="28" alt="Deltron Precision Product Line-up" /></p>
    <table width="73%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="30%"><a href="javascript:;" onmouseover="MM_swapImage('Image20','','images/linear_slide_crossed_roller_bearings2.jpg' ,1)" onmouseout="MM_swapImgRestore()"><img src="images/linear_slide_crossed_roller_bearings1.jpg" alt="Linear Slides Ball Slides Crossed Roller Slides" width="153" height="148" border="0" id="Image20" onclick="MM_goToURL('parent','Linear_Slides_Ball_Slides_Crossed_Roller_Slides.html');retu rn document.MM_returnValue" /></a></td>
        <td width="2%"> </td>
        <td width="29%"><a href="javascript:;" onmouseover="MM_swapImage('Image21','','images/positioning_stages2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/positioning_stages1.jpg" alt="Micrometer Positioning Stages" width="153" height="148" border="0" id="Image21" onclick="MM_goToURL('parent','Micrometer_Positioning_Stages.html');return document.MM_returnValue" /></a></td>
        <td width="3%"> </td>
        <td width="34%"><a href="javascript:;" onmouseover="MM_swapImage('Image26','','images/cross_roller_bearings2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/cross_roller_bearings1.jpg" alt="Linear Bearings Crossed Roller Tables" width="153" height="148" border="0" id="Image26" onclick="MM_goToURL('parent','Linear_Bearings_Crossed_Roller_Tables.html');return document.MM_returnValue" /></a></td>
      </tr>
      <tr>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image28','','images/linear_actuators2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/linear_actuators1.jpg" alt="Linear Actuators Lead Screw Actuators" width="153" height="148" border="0" id="Image28" onclick="MM_goToURL('parent','Linear_Actuators_Lead_Screw_Actuators.html');return document.MM_returnValue" /></a></td>
        <td><img src="images/spacer.gif" alt="" width="10" height="20" /></td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image27','','images/non-magnetic-slides2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/non-magnetic-slides1.jpg" alt="Non Magnetic Slides" width="153" height="148" border="0" id="Image27" onclick="MM_goToURL('parent','Non_Magnetic_Slides.html');return document.MM_returnValue" /></a></td>
        <td><img src="images/spacer.gif" alt="" width="10" height="20" /></td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image23','','images/lead_screw_actuators2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/lead_screw_actuators1.jpg" alt="Lead Screw Actuators Lead Screw Stages" width="153" height="148" border="0" id="Image23" onclick="MM_goToURL('parent','Lead_Screw_Actuators_Lead_Screw_Stages.html');return document.MM_returnValue" /></a></td>
      </tr>
      <tr>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image22','','images/crossed_roller_bearings2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/crossed_roller_bearings1.jpg" alt="Crossed Roller Bearings Crossed Roller Rails" width="153" height="148" border="0" id="Image22" onclick="MM_goToURL('parent','Crossed_Roller_Bearings_Crossed_Roller-Rails.html');return document.MM_returnValue" /></a></td>
        <td> </td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image25','','images/slide_guides2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/slide_guides1.jpg" alt="Slide Guides" width="153" height="148" border="0" id="Image25" onclick="MM_goToURL('parent','Slide_Guides.html');return document.MM_returnValue" /></a></td>
        <td> </td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image24','','images/belt_drives2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/belt_drives1.jpg" alt="Belt Drive Actuators Linear Actuators" width="153" height="148" border="0" id="Image24" onclick="MM_goToURL('parent','Belt_Drive_Actuators_Linear_Actuators.html');return document.MM_returnValue" /></a></td>
      </tr>
    </table>
</div>
Thank you!
Matt

Thanks for the replies Nancy O. and Murray.
It's been so long since I did this hack (for FireFox), I don't remember anything about it.
I believe I should delete lines 80 & 81, and leave everything else, right?:
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
Is there anything else I need to do?
Murray, where did you get this code?:
Murray *ACP* wrote:
Yes - this is the result of that hack:
<div class="RoundedBox v08vnSVo78t4JfjH" style="border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent;">
Dump it!
Thanks again, both of you!
Matt

How can I get the background image of my website to cycle on a timer?

I'm afraid my experience with Javascript (Which I'm certain this will require) is fairly limited and I'm still quite new to Dreamweaver, so I'm posing this question to you guys.
I'd like the background image of my website to change every five minutes or so, however I'm unsure of how to accomplish this. For those of you with Windows 7, you can set the background of your desktop to cycle through a folder of images every ten minutes or so. I'd like something similar for this website.
Thanks in advance.

Supersized can do this for you with very less need for code.
http://www.buildinternet.com/project/supersized/ - Take a look at their demo. It's also a lightweight plug-in and it has a lot of great effects you could use. Also x-browser friendly.

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
>

Moving the part of an image that shows through a clipping mask?

In CS5, after making a clipping mask using text to mask an image, is there a way to move the image to a new location so a different part of the image shows through the text?
Thanks.

web.boards,
You may select the image with the Direct Selection Tool, or through the Layers palette/panel, and move it (with the Arrow keys, by ClickDragging, with Object>Tramsform>Move, or whatever); or just ClickDrag it from the beginning.

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.

Since Firefox 4, I can get a background image to work using base64 encoded, but not a local file, this worked in Firefox 3, how do I resolve this.

Using either of the 4 examples shown below, to have a background image display inside about:blank worked in Firefox 3.x (using Stylish add-on), however since Firefox 4, only using the base64 encoded version of images works. Is there any way to fix this so I don't have to encode every image I wish to use? Encoding the image makes the stylish file absolutely huge, & a real pain to keep encoding whenever I want to change the image.
body:empty { background: url("resource:/res/images/OnFire.jpg")
body { background-image: url("resource:/res/images/OnFire.jpg")
body:empty { background:url("data:
body { background-image: url("data:
I've also previously disabled most of the add-ons, except for Status-4-Evar, Stylish, & Firebug, in an attempt to see if something else was interfering, but no change.
I can supply a copy of the previously working (FF 3.x) code to some of the about:blank styles if needed for testing purposes.

Type '''about:addons'''<enter> in the address bar to open the '''Add-ons Manager.'''
Hot key; '''<Control>''(Mac:<Command>)'' <Shift> A)'''
On the left side of the page, select '''Plugins.'''
Is it listed here? Select '''Disable.'''

Why are my background images not showing up?

The table is split into two, and I want 2 background images
sitting in them so I can write type over them (which is already
there).
I know how to do this with divs, but have never done it to a
table (I no longer use tables for web page layout).
The two images are supposed to be at the bottom of this page
behind "Robert R. Smith, Jr. - Rock Drummer" and "Contact Me".
What have I done wrong and how do I make these two images
appear?
http://www.smitty2.com/drumming.html

On 16 Apr 2007 in macromedia.dreamweaver, smittyboy63 wrote:
> The table is split into two, and I want 2 background
images sitting
> in them so I can write type over them (which is already
there).
> I know how to do this with divs, but have never done it
to a table (I no
> longer use tables for web page layout).
> The two images are supposed to be at the bottom of this
page behind "Robert R.
> Smith, Jr. - Rock Drummer" and "Contact Me".
> What have I done wrong and how do I make these two
images appear?
>
>
http://www.smitty2.com/drumming.html
You're mixing up HTML and CSS code. Your code:
<td width="125"
background-image="url(../images/bottom_art_right.jpg)"
style="padding-top: 90px;">
Should be either:
<td width="125"
background="../images/bottom_art_right.jpg" style="padding-top:
90px;">
Or (my preference):
#leftblock {
background-image : url(../images/bottom_art_right.jpg);
style="padding-top: 90px;
<td id="leftblock">
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php

Background image not showing behind text

At the moment I am using a table as I haven´t yet found
out how to make the same effect in css. I have a background image
style="BACKGROUND: url(images/box_bg.gif) repeat-x" in a td which
for some reason is overridden by the text so the background of the
text is white not the background image. The webpage where it can be
seen is
http://www.britishalliance.com/test.html
Thanks a lot

That's b/c you've set the background color:
.ftforminput {
BACKGROUND: #ffffff; COLOR: #c03; FONT-FAMILY:
Verdana,Arial, Helvetica;
FONT-SIZE: 11px; FONT-WEIGHT: bold
}Take out the background, you'll be fine."Hydrowizard"
<[email protected]> wrote in message
news:ear4i1$5si$[email protected]..
> At the moment I am using a table as I haven?t yet found
out how to make
> the
> same effect in css. I have a background image
style="BACKGROUND:
> url(images/box_bg.gif) repeat-x" in a td which for some
reason is
> overridden by
> the text so the background of the text is white not the
background image.
> The
> webpage where it can be seen is
http://www.britishalliance.com/test.html
> Thanks a lot
>

Help getting a background image to show through a JScrollpane

Similar Messages

Maybe you are looking for