Aligning a background image, is that possible?

I have a problem with my background image. I want to align it
on the right side and 168 pixels down from the top of my webpage
but I can't find a way to aligning it on the right side or any side
for that matter. I use Dreamwever 8. Is my request impossible or is
there some way to do this? I would really appreciate anyone's help
since I seem to be stuck in my webpage making!

Use CSS -
background-position: right 168px;
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
==================
"OfCorrs" <[email protected]> wrote in
message
news:e80kee$e02$[email protected]..
>I have a problem with my background image. I want to
align it on the right
>side
> and 168 pixels down from the top of my webpage but I
can't find a way to
> aligning it on the right side or any side for that
matter. I use
> Dreamwever 8.
> Is my request impossible or is there some way to do
this? I would really
> appreciate anyone's help since I seam to be stuck in my
webpage making!
>

Similar Messages

Align in background image

hello
i have a background image in flex 4 by i skinclass to project skin i make.
but when i run that image dont stay center desktop.
it in left
how do i work it??
can u help me please.thanks

Why are you hacking?
.img-shadow-wrapper { /* Drop Shadow */
*background: none;
_background: url(/themes/ocp/images/shadow.gif) no-repeat
bottom right;
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
==================
"Spencer Hill" <[email protected]> wrote in
message
news:f1vvuk$b3p$[email protected]..
> Heya,
> I am working on a website that is using the following
CSS to display
> a
> shadow effect for an image. It's calling a background
image and using
> margins
> to align it properly but IE7 refuses to render it yet
Safari, FF and even
> IE6
> display it properly no problems.
>
> .img-shadow-wrapper { /* Drop Shadow */
> *background: none;
> _background: url(/themes/ocp/images/shadow.gif)
no-repeat bottom right;
> }
> .img-shadow-wrapper img { /*Drop Shadow Positioning */
> border: 1px solid #777;
> padding: 1px;
> margin: 0px 5px 5px 0px;
> }
>
> HTML
> <div class="img-shadow-wrapper">
> <img src="
http://web.ocp.org/products/12244_t.jpg"/>
> </div>
>
> Can anyone help me find the solution?? Thanks
>

How to place a background image, so that the text layer, without having to use a text box

Hello,
I have a problem with the placement of the background image. When I normally formatted text on a page and add the image you want on the background of the text and the handle on the back is still image over text, just no longer responds to wrap text.
The second problem is adding a new page to the document. I have unfinished document and I need to add a page before the current ... how?
This is a new Pages.
Thanks for the advice

Helps to know exactly what version of Pages you are using.
I assume Pages 5.1. But the last post makes me wonder.
Text Wrap only works on text under an object. Either it is in front causing text wrap or it is in the background with none. It is unclear what you are trying to achieve.
Click at the very beginning of your text:
Insert > Section Break/Page Break
Peter

AIF - inbound background processing - is that possible?

Hi,
In WE20 for IDOCs we can set procssing from immediate processing to background processing
which means that many IDOCs will be processing using one work process
and not one work process per each message. This is done for enhancing performance in most of the inbound IDOC scenarios.
Can we do the same with AIF or inbound web services (proxies) for that matter ?
If not are the any procedures for handling large volume scenarios for proxies ? (so as not to occupy all work processes)
Thank you,
Regards,
Michal Krawczyk

Hi Michal:
If you are using IDOCs, there are AIF specific programs similar to the standard IDOC processing programs to process the AIF IDOCs in background.
Not sure what's availale for the proxy scenario.
Thanks
AT

Aligning Background Images/SWFs

I am using a SWF as an asset file to set backgrounds, or
insert images via a mx:Box at certain places in my application.
I do this by creating a mx:Box and a CSS style that specifies
the SWF resource in a background-image tag. Problem is that the SWF
is always centered in the mx:Box when using the style.
I've tried to set horizontal-align: left; but that didn't
have any effect.
So, how do you align a background-image to the left, using a
style? Is there a better approach?
Thanks,
JB

...same problem. Design view isn't browser view. I selected "no repeat" (CS3). I also tried to drag the image to fit.
However, the design window doesn't seem to be the dimension of what visitors to my pages will be viewing.
How do I know what dimensions to set in the Property Inspector?

How to specify relative path for background image in xsl

Hi,
I am generating a PDF from Apcahe FOP. I have an xsl for that, in the xsl fo:block I am displaying a background image. When the image path is absolute like..C:\image\logo.png it works fine. But I want to have the image in my WebContent\images folder and my xsl file is in WebContent\xsls folder. So when I try giving the relative path as ../images/logo.png, the image is not displayed.
Can anyone tell how to do this???
Thanks,
Sanjeev.

I have a fo:block like this :
<fo:block border-style="solid" border-width="0.2pt" text-align="left"
                         background-image="url('http://localhost:8080/Project/images/table_header_center.png')"
                         font-size="8pt" font-weight="bold" color="white" padding-top="1pt"
                         padding-bottom="1pt">
                         <xsl:value-of select="tr/td/span" />
                    </fo:block>In the above code you can see that the the background-image="url('http://localhost:8080/Project/images/table_header_center.png')"
has been given as absolute. The images folder is in my WebContent directory. I want this path to be relative to the context of my application , something like background-image="url('../images/table_header_center.png')".
Thanks.
sanjeev.

Mixed results on iPad and iPhone 6 Plus with background image. How to fix this?

Flash Professional CC
I'm having an issue with adding images on iPhone 6 plus and iPad. I'm getting mixed results with two items: 1) a background image and 2) a button that should appear at the bottom left-hand corner on any device. In one case the background image appears enlarged and only shows about 30% of itself. In the other case, the bottom left-hand button appears about 50 pixels to the left when x=0. I also get different results when I set the following:
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
This does not produce the expected results. I would like to have consistent results across iPad and iPhone 6 plus, which seams to be an issue. The immediate fix for this is to leave the images on the stage instead of using addChild. I could then just stretch the background image so that it spans the whole screen. But I want to add the items dynamically for greater flexibility.
Here are two cases:
Case #1:
This an iPhone 6 plus and you should notice 2 things. 1) There is black and white on both sides. The blue background SHOULD APPEAR ACROSS THE WHOLE SCREEN. 2) The red button in the corner SHOULD APPEAR IN THE LEFT MOST CORNER OF THE
SCREEN.
Case #2:
This an iPhone 6 plus and I have set the scale X, Y to the stage.stageWidth/Height:
mc_stageBackground_Main.scaleX = stage.stageWidth;
mc_stageBackground_Main.scaleY = stage.stageHeight;
This results in a close up of the background image.
Here is the code that I'm using:
import com.greensock.TweenLite;
import com.greensock.easing.*;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
//When this is active the background image spans across the device (iPhone 6 plus) correctly. The main logo image does not line up correctly.
/*stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;*/
var main_logo:MC_LOGO_MAIN = new MC_LOGO_MAIN();
var mainBackground_2208: MC_MAIN_BACKGROUND_2208 = new MC_MAIN_BACKGROUND_2208();
var mainBackground_1024: MC_BACKGROUND_1024 = new MC_BACKGROUND_1024();
var mainCorner: MC_MAINCORNER = new MC_MAINCORNER();
var chapters: MC_CHAPTERS = new MC_CHAPTERS();
var _stageWidth = 1024;
if (stage.stageWidth > _stageWidth)
    //Add bigger background if the stage is bigger than 1024
    mainBackground_2208.x = stage.stageWidth/2;
    mainBackground_2208.y = stage.stageHeight/2;
    addChild(mainBackground_2208);
    //Using this code results in a very close up view of the stage on iPhone 6 plus
    /*mc_stageBackground_Main.scaleX = stage.stageWidth;
    mc_stageBackground_Main.scaleY = stage.stageHeight;*/
    //Adds corner to the main screen.
    mainCorner.y = stage.stageHeight;
    mainCorner.x = (stage.stageWidth - stage.stageWidth);
    addChild(mainCorner);
    TweenLite.from(mainCorner, 1,{ height: 0, width: 0, delay:1, ease:Elastic.easeOut});
    //add logo to sit at 50 pixels from the top of the stage
    /*main_logo.x = stage.stageWidth/2;
    main_logo.y = (stage.stageHeight -stage.stageHeight + main_logo.height *.6);
    addChild(main_logo);
    TweenLite.from(main_logo, 1,{ y: -main_logo.height, ease:Elastic.easeOut});*/
else
    trace ("The stage is 1024 or smaller");
    //Add 1024 background if stage is 1024 or smaller
    mainBackground_1024.x = stage.stageWidth/2;
    mainBackground_1024.y = stage.stageHeight/2;
    addChild(mainBackground_1024);
    //Adds corner to the main screen.
    mainCorner.y = stage.stageHeight;
    mainCorner.x = (stage.stageWidth - stage.stageWidth);
    addChild (mainCorner);
    TweenLite.from(mainCorner, 1,{ height: 0, width: 0, delay:1, ease:Elastic.easeOut});
    //adds chapters
    chapters.x = (stage.stageWidth - stage.stageWidth)+75;
    chapters.y = stage.stageHeight - 120;
    addChild(chapters);
    TweenLite.from(chapters, 1,{ height: 0, delay:.5, ease:Elastic.easeOut});
    //adds the Main logo to sit at 50 pixels from the top of the stage
    main_logo.x = stage.stageWidth/2;
    main_logo.y = (stage.stageHeight -stage.stageHeight + main_logo.height *.6);
    addChild(main_logo);
    TweenLite.from(main_logo, 1,{ y: -main_logo.height, ease:Elastic.easeOut});

On all of the devices go to settings - facetime - iphone cellular calls - oFF, this part of Apple continuity.

How to set image in background as background image in view

hello experts,
i am writing small program in that
i have one view , with one group box
i want to set an image which should appears as a background image for that view , also i want to appear the group on that image in foreground.
i have no clue how to do that, can anybuddy help me out.
your help is apperciated.
thankx
regards,
nikhil
Edited by: nikhil jadhav on Nov 5, 2009 10:26 AM

hi,
refer these threads :
Background Image
I guess this is not possible. : Assign Background Image to a Group (Ans by Thomas)

Can't get rid of background image of toolbar buttons

I am just a front-end developer and responsible for the front-end look of an ADF application that we are creating: We are using jDeveloper 11.1.1.4.0 (and we cannot upgrade due to being told no...so I cannot USE the skin editor which when I tried to use, migrates the files).
I have created the necessary directories and files per tutorials I have been reading up on...
skins directory - (new directory)
skin.css (new file)
Web-Inf -
trinidad-skins.xml (new file and correctly configured)
trinidad-config.xml (existing file but updated to use the new skin)
Within the trinidad-skins.xml file I have the the new skin specified and is extending the "fusionFx-v1.desktop" default theme being used.
Now the problem... I cannot get the background images to be overwritten or disabled for af|toolbar::item within the .css file
I have looked up information about how to overwrite this and I tried to use the
-tr-inhibit: background-image; within the .css declaration like this
<code>
af|toolbar::item {
-tr-inhibit: background-image;
</code>
That was unsuccessful. I even just tried standard background {none;} and that was a no go as wel.
What am I doing wrong here? This is driving me nuts... they made this skinning stuff way too complicated IMO. I don't see why I can't just add a class to the component within the property inspector of that component and then be able to reference it via normal css conventions... but nope BREAKS grrr... And I'm advanced level CSS coder! This stuff has me absolutely clueless and ready to just quit!
Any suggestions or help is appreciated! And again... I cannot use the skin editor! Everytime I tried to, it prompted me to migrate the application and I cannot do this since there are about 5 other developers working on this application (we use clearcase for version control).
Thanks,
Michael

I can't use the stand alone skin editor since it will want me to migrate the project files (developed in 11.1.1.4) and all files are source controlled via ClearCase.
I have been experimenting...This is the code on the .jspx page
<code>
<af:panelGroupLayout id="header" styleClass="headerParent">
<af:panelGroupLayout id="topLinkBar" layout="horizontal" styleClass="topLinkBar AFStretchWidth">
<af:outputLabel value="#{customeradminportalviewcontrollerBundle.CUSTOMER_ACCOUNT}" styleClass="customerLabel"/>
<af:outputText value="outputText2012" styleClass="customerOutput"/>
<af:toolbox id="topLinkToolBox" styleClass="topLinkToolBox">
<af:toolbar id="topLinkToolBar" styleClass="topLinkToolBar">
<af:commandToolbarButton text="#{customeradminportalviewcontrollerBundle.HELP}" id="ctb2"/>
<af:commandToolbarButton text="#{customeradminportalviewcontrollerBundle.POWER_INVOICE}" id="ctb1"/>
<af:commandToolbarButton text="#{customeradminportalviewcontrollerBundle.CONTRACT}" id="ctb3"/>
<af:commandToolbarButton text="#{customeradminportalviewcontrollerBundle.SIGNOUT}" id="ctb4"/>
</af:toolbar>
</af:toolbox>
</af:panelGroupLayout>
</af:panelGroupLayout>
</code>
Here is the CSS code
<code>
#topLinkToolBar af|commandToolbarButton {
background-image: none;
background-color: transparent;
border: 0;
</code>
That WILL NOT get rid of the background images on the buttons! However if I do the !important hack within the CSS like this:
<code>
#topLinkToolBar af|commandToolbarButton {
background-image: none!important;
background-color: transparent!important;
border: 0!important;
</code>
Then BOOM it works... I do NOT want to use the !important hack since that will cause problems in CSS inheritance and cascading...
What am I doing wrong?
Also how do I (if possible) target a specific ID used? For example the af:toolbar has an ID of "topLinkToolBar" how can I target that within the CSS? I know I can target it via class attribute like this:
<code>
af:toolbar.topLinkToolBar
</code>
but how would I do the same if I wanted to only apply to a component with a particular ID?
Thank you everyone for all your patience, suggestions and help with this... I'm totally new to this type of environment and it's been a slow and frustrating learning experience!
Michael

Background image not scrolling with text

My foreground text will resize with my browser but the background stays stationery, remains in the upper left. How do I fix this? I have included part of my code.
Ideally I would like to anchor text boxes to background image so it will scroll all together. If this can't be done I can use the margins and padding to adjust my text to work with the background I just need it to move with it. I've seen samples of this, which i think may have been done in photoshop but I would like to keep the copy live in DW. FYI, I added "background-attachment:scroll" to the code. I have searched and searched online for a solution to no avail. I am attaching a coupld of PDFs so you can see where I want to go. Any help is greatly appreciated. Thanks a bunch in advance and please be gentle.
body {
     background: #666666; /* 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;
     background-image: url(Images/Background_Radial77.jpg);
     background-repeat: no-repeat;
     margin-right: 0%;
     margin-top: 19%;
     color: #FFF;
     background-color: #FFF;
     background-attachment:scroll
     margin-left: 0%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 100%;
     margin-bottom: 0;
     margin-left: 0;

My foreground text will resize with my browser but the background stays stationery, remains in the upper left. How do I fix this?
That's how web pages work. Remember, web design is nothing like print design. Printed pages or graphics are static.   Web pages must be flexible to accommodate different displays, text sizes and varying amounts of content.   Trying to precisely position text or other objects over a huge background is a bit like trying to nail Jello to a wall. No matter how hard you try, it will never hold up.
Fixed Background Example -
http://alt-web.com/DEMOS/fixed-background.shtml
Scrolling Divisions Example -
http://alt-web.com/DEMOS/multi-scrollbars.shtml
Your best option is to slice and dice your background image into usable segements in Photoshop or Fireworks. Save images only. Then re-assemble slices in DW to create flexible containers.
Basic Tutorial - Bringing 3 image slices into a CSS layout -
http://alt-web.com/DEMOS/Image-slices-in-a-CSS-based-layout.shtml
Advanced Tutorial -
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Good luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Is there a way to control how a background images appear on all browsers?

I have created a site that includes a fixed background image so that the only thing that scrolls is the main container that holds all the content. But I don't want it tiled. I want this one image to fill the entire screen behind the container. Is this possible to control from my end (by settings or by sizing the image in a certain way) or is this something that I can't control at all?

This http://www.onextrapixel.com/2012/03/02/using-css-background-size-responsively/ may help

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.
>

Background image for my portlet.

i have set a image for page background .
but i want the same image for all portlets is it possible to do?
if yes how to achive this?
and where shud i keep all my images?
i mean what is the path for images in portal.
really need help.
waiting
chaitali

Create a template.
Set that Image as background image for that template.
Use this template.
Keep the image in some shared dictory
e.g.
/image

How to do the background image for a site

Hi.
First, thanks for reading this.
I'm planning on using a gradient image as a background on a new site with black on the sides gradiating to blue in the middle which I created in Photoshop. The site is designed for 1024 (955) and up. How would I handle the background image so that no matter what the resolution above 1024, the visitor will see the gradient properly, meaning the blue will always be exactly in the center of the page and the image does not tile horizontally? (I don't want it to repeate from left to right when someone's resolution is really high)
I have seen a couple of sites that use solid images that appear to stretch the background image depending on the resolution, but have not been able to figure out the CSS code. In my case, I can have a single image that's say 5 pixels high, whatever width I need for the maximum (reasonable) resolution, and let it repeat from top to bottom.
Thank you.
MFitz721

Thanks for your reply, SnakEyez02 .
Another concern is wide-spread compatablilty on the largest number of browsers and PDAs possible, so it sounds like using the method you suggested would not be an option. What would you say is my next best option? Should I just design it for 1024 pixels wide (or perhaps 1440) and let what happens happen?
Thanks again.
Fitz21

Add a Background-Image to an Editable Region

I would like to add a background image at the bottom of this page (www.theram.com/drink_specials.html). The 'body' editable region is where I would like to add it but I am not sure how to...could you help me out? I don't want this image to show up on all template pages, just this page.
I added this code in the head section for only this page but obviously it is not correct because I don't see the image.
<style type="text/css">
<!--
body {
          background-image:url(/images/backgroundStoli_web.jpg);
          background-repeat: no-repeat;
          background-position: bottom;
</style>
Thanks for your help!!

npolen wrote:
I'm sorry, I don't think I was very clear on where I wanted this...I would like it to be in the white part of 'body' editable region that has the drink pictures and descriptions in it. How do I add a background image to that part of the page? Thanks!
In that case add an 'id' to the <th> cell that the drinks table is inserted into (see below - id="bg_1")
<th width="675" id="bg_1" align="left" valign="top" bgcolor="#FFFFFF" scope="col">
Then amend your 'body' css selector to #bg_1 (as below)
#bg_1 {
    background-image:url(/images/backgroundStoli_web.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
I don't know if /images requires a leading slash infront of it. If the background image does not show up get rid of the leading slash /
Not sure why youre using a <th></th> table cell to insert the drinks table into. A <th></th> tag is a table header tag.......you should really be using a <td></td> tag.

Aligning a background image, is that possible?

Similar Messages

Maybe you are looking for