a: link has the background image

I have a bkg img in my NAV to nav and the bottom (navBkg.jpg) these NAVs are style very specifically for the nav and low Nav in my css.  However all a links show this backdrop, rather than just the nav and the low NAV.  You can see in the lower area (snack of the week Club Eva prim) where it says "...". Read more. »

http://carriecoren.com/test/Sept9

Here's the css:

@charset "UTF-8";

#column3 img {}

margin-left: 10px;

}

@font-face

{

do-family: myFirstFont;

SRC: url (Gondola_SD.ttf);

}

*{

margin: 0;

padding: 0;

}

one, a: link, a: hover {}

background-image: url (.. / images/whtBkg.jpg);

}

{body

do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

do-size: 14px;

color: #222;

line-height: 18px;

margin-right: auto;

left margin: auto;

text-align: left;

background-image: url (.. / images/blue_bg_vert.jpg);

background-repeat: repeat-x;

background-color: #000;

}

#container {}

Width: 960px;

margin-right: auto;

left margin: auto;

margin-top: 0px;

margin-bottom: 0px;

text-align: left;

background-color: #FFF;

background-image: url (.. / images/containerBkg.jpg);

background-repeat: repeat-y;

}

#content {}

Width: 920px;

padding-right: 20px;

padding-left: 20px;

}

#header {}

background-image: url (.. / images/header.jpg);

background-repeat: no-repeat;

padding: 0px;

height: 280px;

Width: 960px;

text-indent:-9999px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

left margin: 0px;

}

/ * column 1 * /.

{#column1}

Width: 590px;

top of the margin: 30px;

margin-right: 0px;

margin-bottom: 20px;

margin-left: 10px;

border: medium solid #888;

background-image: url (.. / images/column1art.jpg);

padding-bottom: 50px;

float: left;

}

#column1 p {}

do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

do-size: 14px;

color: #222;

line-height: 22px;

padding-left: 253px;

padding-right: 10px;

padding-bottom: 10px;

}

#column1 h1 {}

Police-weight: normal

do-family: Gondola_SD.ttf;

do-family: 'gondola SD","Gondola SD - Swash";

padding-top: 20px;

padding-left: 240px;

padding-bottom: 10px;

font size: 20px;

Word-spacing: 95%;

text-transform: uppercase;

line-height: 30px;

text-align: center;

}

/ * column 2 * /.

{#column2}

background-color: #FFF;

padding: 0px;

Width: 250px;

margin-top: 30px;

right margin: 20px;

margin-bottom: 0px;

margin-left: 10px;

float: right;

padding: 0px;

}

#column2 li {}

list-style-type: none;

display: inline;

padding: 0px;

margin-top: 0px;

right margin: 8px;

margin-bottom: 0px;

left margin: 0px;

}

#column2 a, a: link {}

margin-top: 0;

margin-right: 0px;

margin-bottom: 0;

left margin: 0;

padding-top: 0;

padding-right: 0;

padding-bottom: 0;

padding-left: 0;

}

/ * column 3 * /.

{#column3}

Width: 550px;

margin-right: 0px;

margin-bottom: 20px;

margin-left: 10px;

border: medium solid #888;

padding: 20px;

float: left;

height: px;

background-color: #FFF;

}

#column3 p {}

do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

do-size: 14px;

color: #222;

line-height: 22px;

}

#column3 h2 {}

Police-weight: normal

do-family: Gondola_SD.ttf;

do-family: 'gondola SD","Gondola SD - Swash";

padding-bottom: 10px;

do-size: 16px;

Word-spacing: 95%;

text-transform: uppercase;

line-height: 30px;

text-align: left;

}

#column3 a, a: link {}

color: # 33;

background-color: #FFF;

background-repeat: no-repeat;

}

#column3 a: hover {}

color: # 33;

make-weight: bold;

}

H1 {}

padding-bottom: 10px;

Police-weight: normal

do-family: Gondola_SD.ttf;

do-family: 'gondola SD","Gondola SD - Swash";

padding-top: 20px;

font size: 20px;

Word-spacing: 95%;

text-transform: uppercase;

line-height: 30px;

text-align: center;

}

/ * the main nav * /.

#nav {}

Width: 960px;

height: 35px;

margin-bottom: 10px;

padding-top: 5px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

text-align: center;

do-size: 14px;

line-height: 30px;

do-family: 'gondola SD","Gondola SD - Swash";

border-top-width: thin;

border-color: #000;

background-image: url (.. / images/navBkg.jpg);

background-repeat: repeat;

}

#nav ul {/ * this is the main nav list * /}

list-style: none;

margin-bottom: 0px;

Width: 100%;

margin-top: 0px;

}

#nav li {}

display: inline;

background-image: url (.. / images/navBkg.jpg);

background-repeat: repeat-x;

}

#nav li has, a: link {}

padding-right: 25px;

padding-left: 15px;

text-decoration: none;

background-image: url (.. / images/navBkg.jpg);

background-repeat: repeat-x;

vertical-align: bottom;

Width: 100%;

padding-top: 0px;

padding-bottom: 0px;

margin-top: 0px;

}

#nav li a: hover {}

background-image: url (.. / images/navBkgHover.png);

background-repeat: repeat-x;

padding-top: 6px;

margin-top: 0px;

Width: 100%;

}

/ * nav down * /.

{#bottomNav}

Width: 960px;

background-color: #003399;

margin: 0px;

padding-top: 0px;

padding-bottom: 0px;

border-top-width: 9px;

border-top-style: solid;

border-bottom-color: #000;

text-align: center;

background-image: url (.. / images/navBkg.jpg);

background-repeat: repeat-x;

float: left;

height: 25px;

}

#bottomNav ul {}

list-style: none;

make-weight: bold;

margin-bottom: 0px;

margin-top: 0px;

padding-top: 0px;

padding-bottom: 0px;

}

#bottomNav li {}

margin-right: 0px;

position: relative;

padding-right: 10px;

padding-left: 10px;

padding-top: 0px;

padding-bottom: 0px;

display: inline;

}

#bottomNav a, a: link {}

margin-right: 0px;

padding-right: 10px;

padding-left: 10px;

padding-top: 7px;

padding-bottom: 7px;

display: inline;

margin-top: 10px;

margin-bottom: 0px;

color: #DDD;

}

#bottomNav a: hover {}

color: #DDD;

Background: #660000;

}

{#pinterest}

Width: 250px;

margin-right: 0px;

margin-bottom: 20px;

left margin: 0px;

}

#twitter {}

background-color: #FFF;

Width: 250px;

margin-right: 0px;

margin-bottom: 20px;

left margin: 0px;

height: 100%;

top of the margin: 15px;

}

{#social}

Width: 250px;

height: 58px;

background-color: #FFF;

}

#copyright {}

do-family: Arial, Helvetica, without serif.

do-size: 9px;

line-height: 20px;

color: #222;

text-align: center;

Width: 100%;

float: left;

}

{#contact}

margin: 0px;

height: 140px;

Width: 50px;

padding-right: 10px;

padding-left: 20px;

border: thin solid #222;

padding-top: 40px;

}

. Clear {}

Width: 900px;

color: #EEE;

top of the margin: 100px;

margin-right: 0px;

margin-bottom: 0px;

left margin: 0px;

Clear: both;

}

#container #content #clear {}

Width: 700px;

}

However all a links show this backdrop, rather than just the nav and the low NAV.

Perhaps, you will also need to change this code a little:

#nav li a, a:link {

TO:

#nav li a, #nav li a:link {

Your code is targeting all THE links on the page, while the second code which I gave is the targeting of specific links.  Slight difference but big changes on the page.

Tags: Dreamweaver

Similar Questions

  • CFDOCUMENT - only the first PDF has the background image displayed in a loop

    Here is the code example. The first PDF is created very well, but the rest files lack background image. Similar problem was reported here very strange CFDOCUMENT Bug | Blog of Raymond Camden, but I could not find a solution to this problem. Would appreciate any input!

    < cfloop query = "MyQuery" >

    "< cfdocument format ="PDF"filename="./docs/#filename# ".

    Overwrite = "yes".

    localURL = "true" >

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

    < html >

    < head >

    < style type = "text/css" >

    body

    {

    background - image: URL('image.jpg');

    background-repeat: repeat no.;

    }

    < / style >

    < / head >

    < cfoutput >

    < body >

    < table width = "100%" cellpadding = "0" border = 0 >
    < b >
    < height td = "280px" colspan = "4" > < table >
    < /TR >
    < tr valign = "top" >
    < td align = "center" colspan = "4" >
    < span style = "do-size: 48;" do-family: Calibri; color: black; make-weight: bold; ">
    #FirstName # #LastName #.
    </span > < br >
    < span style = "do-size: 25;" do-family: Calibri; color: black; make-weight: bold; ">
    for the
    </span > < br >
    < span style = "do-size: 48;" do-family: Calibri; color: black; make-weight: bold; ' > '.
    project #qNomination.proj_name #.
    </span >< br >
    < table >
    < /tr >

    < / body >

    < / cfoutput >

    < / html >

    < / cfdocument >

    < / loop >

    The example I gave you would work. It's just dynamic as I'll now show.

    In the following example, save CFM 2 files and image files in the same directory. Then open testFile.cfm in the browser. This will dynamically create 3 PDF files in the current directory

    testFile.cfm

    Inc.cfm

    Content of body HTML of the page #idx. #

  • How can I change the background image for the lock screen?

    Hi, I just bought a new laptop and I got Windows 7 installed in the store, and I would like to change the background image for the lock screen.  When I went to activate my account, I found out that it has already been activated, but I can't find the settings-> settings more PC in the lower corner on the right.  Thank you!

    Lock screen?

    Are you referring to the login screen?

    Or wallpaper?

    Right-click on your desktop and select Personalize.

    Office link is at the bottom left and use a win-7 theme.

  • definition of the background image of the file during execution

    So, I have another issue to resolve and my migration to 11.5 will be complete.  In the previous iteration, the project has been able to set the background image from an external file dynamically during execution.

    After the migration, it seems that the projector keeps the canonical path to the image of Member and looking for him there. In other words, loads of projector, but a file finder opens, saying: he cannot find the background image in the path of the source machine Director.  Setting the name of the file in the jargon does not stop this behavior doesn't happen.

    I tried to re - import the image as "link to external file" (which had the same results) and flat import (which does not load the file during execution, even if I put the file name in the jargon).

    Anyone know how I can do this, the value of the background image of a file during execution?

    Thanks in advance!

    I do it all the time.  Just make sure that the image is in the same location relative to the projector that's director file.  The easiest way is of course if the image is in the same folder as the .dir file, in which case, you'd sure as to put it in the same folder as the projector, and you can set the name of the file using:

    Member ("someExternalMember"). FileName = the moviePath & "filename.jpg"

    You can have it in subfolders as well if you want to make sure that the relative location is the same.

  • Change the background Image on a Page of a Site.

    CSS of my site has a background image set. I need to change the background image on a page, which has a feedback form.

    I tried a number of different positions for the insertion of the image, but nothing helped. I tried to go in the rule for div id = 'background', and change is here, but it affects all pages. So, I guess that I must write a new rule?

    Here is the code:

    < div id = 'background' >

    < div id = "items" >

    < h2 > Heard! < / h2 >

    < p > < a href = "index.php? status = pending" > waiting for < /a > < a href = "index.php? status = planned ' > under < /a > < a href =" index.php? status = declined "> refused < /a > < /p >" "

    < ol >

    <? PHP {? >}

    < li > < strong > <? PHP echo $row_Getclan ['title'];? > < / strong > < br / >

    <? PHP echo $row_Getclan ['content'];? > < br / >

    by

    <? PHP echo $row_Getclan ['author_name'];? >, to <? PHP echo $row_Getclan ['created_at'];? > < /li >

    <? PHP} while ($row_Getclan = mysql_fetch_assoc ($Getclan));? >

    < /ol >

    < p > < a href = "<?" PHP printf ("%s? (pageNum_Getclan = %d %s", $currentPage, max (0, $pageNum_Getclan - 1), $queryString_Getclan);? > "> previous view < /a > <?" PHP echo ($startRow_Getclan + 1)? >... <? PHP echo min ($startRow_Getclan + $maxRows_Getclan, $totalRows_Getclan)? > on <? PHP echo $totalRows_Getclan? > < a href = "<?" PHP printf ("%s? ("pageNum_Getclan = %d %s" %s "$currentPage, min ($totalPages_Getclan, $pageNum_Getclan + 1), $queryString_Getclan);? > "> Next < /a > < /p >"

    < / div >

    < div id = "crΘer" >

    Speak < h2 > < / h2 >

    < do action = "<?" PHP echo $editFormAction;? ">" method = "post" name = "form1" id = "form1" >

    < table align = "center" >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > title: < table >

    < td > < input type = "text" name = "title" value = "" size = "32" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" valign = "top" > content: < table >

    < td > < textarea name = "content" cols = "50" rows = "5" > < / textarea > < table >

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > votre_nom: < table >

    < td > < input type = "text" name = "author_name" value = "" size = "30" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > Your_email: < table >

    < td > < input type = "text" name = 'author_email' value = "" size = "30" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > < table >

    < td > < input type = "submit" value = "Insert file" / > < table >

    < /tr >

    < /table >

    < input type = "hidden" name = "MM_insert" value = "form1" / >

    < / make >

    < / div > < / div >

    Thank you.

    div id = 'background' will work for all pages related to a style sheet.

    The best way to do what you want is to re-register your stylesheet with another name. So for a page, link to this new stylesheet. Then, in the style sheet, change the background image. It was easy.

    The only way to do and keep a style sheet is change the designation of the div tag that has your training, to something like the div id = 'backgroundCommon' and then create another div for just one page as div id = "backgroundSpecial".

    Then in your style sheet, copy the description of div and rename it backgroundSpecial and then call on just the single page, with the other pages making up the backgroundCommon.

    Make sense?

  • Why change the background image of the dashboard of data crash the app?

    I'm changing the background image of my dashboard (on a third generation iPad).  Whenever I try to make the change, the data dashobard app breaks down just.  Even if I try to change to a color, the application crashes.  I can insert a picture without problem.  I guess it's just a bug or something but has anyone else seen this problem?

    I was able to reproduce this crash with the following steps:

    -Set up a background image of a page

    -Copy the dashboard somehow. You can reproduce the dashboard, share by email, export and re - import OR clouds, etc.

    -Open the copy of dashboard

    -From the copy, change the background image (for a solid color or another image)

    If you set a background image of a page, close and reopen your dashboard and then try to change the background to something else, you will encounter this error.

    Solution: If you have the original background image in your Camera Roll, you can fall as an image on the same page (Photo Palette, select in the library). Then you can remove this image and change the background also image.

    If you do not have the original image, you may need to start with a new dashboard. (For each page on the old dashboard, you can tap the bottom, select all, copy / paste on another dashboard).

    There is a similar problem with images removed, if you shared the dashboard and you work on a copy. In this case, the solution is to copy and paste the image before deleting. (Otherwise, you'll get a dialog error instead of an accident, but the image is not clear).

    I deposited cars for these issues internally. Sorry for the inconvenience.

  • Set the background image of a cluster? [LV 2013]

    Hello-

    Researcher, said, "why don" t you turn the image on the front panel and then decorate the image with the controls? See? Problem solved. "And the door closes.

    So, I take the picture, scaling properly and voila! It is now the background image.  Then add controls.

    The horizontal and vertical scroll bars to move controls... but the background image is not followed.  So if someone touches the scroll bars (they are required) then controls and image are aligned.  Worse yet, their modified track manually is a pain in the eye-hand control.

    I could put in a button titled "realign" and have it reset the position of the scroll bar. Or have the scrolling screen VI bar position (look at the FP zero spot) and some treatment to shift the image of the picture.  What is its painful.  Is there another way around the problem?

    HM. A cluster? Clusters follow the scroll bars. But I can't seem to put a background image a cluster. The background color can be changed... but I don't see a way to paste a picture.  I tried customizing the cluster control and attempted to use the same method to add an image as on the front panel (with the right button of the scroll bar, follow the instructions). This has changed the background of the typedef would control.  Saved.  Tried to use it. LabVIEW will > BEEP<  and="" nothing="">

    I really want to avoid building this complex picture of decorations.  Especially when the image has chemical compounds in the boxes: how to index and the letters and numbers?   That... and the image is one of these steps 'it's refinement... ».

    Thank you for your time.

    Mark

    You don't give enough information on how this actually looks like and I don't have any experience with background images, but I would simply say, you drag the image file in the public Service and use the command menu in the toolbar to move backward (Ctrl + Shift + J) and then it must maintain position relative to other objects. You can then use the same menu to lock, so that it is not moved accidentally. You can also place an image control in the back and load the image in the code if it changes a lot, but this isn't a recipe for positioning the elements properly.

    I also generally agree with Martins that scrolling is a flag. If you need to scroll, you look and see if there is a problem and other solutions.

  • How to change the background image in a model.

    I have Startboot Business Casual open in DW.  It has a brick background.  I want to replace it with a few trees and clouds.  I did a picture of decent size and I've replaced the image, bg.jpg in files, but nothing has changed.  Do I have to change the code?  And if so, how?  Or should I remove the background image for each page and then replace it with the new image?

    Did you do a refresh of the page? You are testing in a real browser?

    Nancy O.

  • Change the background image on the login page (smarthphone theme)

    Hello

    I would like to know how to change the background image on my login page.

    Version of the apex is 4.2.4.
    The theme is jQuery Mobile Smartphone (topic 50).

    Pls remind me if I missed some important information.

    I have a model of customised area on this page. My user name text fields and password + "CONNECT" button is placed in this area.

    I also have an inline css that centers in my area. My dimensions of the region are also placed here.

    Not available to access the application today so bad im trying to provide the look of it with a drawing.

    Also I noticed that my experience has some white color.

    Ty for any information that you provide.

    0Ja9gNj.png

    Hi Para,

    Try the style of your page like

    
    

    But if trying to define for your application color gradients extract ThemeRoller to http://jquerymobile.com/themeroller

    to set the themes of all colors and gradients you want without doing custom overrides CSS jQM Apex definitions.

    Everything you have requested can be configured via the ThemeRoller.

    Also found what may be useful if you are going to customize your login

    http://orapedia.files.WordPress.com/2012/12/how_to_set_background_image_in_a_oracle_apex_login_page.PDF

    Kind regards

    Benjamin.

  • Why the title of movement causes the background image bounce?

    Why the title of movement (contemporary - GenerelLabel) cause the background image very briefly "bounce back" toward the end of the title when played?

    I use for the parameter background, freeze frame.  I'm 'Frozen Framing' photo.

    I realized what was causing the bounce.  The length of the title Motion was slightly longer that the duration of the playback control bar appears (at the bottom of the screen) when viewing in full screen.  So, whenever the playback control bar has disappeared, he did the title of movement (appear) to bounce.  In fact, the title of Motion was not bouncing back... it was just the screen bouncing / adjustment to the fact that the game-control bar disappeared.  I was not used to this because all other media players that I use don't behave this way.

  • Is it possible to set the background Image of the graph?

    APEX version: 4.2.3

    Browser: IE9 / Chrome

    DB: Oracle 11 g 2

    Hello Experts,

    It is possible the background image of the cards? If so, please guide me how to do because I have found no option.

    Thank you!

    Is something like what you had in mind?

    http://Apex.Oracle.com/pls/Apex/f?p=76573:1

    This was accomplished by customizing the fill setting in the XML behind the Anychart.

    Background of the chart has been

    
     
     
     
     
    

    Altered see line 2:

    
     
     
     
     
    

    Jeff

  • Expand the background Image to cover across the region title

    I have a region title that contains an image and it has a height of 2 rows, but the background image (blue image) is not growing in the region (the css contains repetition for background). The application uses the theme 2. Can anyone help?

    CSS:
    .rc-title {
        background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
        float: left;
        width: 100%;
    }
    div.rc-blue-top
    {
        background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
        float: left;
        width: 100%;
    }
    I created the application on the APEX. ORACLE.COM:
    Workspace: RGWORK
    User: TESTER
    Password: test123
    Application: CSRSR (33558)

    Select view from the menu (only choice).

    You will see that the tabular forms a dog tags and an image, another tabular form has a picture but no text (nameplates), even if it is there. I live blue to cover the image and the text.

    Help, please

    DB: 10g
    APEX 4.1

    4.2 APEX (APEX. ORACLE.COM) works the same way.

    Robert
    http://apexjscss.blogspot.com

    sect55 wrote:
    fac586,
    I would like to try the second option:
    >
    Another option would be to eliminate the problem by moving images of the nameplate on the titles of the region. There is a horizontal space within the regions that will allow these images to be rotated to the left of tabular form, that would look OK. But how to refer to the horizontal space within the regions? I looked at the model for the region:

    #TITLE#
    #CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#
    #BODY#

    and could not put the image in horizontal space.

    Can you please help me by providing the details?

    There are two options, depending on the role you see images of the plate by playing on the page. I used the two regions to give an example of each.

    * 1. Nameplate as eye-candy: * If there is sufficient information on the region, contained region title and labels of items to make the images of the nameplate of the superfluous by providing information to the user and you are just using them to improve the appearance of the page, then they can only be applied using CSS.

    /* Nameplate image as CSS eye-candy */
    #nameplates-ndc div[id$="catch"] {
      min-height: 36px;
      padding-left: 113px;
      background: transparent url(#WORKSPACE_IMAGES#nameplate_ndc.gif) top left no-repeat;
      background-size: 103px;
    }
    

    Note the use of the CSS3 background-size property to resize the image. If the application needs to work in browsers that do not support this so you will have to drop it and create an image of the exact size required for use in the bottom rule.

    * 2. Nameplate as content: * If the plate images are necessary to provide information to the user, then they should be included in the region (and they must have an alt attribute, providing an alternative representation of the information contained in the image).

    Put the image in the header area:

    Nameplate (name only)
    

    and it floats so it sits next to the form:

    /* Nameplate image as page content */
    #nameplates-name .rc-content-main img {
      float: left;
      margin-right: 10px;
    }
    
  • How to get the background image to fill the browser and stay fixed in IE and Firefox?

    Basically what it says in the title. I came very close to achieve, but something comes to Moor in the html and css code...

    First of all, I use the latest version of Firefox and IE8 to test this situation.

    I used 2 sources of information to get this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and ) 2 http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesn ' t-make-image-co-ver-vertical


    In 1 case , the example of the called page CSS-Only Technique #1 gives the code that works almost perfectly for me, except that obviously I need to a background image, but the CSS provided ago obviously just for an image has fallen in the body of a page without taking account of any other content that may already be there. "The html code that I put on the page is simply < img class ="bg"src ="... / pictures/background_image.jpg "> "

    Of course, I used the CSS code in the example, less the last piece which is "@media screen" etc., which seems irrelevant to me. Of course by replacing the values according to the picture on my page.

    So what happened was that it worked almost as expected in both browsers (which means the image filled both browsers first as it should and also remained fixed when I zoomed in, inside or outside, in each case), except that the picture went on top of the current content that I already there precisely because there isn't a background in this 'technical '. (A note on the side of curious, is that the image didn't turn down content, I expected under normal circumstances, but he went right on top of it so she she hidden (like the z-index).)

    One thing that bothers me in this regard 'technical' is that if you click on view the demo just below the code provided, you will see on the example of work page (bottom of the forest), the image clearly works as a backdrop and the content is fortunately located on top! So I don't know if the person who provides the example was trying to deceive people or what! Or he got lazy and showed another page which did not use the exact code, he has provided. No matter.

    In any case this leaves me with only half-completed work, because I still need a background image that functions as the 'normal image' code provided.

    In 2 cases and on this page, the first example provided gives the CSS for clutter - namely the code in the html {...} part and shows also the same "normal image" code as shown in box 1. In this case however, that the person provide a suggestion, the html and the css is not really properly more Moor some css and html seems a little redundant. So this time, when I used the part "html" in the CSS code (i.e. just the bit that was no longer relevant), I had two different behaviors in each browser and neither of which was quite what I'm looking for. In IE8, initially the page seems well (background fills the page and the content is on top) but when I Zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox, the background image stays fixed, but because the image is initially not the height of the browser I guess the code it extends down (keeping the proportions - so the image enlarges essentially) to fill it. The fast way to get around it is probably add white space at the bottom of the image just to give it sufficient height is not extensible / resize automatically. But it would be nice to know at least how to work around this problem in the code. Overall, I would say that the result in Firefox is closest to the desired solution, but of course it is not arranged things with IE8.

    Apologies for the long description, but which should at least provide much info for anyone who might have a possible solution for me. Essentially what would be great is if someone could advise me how to take the code of case 1 and apply it to a piece of 'background' coding as the type that is contained in html {...} in Case 2 . Like I said, it is almost there, but I just can't operate atm after trying to combine different bits of code this way and that... Also, if anyone has another version of html-css that works well to achieve then please by all means of let me know! V thanks a lot in advance!

    It works in modern browsers of the CSS3 support.  But not pre - IE9.

    http://ALT-Web.com/test/resizable-BG.shtml

    Nancy O.

  • IE does not show the background image?

    I want to change the background image of my site and changed only one page so far, but the image is not displayed in IE but shows in safari, why would it be?

    http://www.milesfunerals.com/advice%20and%20info.html

    OMG! The image you are trying to load in "advice and info.html" is 16 MB.

    Gold - field2.jpg December 24, 2012 16:18 16 M

    As shown in your list of directories.

    Firstly the resize - about 200K is tops for any html background.

    In addition, standardize your file names - remove spaces and reserved for lowercase. Your current page has spaces that is not an acceptable standard.

    -ST

  • Text on the background image

    I have a page that I used "opacity" to clarify the background image, but it has also reduced the text. And I want the background behind the text centered image.

    Here is the page that I need help: http://www.healthquestpt.com/hpc/purpose.html

    Here's how I want it to look: http://www.healthquestpt.com/homephysiciancare/purpose.html

    Here is the css code:

    #purpose

    {

    float: left;

    left margin: 35px;.

    top of the margin: 50px;

    margin-bottom: 40px;

    Width: 287px;

    height: 403px;

    background-image: url (.. / images/purpose_imag000.jpg);

    opacity: 0.666667;

    Filter:alpha(opacity=66);

    }

    Thanks for your help!

    Right.  Opacity CSS effects everything inside the container.

    For a simple solution, use a mosaic of image semi-transparent.png as your background image.

    Nancy O.

Maybe you are looking for

  • Satellite A200-1GH, remove the additional HARD disk cover

    Hello I bought a new HARD drive and I want to put it in place of additional hard drive, but I can't remove the cover... :-(... I was remove two screws and nothing...Can you help me please? Respect...

  • setting screen resolution

    I have been using a mid-2007 24 "iMac for many years, that uses the default 1920 x 1200 screen resolution.  I just bought a new iMac 27 "retina and the default resolution is 2560 x 1440.  I think everything on the screen is too small, or at least in

  • Could you recommend model HP laptop for Linux

    I'll buy a new laptop. The main requirements are Chipset AMD; GPU Radeon HD; operating system is Linux (Kubuntu). The purpose of the laptop is a programming and calculations with the help of the GPU (MATLAB, Maple, OpenCL applications). A liilte bit

  • list of contacts hacked in widows Live e-mail

    I've been on the logitech site and proceed furter has been invited to add something from the drop-down list which I did and now every time that I access my email account an e-mail message is sent to everyone in my contacts. This happens every time an

  • a lexmark can be hooked to a computer dell laptop and if so Ineed help

    I have an old lexmarkx4550 and it's hanging a computer work dell laptop but geti Icant tt work can you guide me through this process