Page Background Enquiry

I was just wondering if anyone could help me.
I have a table in the centre of my page which is set in
pixels; however I want the background to be two different colours,
white at the very top, and grey from about 3/4 of the way down to
the very bottom.
If someone could tell me how I would go about doing this,
that would be great.
Thanks
Nic

Make the table background gray. Make it have a CSS background
image with
repeat-x, that is the white color in a vertical bar about
20px wide, and as
tall as you want the white color to appear in the table. That
should do the
trick.
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
==================
"Nic26" <[email protected]> wrote in message
news:fv77ra$c43$[email protected]..
>I was just wondering if anyone could help me.
>
> I have a table in the centre of my page which is set in
pixels; however I
> want
> the background to be two different colours, white at the
very top, and
> grey
> from about 3/4 of the way down to the very bottom.
>
> If someone could tell me how I would go about doing
this, that would be
> great.
>
> Thanks
> Nic
>
>
>

Similar Messages

  • How to create a full page background image that is fluid?

    I'm creating a website for my portfolio, and one of the things I wanted to have is a full page background image that the div tags are in.  I know there is a way to put it in via page properties, but that doesn't allow you to add CSS styles and I want the image to re-size with window changes.  This requires putting the image in a div tag, but then it pushes the other div tags (such as my header section and navigation) so that they aren't over the image like I want.  Is there a way to push the image div tag to the back so that the other div tags go over it.
    I'm using HTML5, and it will also be a responsive design, but the fluid background is only for desktops.
    I don't go on the adobe website often, so if you have an answer to this, or need more information to figure it out please email me at [email protected] and you'll get a faster reply than on this forum.
    Thank you everyone for your help.

    You should set this forum to email you on a reply.
    I don't have a link in your question to determine how you are trying to do this, but here's a technique I have used:
    Take a look at this website and see if it doesn't have what you are trying to do. You'll see the flag in the background and I have used opacity in the layers on top of it to keep the flag somewhat visible.
    Now, what the flag does not do is re-size itself with the viewport (the browser window). But the flag is in a div that sits on top of the body. My code is accessible, but you're looking for the flag div and it's defined in CSS thusly:
    #flag {
              width: 100%;
              background-image: url("../images/polish-flag.png");
              background-repeat: no-repeat;
              min-height: 900px;
    Now, CSS3 adds a new attribute you can apply to the background image thusly:
         background-size: 100% 100%;
    That would make your background fill the viewport.
    I chose to not do that, because I was worried about versions of Internet Exploder before 10.

  • Page background disappears for a moment on page turn in pdf

    In indesign my document has a gradient page background (created in indesign) on the master page to make it look like a book. But when the page is turned in pdf, the background disappears for a moment, leaving the page white, then the background appears again; it does this nearly every time page is turned, flashing white. Does this have to do with pdf or indesign layers? I have only 1 layer in the indesign document, and transparency blend space is set to rgb.

    Everytime you change the page Acrobat needs to redraw all of the page elements. The dealy is probably a reflection of the amount off video memory available, as much as anything.

  • Full Page Background in Internet Explorer 8 and Below

    I am currently trying to achieve a full page background image using the method found here: http://cookbooks.adobe.com/post_Scale_Background_image_to_browser_size-17590.html
    Everything works fine in FF, Chrome, and Safari, but when I preview the page in IE 8, the image shows up as being centered in the page and does not stretch to fill the whole browser.
    You can see this here: www.virtualeconomyonline.com
    Here is the CSS:
    html {
         background: #F4EEFE url(../images/grass.jpg) no-repeat center center fixed;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         overflow: auto;
    body {
         -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/grass.jpg', sizingMethod='scale')";
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/grass.jpg', sizingMethod='scale');
    Does anyone have any ideas why it might not be filling the whole browser in IE 8 and under?

    Hi
    As the tutorial says, don't apply this to the html tag, (there is no reason to apply anything to the html tag any more).
    Move all the css that you have to the body tag css.
    PZ

  • What's the best way to save an 8.5 x 11 image for use as a page background in a PDF?

    What's the best way to save an 8.5 x 11 image for use as a page background in a PDF? My goal is to have a relatively small final .pdf file size that includes numerous pages with full 8.5 x 11 images as backgrounds in the document. If I save at 8.5 x 11 and 72dpi (example), the image is not 8.5 x 11, and the quality is not good enough. I need help with size, dpi, and file format to save as before I place it in InDesign and then save as a .pdf.
    Thanks,
    Jim

    Do exactly what I said then.  Create the InDesign document of the required dimension, and chose whether it will be high quality print, or Interactive PDF.  It really doesn't mater what format you bring the image into that document.  It can be JPG, PNG, but I usually use native Photoshop PSD.  The image does have to be of high enough resolution, but it can be many times bigger than iis required for the final export.  (InDesign does not import the image, but rather references it on your hard drive.)
    When you have placed your text and finished your page, then export it to PDF, but go through the tabs chosing suitable settings.  If the image needs to be downsized, InDesign will do that at this stage while building the PDF.
    If you can tell us how this presentation will be made (Projector, overhead projector, printed page etc. or just emailed to the end users) we can help you more with the final output settings. 

  • Keynote 6.0 isnt loading master page background image

    I made a kaynote in Keynote 5.3 and my coworker opened it in keynote 6.0 but the master pages background image fill was not loading and came up blank.  On several other laptops with keynote 5.3, the background images loaded properly.
    why and how do i fix this?

    One of the most common causes of Mavericks problems appears to be If the hard drive was not wiped clean before installing Mavericks as remnants of incompatible software remain.
    I would back up then clean install the OS.

  • Ibooks author, how do I get the standard book pages background into my document. I have published one book so far which does not display with a book pages background or options for font size.

    ibooks author, how do I get the standard book pages background into my document. I have published one book so far which does not display with a book pages background or options for font size.

    No on the book title, no problem there.
    The issue is: my book pages appear as on white paper, no background that resembles a open book and also no option to change fonts. The book was created in iBooks author, there was a problem going with the "Publish" menu route so I was instructed my Apple to "export" the file and submit that. I think that's the problem after reading that iBooks author is a hybrid epub file.
    Thanks for getting back to me.

  • How to create a scaled page background image?

    Hi - does anyone know of a way of creating a page background image which will scale to fit any screen width?  I've tried googling it, but get back so many complicated explanations that I don't know which to believe.  Up until now I've resorted to creating a large image, usually around 1700 x 1400px, which just about works, but obviously smaller screens lose a lot of it.  I'd really like to understand how to do this properly,
    Thanks
    SW

    How far back in browser version history do you want to support?
    IE9+ and any modern browser (like Firefox, Safari, Chrome and Opera) will work with the background-size:cover attribute:value in CSS3: http://www.w3schools.com/cssref/css3_pr_background-size.asp
    For older browsers, you'll need a bit more complicated solution using javascript like this page: http://louisremi.github.io/jquery.backgroundSize.js/demo/

  • Black page background flashes grey when zooming on images

    When I'm previewing my book on iPad I see that when I zoom in on an image (single image gallery widget) the page background which is black flashes grey momentarily. This happens on ipad but not when I preview on the mac.
    Seems like the page wants to revert to the default white background everytime I click an image widget. Any way to set a book wide black background color? I currently create the page background colour by placing a black rectangle object in the background.
    Thanks anyone for any tips!

    It seems there's a default setting when zooming on images that fades the background from white to black (I guess Apple is presuming all pages are white)? Anyone who have pages with colour background notice this?

  • Page background images, songs, movies, don't publish

    I'm new to this. I've researched other threads here and cannot find this specifically. I was so proud. What beautiful pages I had created in iWeb and so sad to discover dot mac couldn't display them!
    My tinted page background images have never published. These files published into my hard drive folder but are not on iDisk. Songs appear with a tiny Q for Quicktime and a ? - files were dragged into iWeb from audio media browser. Larger Q with the movies. I have one large Movie 18.5, one smaller - 4.5 MB. It's cool if dot mac can't handle it, but perhaps they shouldn't promote that they can! I'm a huge Mac fan, but any tips or tricks before I attempt to cancel my dot mac purchase? I went back and changed all the background image file names. No luck. I am so hoping that I'm just doing something stupid. I signed up for dot mac to share my music and movie files. Help me make it work!
    G4 Mac OS X (10.4.5) http://web.mac.com/divinelyfem

    Looks OK by me, Bruce

  • Page background flashing

    In Safari the page background flashes white when pages change.
    This does NOT happen in Firefox or Opera.
    Must have something to do with the fact that you can't set page color AND background image repeat in iWeb. One or the other, but not both so the page is flashing white before the background image loads and repeats. Or this is some sort of cache image, where the background image is not being cached so it has to reload on every page change.
    Anyone know of a workaround for this situation?
    http://www.buddhapada.com/joey/Site/one.html

    Thanks for your reply!
    * Use less objects on a page
    Pretty simple pages. Not much there.
    * Use less color differences on a page.
    There are no color difference on the pages.
    * use smaller objects on a page.
    One small graphic and two very small background images being.
    * keep the page simple.
    It is extremely simple.
    Further thinking makes me wonder if it had to do with the fact that whole new pages in new folders with redundant background images are created for every page.
    I wonder if loading the same background image from the "root" folder rather than all the redundant folders will solve the issue?

  • Page Background Lost on Regions above Content Area for Some Pages

    Hi - I am a iWeb novice, but not a total rookie on this kind of software...
    I have a simple iWeb project that applies a gradient fill to the page background, and applies one of the gradient colors to the Browser background on every web page. I am using the "White" theme, and I have trouble with the "Photos" page template drawing Page backgrounds correctly. I have my content area set wider than the default to 1008 pixels to fill a 1024-wide display. I set my display area to 877 pixels high to coincide with the largest media dimension that I see with the inspector.
    I looked here for previous discussions on this and failed to find anything. Maybe I missed a post...
    Initially, most web pages load and display correctly the first time. One Photos web page, however, displays the Browser background - not the Page background above the centerline of the page name.
    On several pages with a "Photos" template (but not all), the initial page is displayed correctly. But, when I click on a photo thumbnail and the page is revised to display the larger photo image in the content area, the Browser background is displayed in error above the content area, and the Page background displays correctly below the top of the content area.
    I have looked for some consistent issue or characteristic that might let me predict when this problem occurs, but it ll looks rather random. It is repeatable, though - clearing caches and reloading the same page exposes the problem the same way a second time for the same page, in other words...
    Is this a bug, or something subtle in placement or overlap of areas on the page that I haven't noticed? Anything to be careful with to avoid this problem?
    Thanks anyone for any advice!
    Brian
    Message was edited by: Brian Crowe1

    Hi Cyclosaurus and Apnewbie -
    Thank you for your interest and replies. Here is a simple page that illustrates the problem I am having with a Page Background Gradient Fill on top of a Browser Background Solid Fill
    http://web.mac.com/bccrowe/Troubleshooting/KyliesArt2.html
    Here, I intend the page from the very top to the bottom of the defined content area to transition from pink to white as the eye moves left to right. The browser background is also pink to add some depth to the image - that's what you will see when the page loads.
    Click on the child's drawing to present the image, and you should see the gradient disappear above the centerline of the second text box (above the comment area) when the page finished loading with the large drawing.
    The Content area coincides precisely with the bottom of that second text box. I have tried to move the content area further below the text boxes so that they are not imtimate - no difference. I haven't tried to separate the text boxes, yet.
    The two text boxes immediately above the content area are 45px x 630 px (18 pt text) and 30 px x 630 px (14 pt text) - they overlap by about 10 pix.
    The content area that displays the thumbnail is 1008 px x 445 px (I thought that I set that at 877px...). I can try to set the content area to 877 px... Maybe this is the problem - maybe the Page Background shifts down to coincide with the bottom of the next page#2... Hmmm...
    When you click on the thumbnail, the page#2 content area is 1008 px x 877 px.
    In iWeb, this all looks the way I want it to.
    Please diddle with the page, and ask me any new questions! I appreciate your insight and help. In reality, Kylie won't notice the background change, but my next objective is a corporate site - this child's site is my "training" site. iWeb is really pretty flexible and easy to use. If I there's a work-around or something to avoid, I can live with iWeb just fine.
    Thanks again -
    Brian

  • Iweb page backgrounds

    does anybody know where the page backgrounds are stored? I want to use a background image from one template on a different style template, but without knowing what the images are called, i cant do a search for them...
    Thanks

    Hi svendo!
    Apparently all the templates and stuff are organized within the iWeb application package itself. You'll have to search around in there for your background image... Here's a recent thread about finding a specific background image on a template...
    http://discussions.apple.com/thread.jspa?threadID=566583&tstart=30
    Good luck!

  • IWeb not publishing edited "top" and "bottom" page backgrounds

    I have edited the page background for the "Layered Paper" theme to fit an 800px space (up from 700px). The backgrounds display correctly in iWeb, but in Safari, only the middle image is the correct 800px format. The top and bottom both display the old 700px image as a "tile."
    I have emptied Safari's cache and deleted the original 700px images from the iWeb theme folder. This also occurs under IE8. Any ideas?
    site: carl.stoneh.am

    Yes. I edited those files directly (after backing up the originals in case something went wrong).
    I did discover a tutorial online that suggested just dragging the "new" header footer into iWeb, so I tried that out. If you visit the "CV" age, you'll see that the header works just fine (I left the footer alone for testing purposes). I guess that will do as a stopgap, but I'm still curious as to why iWeb used the correct image file in the program but published it to MobileMe using a 700px width. Is this perhaps something that's just hard-coded in the program, and changing the width of a page doesn't "correctly" publish larger images for the header and footer (unless they're just gradients, etc)?

  • Page background missing

    Hi All,
    After a successful first website, I tried to create a new one.
    While I've defined a gradient page background, about half of the pages show up correctly, but the other ones are missing this page background completely.
    Does it sound familiar to one of you?
    Many thanks in advance!
    GJ

    What's the URL of your site so we can examine it first hand? Where are you hosting the site and how are you uploading the files?
    Note: There are some browsers that do not render the gradient backgrounds as created by iWeb. If you can create a jpg file of the background and use it then all browsers would see it the same.
    OT

Maybe you are looking for