Rule of CSS style for the background image

I'm doing a tutorial "Create your first website" and set up a CSS rule to add a background image.  The rule indicates in the CSS styles, but it does not appear in Design view.  I re-read the instructions 100 times.  Any ideas what I am doing wrong?

Here's my DSS rule for the main image:

#main image {}

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

background-repeat: no-repeat;

position: relative;

height: 376px;

Width: 968px;

}

Thank you!  This is a duh moment where you finally see what is obvious.  I should have taken him.

I appreciate your help

Tags: Dreamweaver

Similar Questions

  • using column value in a CSS Style for the column in the report

    I am trying to apply a style CSS (background color) to a column in a report based on another column.

    So the attributes column for a specific column, I would like to be able to add this to the "CSS Style" field under the group, "formatting of column:

    background-color: #BKG_COLOR #;

    It seems not to take my column value, which is #daf2ea

    In the field of Style CSS, if I change it to: background-color: #daf2ea - so it works.

    So he doesn't seem to take my #BKG_COLOR column value' in the field of Style CSS.

    Any ideas? What do I have to use the "HTML Expression" field instead, and how could I do?

    Thank you
    John

    jfosteroracle wrote:
    I am trying to apply a style CSS (background color) to a column in a report based on another column.

    So the attributes column for a specific column, I would like to be able to add this to the "CSS Style" field under the group, "formatting of column:

    background-color: #BKG_COLOR #;

    It seems not to take my column value, which is #daf2ea

    In the field of Style CSS, if I change it to: background-color: #daf2ea - so it works.

    So he doesn't seem to take my #BKG_COLOR column value' in the field of Style CSS.

    Any ideas? What do I have to use the "HTML Expression" field instead, and how could I do?

    Don't believe that * CSS Style * supports the substitution of the column.

    You can use * HTML Expression: *
    {code}
    #OTHER_COLUMN #.
    {code}
    However the two this and * CSS Style * apply a style to a span element in the cell of the report, rather than the whole cell, which is what everyone expects in general / wants. To apply background color to the cell, you must use a custom report named column model: + {message identifier: = 9908585} +.

  • Failed to set the new CSS rule for the background image

    Hello

    Maybe I've finally lost my mind... I myself find it impossible to add a background image to the header of my project portion.  I select the "header" in the property Panel section, click on "add a new CSS rule.  Curiously, DW does not in the name of the selector for me, which is probably an indication that something is wrong, but I don't know what.  I went through the steps of filling in the name of the switch by hand, choose the .jpg file and setting is like a background image, but he never takes.

    There has got to be something simple that experienced users of DW can explain.  Go ahead, experts, you out there?

    Thank you...

    When things go south, it is almost always caused by a mistake of small coding somewhere.

    Unbalanced tags are the usual suspects.

    Run validation and fix the errors reported.

    Nancy O.

  • CSS code for the background of the image problem fixed

    Hello world
    I struggled for almost 2 days on and outside to try to understand why I can't get the codes for a fixed background work properly. I'll copy the code here directly and hope that someone can see what the problem is. I also give a link to the site I'm just starting to be implemented.
    http://seanshaw.NET So you can see the source code here... Any help would be greatly appreciated as I have tried 3 different versions of the code fixed background and none of them does not work for me. What Miss me? :)

    Thanks for any help on this problem... Best regards, Jo Whimzicals.com

    The code that I currently use is this one... I take you from the top to the body tag:

    <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional / / IN".
    " http://www.w3.org/TR/html4/loose.dtd" >
    < html >
    < head >
    < style type = "text/css" >
    body
    {
    background-image:
    URL ('BckgndHome.gif');
    background-repeat:
    no-repeat;
    background-attachment:
    fixed
    }
    < / style >
    < title > Sean Shaw Art, Art of Sean Shaw < /title >
    < meta http-equiv = "Content-Type" content = text/html"; charset = iso-8859-1 ">"
    < style type = "text/css" >
    <!--
    body, td, th {}
    do-family: Verdana, Arial, Helvetica, without serif.
    }
    {body
    background-image: url(Home/BckgndHome.gif);
    }
    {.style2}
    do-size: 18px;
    color: #FFFFFF;
    }
    .style3 {color: #FFFFFF}
    ->
    < / style > < / head >

    < body >
    ==============================
    Just to clarify things, I also tried these two codes, that makes perfect sense to me, but they still do not work for me.
    ==============================
    < style type = "text/css" >
    Body {background: url (fixedbg.gif) set of Center no-repeat ;}}
    < / style >
    =======================
    ... and this one...

    < html >
    < head >

    < style type = "text/css" >
    body
    {
    background-image:
    URL ('image.gif')
    }
    < / style >

    < / head >

    < body >
    < / body >

    < / html >

    Ahhhhhhhh, Thank you VERY MUCH, ACE! I found and removed the second command line, and you were quite right... the bottom now remains in place and works perfectly. Thank you for taking the time to help me... Awesome. Have an awesome Sunday... Best regards, Jo :)))

  • I want to rename my CSS style for the text names...

    Here is my code:

    < style type = "text/css" >
    <!--
    {body
    background-color: #000000;
    left margin: 0px;
    margin-top: 0px;
    background-image: url();
    background-repeat: repeat-x ;}

    a: link {color: #FFFF00 ;}}
    a: visited {color: #FF9900 ;}}
    a: hover {color: #FF0000 ;}}

    .style11 {do-size: 10px; color: #FFFFFF ;}}
    .style12 {do-size: 10px; color: #0099FF ;}}
    . STYLE13 {color: #FFFFFF; do-size: 12px ;}}
    .style14 {color: #FFFFFF; do-size: 18px ;}}
    .style16 {color: #FF0000; do-size: 24 PX ;}}
    ->
    < / style >


    I want to change my style, 11, 12, 13, 14 and 16 new names (e.g.: redtyp, tinywhtyp, BodyType, bldwhtyp)
    Whenever I do this it strikes the integer type in my page... He is moving things.
    How can I change the names of these styles (my master wants me to)?
    What I am doing wrong? Any suggestions for new names?

    Also, I have an external CSS file command this:

    {P}
    do-family: Arial, Helvetica, without serif.
    }

    H1 {}
    do-family: Arial, Helvetica, without serif.
    }


    Can I combine all of the above and place everything in the external CSS file and delete the index.html file?
    What he would look like?

    Friday, February 23, 2007 15:35:55 + 0800, Steve Fleischer
    wrote:

    >
    > You can use find and replace to do this easily.

    better search and replace - in the properties box - in style
    tab look down - look for 'Rename' - it uses find it and
    Replace the code DW - but sets up the F & R for you.
    --

    ~ Malcolm N...
    ~

  • CSS style for the chart data

    I am struggling to find how to use CSS to control the display of the data for a chart series.

    I would like to control the line color, thickness, size of symbol, etc. for the two series I've posted.

    When I look in the documentation for this type of functionality is mentioned for scatter charts:
    You can change the styles of this symbol by defining alternative values for the property .default - color5.chart - symbol. Check out JavaFX CSS reference Guide for more information.

    However, I don't seem to this information under the CSS reference.

    How can I know what the css formatting would be for these parameters?

    Dig the caspian.css on the jar file. This file is rather well documented and contains all the current values for the CSS.

    Karl

  • CSS style for the display text (does not save the State)

    Hello

    I just upgraded from APEX to APEX 3.1 3.0 and display text (does not save the State) which I had set to display more by adding style = "color: #658bb1;" font-size: 25; "the field of HTML table attributes for the element.

    Since the upgrade, that has been lacking in the font size of the body (12 PT) and I can't seem to be larger.

    I tried to use attribute selectors - span [class = display_only] {color: #658bb1; font-size: 25px;}, but this only works in Firefox.

    Can anyone help please.

    Thanks in advance

    Graham.

    Hi Graham,

    I can't see your post exactly what you did!

    I tried your style here: [http://htmldb.oracle.com/pls/otn/f?p=33642:176] and it seems to work ok in IE and FF

    As part of header HTML of my page, I add:

    <style type="text/css">
    .display_only {color: #658bb1; font-size:25px;}
    </style>
    

    Andy

  • How can I create more than one CSS style for the text links?

    Hello

    Just like the title says, I need help to create more than one CSS text link style in Dreamweaver CS4. For example, I want that navigation on the site that I am building to have a style of link different text as a link in a certain part of the body copy. I played with Dreamweaver for awhile and can't find a way to do this. If it is still possible to do so, I'd appreciate any help.

    It is a common requirement in most Web sites.

    It's faster and easier to implement directly in Code view

    Good tutorial here

    http://www.Projectseven.com/Tutorials/CSS/Pseudoclasses/page3.htm

  • Could not apply the background image available to the Group Panel in demand for space

    I tried to apply the background image available to the Group Panel class css as well as with the style inline like below

    background-image: url('/content/conn/intra-dot-content/path/mywebcenter/lever/backgroundmain.jpg'); background-position: center; background-repeat: repeat-y;

    The background image is not displayed. but it works with the layout of the border Panel. Does work around the issue

    You can style the layout of the group with combination adf skinning and css as a performer below

    . My-in-head-container {}

    Background: # 4 7800 url(/portal/images/website/header.png) high horizontally at the Center;

    position: relative;

    z index: 600;

    }

    {AF | panelGroupLayout.Content.Banner}

    margin-top: 0px;

    padding: 0;

    border: none;

    margin-bottom: 0px;

    padding-bottom: 15px; / * to fix the space between the header & content - min * /.

    background-color: transparent; / * to fix the space between the header & content - min * /.

    position: relative;

    overflow: hidden;

    }

    Then, you can see the style only

    styleClass = "my-in-head-container banniΦre" rendered = "#{! composerContext.inEditMode}" id = "pt_pgl2" > "

  • How to make the background image for a site

    Hello.

    First of all, thank you for reading this.

    I intend using a gradient image as background on a new site of black on the sides gradiating to blue in the Middle I created in Photoshop. The site is designed for 1024 (955) and upward. How the background image would handle so that no matter what the resolution above 1024, the visitor sees the gradient correctly, which means that Blue will be always exactly in the center of the page and the image not horizontal mosaic? (I don't want to repeat from left to right when the resolution someone is really high)

    I saw a couple of sites that use strong images that seem to stretch the background image according to the resolution, but were not able to understand the CSS code. In my case, I have a single image that has say 5 pixels high, how wide I need for the (reasonable) maximum resolution, and let repeat from top to bottom.

    Thank you.

    MFitz721

    To do what you ask would require CSS3.  This is because that the CSS3 added support for multiple background images.  What you would do, is to set a gradient to the left and the other to the right with a background color that arise in a vacuum.    Basically use you the abbreviation of "substance" and separate the different environments with a comma ","  See this example ( http://www.css3.info/preview/multiple-backgrounds/ ).  I think it's possible the long way as well (for example: position of background, background image, etc.), but you would need to write the values and who is 1 and 2 in order when you do this.

  • have toshiba LL850 want to resize image for the background but have tried most things and still does not

    I have a Toshiba L850 and try to mount an image for the background.  Have you tried the resolution of the screen to pull the lever, but still does not.  Can someone go through the steps for me please.

    Hi June,

    What version of Windows is installed on the computer?

    The articles below show you how to change the background image and set the Position of the image in the Center that it adjusts automatically on the screen.

    Items are for Windows 7 The steps are similar to Windows Vista and Windows 8. However please let me know what version of Windows is installed on the computer and I'll give you the steps for this operating system. When the computer restarts, you'd be able to see the name.

    http://Windows.Microsoft.com/en-us/Windows7/change-your-desktop-background-wallpaper

    http://Windows.Microsoft.com/en-us/Windows7/change-your-desktop-background

    I hope this helps. Get back to us if you need more help.

  • Cascades: How to set the background image for the menu drop down and etc...

    Hello

    Is there an easy way to set the background image for the menu drop down and etc, current support only black as a background?

    Thank you

    Tom.

    Welcome to the forums!

    This is currently not supported unfortunately.

    I encourage you to save a feature for this request:

    https://www.BlackBerry.com/JIRA/secure/dashboard.jspa

    See you soon!

    Martin

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

  • Why States don't work not on view of Tablet for blocks of text on the background image?

    I have a Macbook Pro with Top high S/W config everything up to date.

    With the help of Muse.

    View the site of the tablet.

    Simple text box buttons with States on a picture background full width - WORK only!

    The buttons of the text frame are in the UPPER layer.

    Visible but do not respond to touch everything. At least I have remove the background image.


    Cannot understand the days.


    Help, please.


    Thank you


    Eli @.

    MUSE STAFF!

    I found a major bug that should be fixed:

    For the Tablet:

    A button image or text-related State should be in the upper layer to meet the States.

    If a composition menu is opening and covering the button when triggered - THE BUTTON WILL NOT RESPOND EVEN IF THE COMPOSITION IS CLOSED!

    Only if the button is PLACED over the composition of the layer and becomes the OBJECT absolute TOP in the layer - THEN ONLY he will answer.

    PLEASE LET ME KNOW IF YOU GOT IT.

    I tested it on a few projects and the bug is consistent.

    [email protected]

    Thanks to its fixation in the near future

    Eli

  • Muse automatically optimizes the images that you download for the background on your site?

    Muse automatically optimizes the images that you download for the background on your site?

    Oh, thanks a lot for this. Do you know what the height and width

    increments are for Muse? It is said in my page attributes that the height is

    660 and the width is 960. How does that translate in Photoshop?

    Amy

Maybe you are looking for

  • additional content in gray

    I realize some of my functions do not work, also noticed "Additional content" is grey, normally I guess it is because I have all the additional content that is available. But I'm not sure now, can anyone help?

  • I try to install the updates and still error Code OX643

    I have a XP system and I try to update each time I get an error Code OX643 I'm just an average user nothing special on my computer. Help, please The system says a security update for Microsoft .NET Framework 1.1 SP1 on Windows XP 2008 x 86 (KB2656353

  • I lost my recovery disks for my sony vaio laptop model PVCEB24FX

    Hello I lost my laptop recovery disks and now I formatted my computer but it has many bugs init and it's too slow. Now, I want to install the original windows with its pilots. could you please tell me where can I get the medea recovery disk? My lapto

  • Turnng off touhpad

    I have Windows 7 on a Toshiba Satellite laptop.  Lost hard drive. Installed a new. Install a Logitech notebook mouse.  .  I don t want to delete using the touchpad, just to turn it off.   I always drag a finger or my hand on it and the cursor takes o

  • Exam 70-687, Windows 8

    Hello Microsoft community. I completed the Basic windows training class 8 private Institute. Unfortunately, I didn't earn enough knowledge and skills to do the review. Could someone help me to clear my understanding on review of windows 8. Nothing ch