Background image is slightly repeating itself in my table

Last week, someone really helped (Murray) in helping me add a
background image to my header table, then nesting another table
inside for my links. I tried to do it manually, however, it just
wouldn't work. He then added some new code and it worked perfectly!
However, I did notice that now the background image in that table
doesn't extend the full length of the table. It cuts of 1/8th of an
inch short and then the image starts to repeat itself. It isn;t
much but doesn't look clean. Any ideas on how to change it to
flush? I tried to manuever the main table of the site over, but it
didn't have an effect. I think the background image just stayed the
same with the change. Thanks for your help once again! Code is
below but had to shorten it since ithis site only allows a certain
amount of text. website is:
www.1percentclub.org
<html>
<he
><title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<script language="JavaScript">

</script>
</head>
<style type="text/css">
a {text-decoration: none;}
</style>
<body bgcolor="#000000" text="#CCCCCC" link="#33CCFF"
vlink="#33CCFF" alink="#33CCFF" leftmargin="0" topmargin="0"
marginwidth="0" marginheight="0"
onLoad="MM_preloadImages('/History-Header2008WhiteBord.jpg','/Showcase-Events-LinkWhiteBo .jpg','/Instructional-DVD-2008GLOW.jpg','/Skills-Clinics-Link-2008GLO.jpg','/Contact-Us-Li nkGLOW.jpg','/GameTimeGear-LogoGLOW.jpg','/Playitagainsports-logoGLOW.jpg','/Africa-Link_G LOW.jpg')">
<table width="60%" border="1" cellspacing="0"
cellpadding="0"
bordercolor="#FFFFFF" align="center">
<tr bgcolor="#333333" valign="top" align="center">
<td height="1125">
<div align="left">
<table width="100%" border="0" cellspacing="0"
cellpadding="0"
style="background-image:url(2008-Website-Header_FINAL_-.jpg);">
<tr valign="top">
<td height="289">
<table width="100%" border="0" cellspacing="3"
cellpadding="7">
<tr valign="top">
<td height="40">
<p><font face="Arial"
color="#333333"><b><font size="3"
color="#33FFFF"><a href="homepage.htm"><font
color="#33CCFF">Home
</font></a><font color="#33CCFF">|
</font><font color="#33CCFF"><a
href="centralcalifinest.htm">Showcase
Events</a> | <a href="clinics.htm">Skill
Clinics</a> | <a href="clinics.htm">Team
Clinics</a> | <a href="videos.htm">DVD</a>
| <a href="History.htm">History</a>
| <a href="Contact_1%25_CLUB.htm">Contact
</a></font></font></b></font></p>
</td>
</tr>
</table>
<p><br>
</p>
<p> </p>
<p><br>
</p>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="6">
<tr>
<td height="780" align="center" valign="top"
width="25%">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr align="center" bordercolor="#FFFFFF"
bgcolor="#333333">
<td height="122"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image14','','/History-Header2008WhiteBord.jpg',1)"><img
name="Image14" border="0" src="/HistoryLinkWhite-border.jpg"
width="180" height="118"></a></td>
</tr>
<tr align="center">
<td height="125"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image15','','/Showcase-Events-LinkWhiteBo.jpg',1)"><img
name="Image15" border="0" src="/Showcase-Events-Link2008Whi.jpg"
width="180" height="118"></a></td>

Change this -
<table width="100%" border="0" cellspacing="0"
cellpadding="0"
style="background-image:url(2008-Website-Header_FINAL_-.jpg);">
to this -
<table width="100%" border="0" cellspacing="0"
cellpadding="0"
style="background-image:url(2008-Website-Header_FINAL_-.jpg);background-repeat:no-repeat; ">
It's time for you to apply yourself to learning HTML and CSS.
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
==================
"dontsettle22" <[email protected]> wrote in
message
news:fnq7cb$a2p$[email protected]..
> Last week, someone really helped (Murray) in helping me
add a background
> image
> to my header table, then nesting another table inside
for my links. I
> tried to
> do it manually, however, it just wouldn't work. He then
added some new
> code
> and it worked perfectly! However, I did notice that now
the background
> image
> in that table doesn't extend the full length of the
table. It cuts of
> 1/8th of
> an inch short and then the image starts to repeat
itself. It isn;t much
> but
> doesn't look clean. Any ideas on how to change it to
flush? I tried to
> manuever the main table of the site over, but it didn't
have an effect. I
> think
> the background image just stayed the same with the
change. Thanks for
> your
> help once again! Code is below but had to shorten it
since ithis site
> only
> allows a certain amount of text.
>

Similar Messages

Is there a way to stretch a background image rather than repeating it?

I have a one celled table with a background image. It's really just a gradient strip (gradient going from top to bottom - ending in fade to white). I want the image to continue all the way across the page. If I set it to repeat via X, somehow you can see where the repeat begins... so I was wondering if there's a way to just stretch the image from left to right to force it to fit exactly to 98% of the window no matter how big the window is.
Thanks...
kb
(RH10 for Webhelp)

That's not entirely true. With CSS, you can stretch a background image to any dimension:
background-size: 10px 100%;
Also see: CSS3 background-size property
Kind regards,
Willam

Setting background image for repeating frame in .pdf report

Is it possible to set a background image for a repeating frame, and more specifically for a repeating frame rendered in .pdf?
I do not see any standard property in the navigator for images of any sort and the documentation touches only on setting background images for graphs, which is not the intent in my case. I -did- add an HTML table property background="myimage.jpg" but the report is ultimately generated in .pdf format and I was not surprised to see that the image was not rendered.
Does anyone know if setting a background image as described is even possible, and if so, how? A second but less optimum solution would be setting the image as the background for all report pages, again in .pdf.
Many thanks.

Hi Raj,
Yes you can have an image in the background. Thats possible if you are using XML forms as an iview or ivew dev in WebDynpro...
Also check this [link|regarding background color change in iview]
Regards,
Piyush
Reward points if this helps!!!

Background image not repeating in IE6

I have a background image in a cell of a 1x1 table -
http://savanabar-leros.com/art7tables.shtml
the image is set to repeat x and y.
In FF2 and IE7 it displays as expected.
In IE6 the background image is not repeated
For the moment I've increased the size of the image to
compensate - but
obviously I would like to know what I have done wrong. It's a
very temporary
fix anyway as increasing the text in IE6 shows the text
dropping out the
bottom of the background image.
Jo

I was trying to find this the other day - something to do
with /75 being the
percentage of transparency I think.
Frankly I would love to use an "easy way out" - I have tried
and failed
despite having been given some excellent help - how oh how
please do I do
this?
Jo
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> What you see there *is* using the htc files. If I would
remove them, the
> transparency disappears, but the background image tiles.
Why don't you
> take the easy way out, and make the background image
have a reduces
> opacity and contain the underlying image bits as well?
>
> --
> 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
> ==================
>
>
> "josie1one" <joleros[nospam]@yahoo.com> wrote in
message
> news:[email protected]...
>> But... it I remove the htc file it is not
transparent - and yet yours is.
>> I got in a mess with the transparency and there are
two versions... with
>> the htc file and the ie2.css fix. Removing one of
them seemed to prevent
>> transparency.
>> Did you *only* remove the htc file and nothing else?
If so, I don't know
>> what to do <whimper>
>>
>> --
>> Jo
>>
>>
>> "Murray *ACE*"
<[email protected]> wrote in message
>> news:[email protected]...
>>>
http://www.murraytestsite.com/savana.html
>>>
>>> You can see that indeed the png image is not
tiling to fill the table.
>>> If I remove the htc files from the CSS, it does
do so. I conclude that
>>> there must be something in the htc file code
that is causing this to
>>> happen....
>>>
>>> --
>>> 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
>>> ==================
>>>
>>>
>>> "josie1one" <joleros[nospam]@yahoo.com>
wrote in message
>>> news:[email protected]...
>>>>
http://savanabar-leros.com/images/screen.jpg
>>>> Thanks for looking.
>>>>
>>>> --
>>>> Jo
>>>>
>>>>
>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>> news:[email protected]...
>>>>> Post a screenshot of what you are
seeing, please Jo....
>>>>>
>>>>> --
>>>>> 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
>>>>> ==================
>>>>>
>>>>>
>>>>> "josie1one"
<joleros[nospam]@yahoo.com> wrote in message
>>>>>
news:[email protected]...
>>>>>> I've cleared my cache but still
seeing non-repeating background on
>>>>>> both computers in IE6. Must be me -
thanks Murray.
>>>>>>
>>>>>> --
>>>>>> Jo
>>>>>>
>>>>>>
>>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>>
news:[email protected]...
>>>>>>> You're talking about the
translucent reddish rectangle? Looks fine
>>>>>>> to me in IE6.
>>>>>>>
>>>>>>> --
>>>>>>> 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
>>>>>>> ==================
>>>>>>>
>>>>>>>
>>>>>>> "josie1one"
<joleros[nospam]@yahoo.com> wrote in message
>>>>>>>
news:[email protected]...
>>>>>>>> Really? I've now reduced the
size of the image if you wouldn't
>>>>>>>> mind testing. Displays
perfect in FF2 even with Ctrl+ but not on
>>>>>>>> two computers in IE6. In
fact it seems to cycle through several
>>>>>>>> backgrounds before
displaying a narrow background.
>>>>>>>>
>>>>>>>> --
>>>>>>>> Jo
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>>>>
news:[email protected]...
>>>>>>>>> It's repeating for me in
IE6, Jo.
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> 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
>>>>>>>>> ==================
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> "josie1one"
<joleros[nospam]@yahoo.com> wrote in message
>>>>>>>>>
news:[email protected]...
>>>>>>>>>>I have a background
image in a cell of a 1x1 table -
>>>>>>>>>>
http://savanabar-leros.com/art7tables.shtml
>>>>>>>>>> the image is set to
repeat x and y.
>>>>>>>>>>
>>>>>>>>>> In FF2 and IE7 it
displays as expected.
>>>>>>>>>>
>>>>>>>>>> In IE6 the
background image is not repeated
>>>>>>>>>>
>>>>>>>>>> For the moment I've
increased the size of the image to
>>>>>>>>>> compensate - but
obviously I would like to know what I have done
>>>>>>>>>> wrong. It's a very
temporary fix anyway as increasing the text in
>>>>>>>>>> IE6 shows the text
dropping out the bottom of the background
>>>>>>>>>> image.
>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> Jo
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>
>>>>
>>>
>>>
>>
>>
>
>

Does ne1 now the html code to set a background image=non repeat, center for dreamweaver or where to find it?

Im trying to set up an about me page like that of myspace.com
i know that in myspace you can set the background image center non
repeat can this be done as will with dreamweaver?

Hello,
Yes, it can be done using CSS.
You can place this in your code, right before </head>.
Just substitute your image for mypicture.jpg.
<style type="text/css">

</style>
-OR-
You can also do this using DW's dialog boxes (like a wizard).
If you have DW8 or CS3...or MX2004 if memory serves, you can
right click on
your page in design view.
Select CSS Styles > New
A CSS Rule dialog box opens.
Select tag, then in the tag box, type body.
You can select whether you want to add the CSS to this page
(like the code
above) or to a stylesheet linked to this page. If you are
going to use CSS
on multiple pages, it's a good idea to use a stylesheet. Then
you can make
changes in one place that affects all the pages linked to
that stylesheet.
When you click OK, a new box will open where you can define
your CSS.
Select "background" from the sidebar, and the fill in areas
are pretty self
explanatory.
I hope that helps.
Take care,
Tim
"Jimtheman2000" <[email protected]> wrote in
message
news:fo84t1$je9$[email protected]..
> Im trying to set up an about me page like that of
myspace.com i know that
> in myspace you can set the background image center non
repeat can this be
> done as will with dreamweaver?

[ANSWERED]Which terminals let you set a random background image?

Many terminals nowadays let you set a background image on the terminal itself.
Which terminals let you set a random background image from a directory or list of images? Also need to be able to have multiple terminals with different background images open, so having a script that moves around images won't work.
I like this because when you have lots of terminals open, you can associate each with their background image. Also if your background image isn't a tiled thing or a stylized gradient (such as a human, etc), it might look bad when duplicated all over the screen.
I could use transparency, but I don't like psuedo transparency, and real transparency comes with all sorts of problems. (For me at least.) I would still prefer having multiple background images though.
Konsole and eterm are the only two I know that can do this, but konsole is KDE, and eterm has no unicode support, is dead (I think), and is ugly.
Last edited by sokuban (2008-12-31 21:20:12)

So now that time has passed and I'm on a clean new install, I decided to try out uxvrt again. The good news in that now I can type in it with scim. I have no clue how or why, but it means the greatest hurdle is gone.
I also even managed to get a good looking English font.
urxvt*font: xft:Monospace:pixelsize=12
Only problem is a readable east asian font. The default font is a mess and everything is squished together. If I explicitly select an east asian font, then there are huge spaces between each letter, even for english. So I find out this is a known bug, and I find a patched aur package for it, but the patch doesn't seem to make a difference.
I know urxvt lets you select a main font and a secondary font and so on. Maybe I did the syntax wrong. I tried both:
urxvt*font: xft:Monospace:pixelsize=16
urxvt*font: xft:WenQuanYi Zen Hei:size=9:antialias=True
and
urxvt*font: xft:Monospace:pixelsize=16,urxvt*font: xft:WenQuanYi Zen Hei:size=9:antialias=True
Neither of them worked. From what my understanding of what the man page says, the size of the cell is supposed to be based on the main font, but in both those cases the secondary font stretches the cells.
Can anybody reccomend fonts for east asian scripts that work well and show me your .Xdefaults ?
FAKE EDIT: I just thought of an idea, and it kinda works:
urxvt*font: xft:Monospace:pixelsize=16,xft:WenQuanYi Zen Hei:size=9:antialias=True
Now I get a readable font, but massive spacing issues between Chinese Characters.
EDIT: About the pixmaps, I got a script to randomly select and image and all is fine, but I can't seem to find a way to disable scaling. I can set the size of the picture by a percent, but it doesn't let me use decimals and it is impossible to get the exact resolution of the picture to display. (Unless I let it tile, but the pictures I am using aren't meant to be tiled.) Is there a way to either disable scaling, or set the urxvt size in pixels so I could make it exactly 640x480. The urxvt man page says that a scale of 1 disables scaling, but it seems to have no effect.
EDIT2: I just noticed I can't use scim now. I have no clue why, but I think compiling it with afterimage support breaks it.
EDIT3: I found out why scim was not working/working. I had to add this to my ~/.scim/global:
/SupportedUnicodeLocales = en_CA.UTF-8
I also got a script that works, kinda:
#!/bin/bash
image="$(ls /usr/local/share/cgs | sort -R | tail -1)"
urxvt -pixmap /usr/local/share/cgs/$image\;86x100
The only problem is that I don't know how to get urxvt -pixmap to keep the aspect ratio of the image. 86x100 is the closest it will let me get to the actual aspect ratio, but it is off slightly. Barely noticable. The man page says that propscale will do this, but it doesn't seem to work.
Either way, for now, I am just going to use 86x100.
Last edited by sokuban (2009-03-22 02:01:45)

Populate Empty DIV with Background Image

I have a three columns page layout, a centered content column accompanied by two side columns. Those two side columns are empty. How do you set the background image (not color) repeating in the side empty DIVs and make them extending as long as the content column goes? You can do this effortlessly in table cell, but why is it almost making one knocking down a wall to accomplish such an easy task? BTW One of the tutorials on your website introduces a way to do it by setting a background color on the container DIV and claiming content DIV color white, thus making the sidebar bearing a background color, also at the same length as the container DIV. I can't seem to understand its logic.

joycwang wrote:
I have a three columns page layout, a centered content column accompanied by two side columns. Those two side columns are empty. How do you set the background image (not color) repeating in the side empty DIVs and make them extending as long as the content column goes? You can do this effortlessly in table cell, but why is it almost making one knocking down a wall to accomplish such an easy task? BTW One of the tutorials on your website introduces a way to do it by setting a background color on the container DIV and claiming content DIV color white, thus making the sidebar bearing a background color, also at the same length as the container DIV. I can't seem to understand its logic.
I don't fully understand what you have said below?
'How do you set the background image (not color) repeating in the side empty DIVs and make them extending as long as the content column goes? '
(not color) is the bit that confuses me?
You have a background image that you want behind all 3 columns? This background image is not color? Is it an image?

How can I stretch a background image in label?

Hi,All
How can I stretch a background image in a label?
public void start(final Stage primaryStage) {
             final Label lbTest = new Label("My Test Label");
             lbTest.setAlignment(Pos.CENTER);
             lbTest.setTextAlignment(TextAlignment.CENTER);
             lbTest.setStyle("-fx-background-color:red;-fx-background-repeat:stretch;-fx-background-position:center top;-fx-background-image:url(\"http://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/BlueMarble-2001-2002.jpg/640px-BlueMarble-2001-2002.jpg\");");
             final HBox hbox = new HBox();
             hbox.setId("MyRootPane");
             Button btnLeft=new Button("Left Button");
             Button btnRight=new Button("Right Button");
             hbox.getChildren().addAll(btnLeft,lbTest,btnRight);
             final StackPane layout = new StackPane();
             layout.getChildren().add(hbox);
             Scene scene = new Scene(layout, 600, 320);
             lbTest.prefWidthProperty().bind(scene.widthProperty());
             lbTest.prefHeightProperty().bind(scene.heightProperty());
             primaryStage.setScene(scene);
             primaryStage.show();
    }this code doesn't work,if I deleted css -fx-background-repeat:stretch;the background image stretched but repeated,I want to let the background image stretched and no-repeated,it can be stretched with the resizing window automatically.

Try -fx-background-size: stretch;

Flexible background image

How can I have a background image that adjusts to the window
size of the user, so it's flexible? Thanks in advance for any
help!

Realistically you can't. Background images will tile (repeat)
or not. Any
method to stretch them is a kludge and will likely be an
eyesore for many
visitors. Better to rethink your design and come up with a
background image
that will tile successfully.
Walt
"connectivityone" <[email protected]> wrote
in message
news:fr9mfm$4tj$[email protected]..
> How can I have a background image that adjusts to the
window size of the
> user, so it's flexible? Thanks in advance for any help!

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>

Background image to fill the whole screen

Hi everybody
Please assist,
1st question : I want to add the background image that fit the whole screen. I have tried to put image background however it leaves white spaces on the edges and another thing is that after adding the background image when I add content in the tables the background image start to repeat.
This is the website example I want to achieve : www.inesjaksic.com , www.grupa-desperado.com
www.street-heroes.com
2nd question : How to add the scroll bar on the text content, so when you scroll only the text moves.
Website example : http://www.kls.com/page.php?p=about/biography/index
Thank you in advance for your help.
Kind regards
Vusi

#1 Background images are static. They don't resize to fill the browser viewport without a lot of additional tricks which may or may not work in all browsers. Moreover images that resize quickly become distorted. For best all around results, build your page to a fixed-width target audience (990px is usually fine for most users). Use a seamless background tile or gradient slice and repeat it vertically (repeat-y), horizontally (repeat-x) or both ways (repeat).
#2 Use CSS overflow and height property.
#divName {
height: 400px;
overflow: scroll;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How do they get background image to span browser width?

At http://www.archerschoicemedia.com, they have a background image at the top that spans the entire browser width. How is that achieved? What if image isn't as wide as screen resolution, won't it just repeat?
All help with adding a background image that does this - spans the entire browser width - is what I'm after.
Thanks!

What if image isn't as wide as screen resolution, won't it just repeat?
No.
The CSS reads
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
        background:url(../i/backgroundvid.jpg);
        background-position:center top;
        background-repeat:no-repeat;
        background-color:#000000;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
overflow-x: hidden;
overflow-y: auto;
So, the CSS is set to horizontally center the background image and not repeat it.
Plus, on screens wider than 1689px wide, the background color of black (#000000) shows through at the edges creating the impression that the background is endless.

Background image for Aftable

Hi All,
I am using JDeveloper 11.1.1.7.
My scenario is need to show one <af:table> with background image.I tried this below CSS,
af|table.myTable
background-image: url("../img/sampleImage.png") ;
It's wokring fine without data in the table.But after fetch the rows the background image is hiding.
How to set the background image with rows in the table?..
Thanks,
Arun D.
Edited by: ArunD. on Jun 1, 2013 5:46 PM

Hi Timo,
Thanks for the Idea ,
I set the data cell and banded data cell background as transparent now the image is showing after fetch the values also.
af|table::data-row af|column::data-cell ,af|column::banded-data-cell
background-color: transparent;
}Thanks,
Arun D .

Tables/Cells/Background images

Hello, this is probably a very minor issue but I am new to Dreamweaver so please bear with me (I am fairly technologically inclined and have a solid understanding of InDesign and Photoshop so I'm not a total beginner!). I am trying to prepare an html email and from Google research I decided to construct a layout in a table with a top banner cell then two cells in the inside and a bottom banner cell (ie top banner, two columns, bottom banner if that makes sense). I can't for the life of me figure out how to get a background image within an individual cell within the table. I have looked up many articles on this and it looks so simple - select the cell, then in the Bg field you can either select a color or click the folder icon and choose a graphic. I only have one Bg field and that is to select a color, no option no matter how I click, to get a Bg image. Help please help! Thank you!!!

HTML emails can be very challenging if you've never done one before. Suggest you read this over first.
http://alt-web.blogspot.com/2010/02/html-emails-and-newsletters.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

How to get background image in cell not to repeat help please.

hi folks,
i want to fill a cell with a background image and not have
the image repeat if the cell is resized by a viewer by enlarging
the text. (Previously i jsut used CSS to control the text, so it
couldn't be rezied, but now it seems that firefox ignores the CSS).
ANyway i would like people not to be able to resize the cell and
the background not to repeat.
Here is an example that when the text is resized the
background image and cell saty the same but a scroll bar appears
for the text.
http://www.stephenhuyler.com/projects.cfm
thanks for any help!

Use CSS -
td.special { background-repeat:no-repeat; }
for this cell -
<td class="special"....
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
==================
"intolight" <[email protected]> wrote in
message
news:enh08e$8u9$[email protected]..
> hi folks,
>
> i want to fill a cell with a background image and not
have the image
> repeat if
> the cell is resized by a viewer by enlarging the text.
(Previously i jsut
> used
> CSS to control the text, so it couldn't be rezied, but
now it seems that
> firefox ignores the CSS). ANyway i would like people not
to be able to
> resize
> the cell and the background not to repeat.
>
> Here is an example that when the text is resized the
background image and
> cell
> saty the same but a scroll bar appears for the text.
>
http://www.stephenhuyler.com/projects.cfm
>
> thanks for any help!
>

Background image is slightly repeating itself in my table

Similar Messages

Maybe you are looking for