Problem with Gradient Background

When I publish my code for the gradient background and view
it on the web I generate a 15 pixel gap between the stage and the
tab bar on Firefox. So when viewed you see the tab bar, then the
default color for the stage background, and then the gradient stage
background. How do I get rid of the gap?
To view the effect please go to
www.arealtaxcut.com/index000.html --- Here is the code:
I did add the HTML tags <center> </center> to the
.html file.

css call in the body tag: <body margin="0"> worked to
bring the entire document to the left, however there was still the
issue of the spacing at the top. After further research this is
what I came up with and it works like a charm.
<style type="text/css"><!--body {margin:0px;
padding:0px;}--></style>
Rob Dillion thank you for (1) your quick response and (2) for
pointing me in the right direction. Very helpful.

Similar Messages

  • I have CS4 Ilustrator and am having problems with gradient banding. I'm ripping files through Wasatch 6.7 to a Roland SC-540 printer.

    I have CS4 Ilustrator and am having problems with gradient banding. I'm ripping files through Wasatch 6.7 to a Roland SC-540 printer. Is there a fix for this? Please let me know, I have been asking here for a few days here and no answers yet? Josh

    I have CS4 Ilustrator and am having problems with gradient banding. I'm ripping files through Wasatch 6.7 to a Roland SC-540 printer. Is there a fix for this? Please let me know, I have been asking here for a few days here and no answers yet? Josh

  • Having problems with gradient fill.

    Having problems with gradient fill. Not sure how to select the gradient circles between outer circles consistently especially when there are more than 3 colors.

    Hi,
    It should be somewhat easier to try that out in landscape orientation. Does that help?
    thanks,
    Ignacio

  • What do I do when I create a pdf and it says fatal error, there is a problem with the background task

    What do I do when I create a pdf and it says fatal error, there is a problem with the background task

    see Adobe Community: File Crashing on Output - printing/PDF/other

  • Problem with gradients

    Hello,
    I am having a problem with gradients in a Captivate 2
    project. I have a lot of images in a presentation that use
    gradients. Once the movie is published, the gradients are looking
    very banded. It almost looks like the images are being converted to
    gif's. I have also noticed this with photos that have a lot of
    colors in them. I set the jpg quality to 100%, but that didn't seem
    to have any effect.
    Is there a settings I am missing? Any help with this would be
    greatly appreciated.
    Thanks,
    - Jason

    Hi Jason
    Normally, we suggest that folks remove gradients from window
    title bars. However, assuming you know this and it's your
    application that is displaying the gradient (for example, an image
    inside Microsoft Paint) you might try looking in the following
    places and tweaking as necessary:
    * Slide Properties - Slide Tab - Quality drop-down.
    * Project > Preferences... > Preferences tab > JPEG
    image quality
    * If this is a full motion video clip where you see a
    camcorder icon on the Film Strip - Options > Recording
    Options... > Full Motion Recording tab > Video color mode
    Cheers... Rick

  • I Need Help With Gradient Backgrounds

    Can someone explain to me why my design appears as if it has an outer glow when I add a gradient background? Thanks in advance.

    Sorry, nothing to recognize, I don't see on the pixel "accident" what you mean.
    Make the sreen shot with the OS, not with a camera.
    Show in detail what your problem is.
    Tell us: OS, version, what have you done, file type, etc.
    As it is now we can't see anything important.

  • Problems with the background image in IE

    Hi I've been optimizing some pages for the different browsers in Dreamweaver CS4. They all work fine in Safari, Firefox and Opera, Internet Explorer is, however not showing the background image I have selected. I can't for the life of me see what's going wrong! Any help wopuld be appreciated. here is the code on my index page which I built from a template. I don't know if it's the editable areas that are going wrong!
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>test site</title>
    <!-- InstanceEndEditable -->
    <link href="oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-repeat: repeat-x;
    background-image:url(file:///Macintosh HD/Users/me/Documents/websites/face_divorce/test/images/test_back.png);
    .oneColFixCtrHdr #container {
    width: 770px;
    margin: 0 auto;
    border: 0;
    padding: 0;
    .oneColFixCtrHdr #header {
    text-align: centre;
    border: 0;
    padding: 0;
    .oneColFixCtrHdr #header h1 {
    <img src="../images/test_logo.png"
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    font-size: x-large;
    text-align: right;
    .oneColFixCtrHdr #mainContent {
    padding: 0;
    .oneColFixCtrHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-family: Verdana, Geneva, sans-serif;
    color: #6699cc;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: lighter;
        text-align: center;
    -->
    </style>
    <!-- InstanceBeginEditable name="head" -->
    <meta name="Description" content="facedivorce.com.com is an online resource tool to help guide you through the various stages of divorce.  Simply click on before, during or after divorce to find everything you could ever need to do with divorce.
    " />
    </head><meta name="keywords" content="test
    " />
    <!-- InstanceEndEditable -->
    <body class="oneColFixCtrHdr">
    <div id="container">
      <div class="oneColFixCtrHdr" id="header">
        <table width="740" border="0" align="center">
          <tr>
            <td  border="0" height="38" ></td>
            <td align="right" valign="bottom"><!-- InstanceBeginEditable name="HeaderLinks" -->
              <p class="TextButtons"><a href="index.html" class="TextButtons">Home</a>   <a href="featuredcompany.html" class="TextButtons">Featured Company</a>   <a href="youngpeople.html" class="TextButtons">Young People</a>    <a href="andmore.html" class="TextButtons">And More</a>    <a href="blog/index.html" class="TextButtons">Blog</a></p>
            <!-- InstanceEndEditable --></td>
          </tr>
          <tr>
            <th height="48" align="left" valign="bottom">
    <h1><a href="index.html" title="test"><img src="images/test_logo.png" alt="test" width="245" height="46" border="0" align="left" /></a></h1>
    </th>
            <td align="right" valign="bottom"><!-- InstanceBeginEditable name="HeaderButtons" --><a href="#"><img src="images/facebook-logo.png" alt="FaceBook Button" width="48" height="48" border="0" align="bottom" /></a> <a href="#"><img src="images/twitter_square.png" alt="Twitter Button" width="48" height="48" border="0" align="bottom" /></a><a href="#"><img src="images/blogbutton.png" alt="Blog Button" width="49" height="47" border="0" align="bottom" /></a>    <!-- InstanceEndEditable --></td>
          </tr>
        </table>
        <!-- end #header -->

    Hi
    The fact you are using a Mac is why both myself and JCellini assumed you where using a pre IE7 version.
    But the code you are using to test in IE will cause a problem with any 'virtual machine' such as crossover, because it cannot reference anything outside its own assigned section of the drive, and referencing the png in the way you are would be for it an invalid reference, it also would not work in any browser when you uploaded the site.
    Change - background-image:url(file:///Macintosh  HD/Users/myname/Documents/websites/test/Test/images/test_back.png);
    To - background-image:url(images/test_back.png);
    But if the region is not editable I would suggest you temporarily make it so, externalize your css to a css file, insert a link to the external css file in your head content, then lock the region once again. This way you will always be able to edit your css without worrying about 'locked regions'.
    PZ
    www.pziecina.com

  • Problems with gradient tool bar not remaining on object applied in illustrator cc

    Hello,
    when applying a gradient to a rectangle i will get the gradient tool, click on the left half of the object i want it applied to and while holding down drag a line to thew right hand side of the object. the problem the arises when i release the mouse as the gradient bar that has been shown while holding down then disappears. this applies the gradient but the issue is that all gradient editing has to be done on the gradient window as a posed to live on the object slowing the work flow.
    I am not sure what I'm doing wrong but help would be much appreciated.
    Kind regards
    Joseph

    Just for the sake of learning how to use the tool i start with drawing a rectangle then click and drag the gradient tool across the box. i see the gradient line appear but when i release the mouse the gradient line disappears
    i end up witha box with a gradient but all my editing has to be done in the gradient box as shown in this screen shot:
    What I'm wanting to achieve is how the lades hat is edited in this video Working with gradients | Visual Design CS4 | Adobe TV

  • Problems with the background image size in a photobook

    Hi there, I really need help here. When I make a photobook I want to display my images large, taking the whole page. To do that I put the image as a background and it's OK. My problem is that when I do this, iPhoto always crops it. I have to use the move tool to move the image up and down, left or right to chose a best position. I don't want to do this, I want my image to be shown perfectly from end to end. I have to resize the image in many ways, even used the book's native resolution but it still doesn't work. If I choose "fit photo to frame size" I end up with two stripes at the top and the bottom of the page.
    Please help me, what size should I resize my image to, so that iPhoto displays it as it is?
    Thank you

    Hi
    The fact you are using a Mac is why both myself and JCellini assumed you where using a pre IE7 version.
    But the code you are using to test in IE will cause a problem with any 'virtual machine' such as crossover, because it cannot reference anything outside its own assigned section of the drive, and referencing the png in the way you are would be for it an invalid reference, it also would not work in any browser when you uploaded the site.
    Change - background-image:url(file:///Macintosh  HD/Users/myname/Documents/websites/test/Test/images/test_back.png);
    To - background-image:url(images/test_back.png);
    But if the region is not editable I would suggest you temporarily make it so, externalize your css to a css file, insert a link to the external css file in your head content, then lock the region once again. This way you will always be able to edit your css without worrying about 'locked regions'.
    PZ
    www.pziecina.com

  • Problem with Gradient Layer and second layer with opaque object

    I opened a new document with a white background. I then used the gradient tool under the paint bucket to make a blue sky fading to white. I then created a second layer to put a sun in with diffuse edges, so as to not have just a round yellow ball. Problem is, the yellow sun comes out fine on its' transparent layer, but when I turn on the gradient layer, it gets a blue tinge from the sky and is really only half visible. An example is below. Please help. Thanks in advance.

    I'd guess, without seeing your layers palette, that your sun image is partially transparent and as such some of the blue sky is mixing with it, yielding the green color you see.
    It really boils down to what you want it to look like.  If you're shooting for more or less a "child's" style drawing of a big yellow ball, make the brush you draw the sun with have a harder edge, and paint it in so that the central pixels are opaque.  Make sure the sun's above other layers that could influence the result.
    It might be good if you screen grabbed your layers palette and posted it.
    -Noel

  • Problems with gradient feather when saving as pdf

    I have an InDesign CS4 file which has a high-quality grayscale jpg with a CMYK jpg on top of it. The later has a gradient feather effect applied to it. When I export to pdf, some people (I believe with an older version of Reader or Preview) cannot view the gradient. From a computer like this, it prints the most transparent part of the gradient as the entire gradient, so I think it's still there but very hard to see.
    I haven't been able to test it in Reader because I can't find an older version, but I know it doesn't work in an older version of Preview (3.0.9 is what I tried). However, everything I've tried hasn't worked—I've tried changing the Transparency Blend Space to RGB, Exporting as Acrobat 4.0 (which works but looks horrible); I've exported as Press Quality and High Quality Print, and played with profile settings. I've also made sure that all my graphics and profiles match as CMYK, because originally they didn't. The only thing that works is if I open it in my version of Mac Preview (5.0.2) and then Save As a pdf from it. But I'm afraid the colors and perhaps quality are affected in so doing. I've also googled this to no avail.
    Has anyone else had this problem? Can someone help?
    This is what is should look like.
    This is what it does. Notice the color is still in the "contact us" (and all the colors on p.2 are fine).

    What version campatibility for Acrobat do you have selected in your export settings? Changing to Acrobat 4 will make it compatible with 4 and later, but you'll wind up falttening the the transparency and heve nasty looking white stitching lines all over the place that will show on screen and print on most desktop devices, not to mention a loss of interactivity, I think.
    Reader is free... Tell these people to download an upgrade to the most recent version that will run on their systems rather than trying to dumb down your file.

  • Problem with Gradient Tool

    I contacted Adobe because I began having difficulty using
    the Gradient Tool in Photoshop CC 2014 which had previously worked properly.  As I explained to technical support when I
    tried to generate a gradient a progress bar would appear, and at first would
    begin to fill rather quickly, but at 75% of completion it would slow to a
    crawl.  Apparently, eventually it would
    complete, as a gradient did appear in my image, but the completion time was probably
    15 or 20 minutes.
    Adobe technical support first had me restart Photoshop and
    not load my plug-ins which they thought were perhaps conflicting with the
    gradient filter.  I followed this
    direction but, after doing so, the problem persisted.
    Then they asked that I restart Photoshop and delete my Preferences.  I was hesitant lose my preferences and asked
    if I could copy and rename the file containing my preferences before deleting
    it.  They directed me to its location,
    but I couldn’t find the file where it should have been located.  So I elected not to follow their suggestion
    of deleting my preferences to see if this would resolve the issue with the
    Gradient tool.

    Which operating system are you using?
    On windows you need to enable Show hidden files and folders in the Tools>Folder Options to see the photoshop cc 2014 preferences folder
    On mac os press the Option key in the Finder Go menu and click on Library to see the user Library
    How big is your image in terms of pixel dimensions?
    (Image>Image Size)

  • Problem with gradients imported to indesign

    Hi all.
    I have a number of illustrator files not particuarly complex with some gradients.
    In indeisgn the preview looks fine.
    But once exported to PDF the gradients seem to have reversed. So where it was most purple to white its now mostly white to purple, and nothing I do seems to get round this apart from rasterising it in illustrator which I would prefer not too.
    Is there any tips for this I assume bug?

    Hopefully to express my problem here are attached some images.
    IMage one is the original as it looks in illustrator
    The second is how it exports to PDF from illustrator on default settings. Also from indesign it look like this on highest quality PDF settings
    The third is how it looks exported from indeisgn at lowest pdf settings. The same file.
    As you can probably appriciate this is doing my head in. And this image is rasterised, its not the original gradient, which does exactly the same thing anyway.
    I tired all settings I could find in indesign, but I think its a problem of illustrator but I don't know what.
    Sadly this forum does not appear to support image tags so they are named 1-3
    http://www.garethirwin.ukfsn.org/screen1.png
    http://www.garethirwin.ukfsn.org/screen2.png
    http://www.garethirwin.ukfsn.org/screen3.png

  • Tiny but annoying problem with desktop backgrounds

    Whenever I use fast user switching to switch from my admin account to the standard user account it briefly shows a picture that was set as the background a long time ago and then shows the currently set background. Its that close up of a bright scarlet rose that comes with the OS. But its been changed several times since then and it doesn't do anything similar when I go from the standard to the admin account. I know its a tiny problem but its starting to really annoy me every time I see that overly bright picture flashed on the screen for a second or two.

    I managed to sort it out by myself.

  • Problem with gray background in SmartForms

    Hi all
    I have uploaded a logo via SE78. The logo have white background both in windows and in the print preview in SAP (SE78). When I insert the logo in my SmartForm the background gets gray, not white. I have tried just to upload a picture that is only white, but I get the same problem here. It is white in the print preview in SAP SE78, but in SmartForms it gets gray background. If I upload it as a black and white picture it gets white background, but I need it to be a colored logo.
    Any one got input on this issue?

    Hii Johan ,
    The problem is the sap conversion,
    it converts every image imported into the system to
    <b>256 colors</b>, converting white (RGB 255.255.255 to 252.240.240 )
    so using <b>Microsoft Photo Editor</b>,
    make the white font transparent and
    then save it as bmp (discharging the transparent converts it to true white)
    define  the graphic in color or black/white. You could define also the dpi .
    also check it by taking print in other printers ..it could as well be drivers problem .
    Reward points if helpful
    Revert back for more help
    Regards
    Naresh

Maybe you are looking for