Strugling with div - why a div background is not displayed?

Heya all,

I've been strugling all alone for a few days now, with tableless design... After years using tables of my beloved, I came across the need to begin to design with div...

There exauhsting, I only slept 2 hours the night, trying to realize a project that just seems to be "haunted"... I miss my tables

I can't try to find a rule for my layers, one I can get used to and start doing in "auto" mode... Googling for help was disappointing, because here I think the float is good,-I find it preferable to absolute positioning... I don't know what it takes to stick to. I wish that it is a tutorial somewhere with a good design (and not a blade / starting), to draw lessons.

I'm sorry for all the whining, it's just me tired as hell * lol *.

In any case, I have this code in my CSS:

#wrapper #main {}
Width: 1000px;
background-image: url('imagens/bg-main-degrade.jpg') non-repetition lower left;
}
#wrapper #main #content {}
float: left;
padding: 0px 0px 0px 30px;
Width: 606px;
}
#wrapper #main #rightcontent {}
margin-left: 660px;
Width: 327px;
}
#wrapper #footer {}
float: left;
Width: 1000px;
height: 24 PX.
background-color: #FF9900;
Clear: both;
}

.. .but does not display the background image of the #main #wrapper (others along the code work correctly).

the problem is in the float I use?

I don't have some of the decision if the float is good or bad... can someone point me to a good tutorial? (who has a design somewhat complex because I really want to learn, and at this point, I'm just confused... those with a simple design, close to important things like several nested layers, background images, menus with images, formatting of text etc.)

Thank you for any assistance you can provide...

Ana

Looking at your CSS again, I can see the error:

#wrapper #main {}

Width: 1000px;

background-image: url('imagens/bg-main-degrade.jpg') non-repetition lower left;

}

#wrapper #main #content {}

float: left;

padding: 0px 0px 0px 30px;

Width: 606px;

}

#wrapper #main #gap {}

float: left;

margin-left: 636px;

Width: 24 PX;

background-image: url('imagens/bg-main-gap.jpg') top repeat-y left;

}

You use the syntax for the style of shorthand of "substance", but you use the style 'background-image '!  Change of those (and all the others where you used the abbreviated syntax) to 'background' and you should be good to go.

Tags: Dreamweaver

Similar Questions

  • I've updated the plan of the photographer and since the download, I had problems nonstop with fluidity and now the bridge is not displayed large previews, a few thumbnails. I restarted and reset the tool, is there anything else I can do or should I cancel

    I've updated the plan of the photographer and since the download, I had problems with non stop with fluidity and now the bridge is not displayed large previews, a few thumbnails. I restarted and reset the tool, is there anything else I can do or do I cancel my subscription to the CC and return to the CS6?

    The problem of fluidity can be the result of a graphics card problem:

    Try to uncheck the box in the preferences > performance > graphics processor use, then by restarting Photoshop. If this solves the problem, check with the manufacturer about a possible update.

    On the bridge: when you select an image and press the space bar, what happens?

  • Div background do not support floating divs

    I created a fairly simple construction, but it does not work so that I want to.

    I have the overcoat that don't wrap the floating divs placed in it as it should.

    He is reduced to the size (upper and lower corners) of base and rest as it then floating substances keep previously defined posts - only bottomless...

    Any suggestions how to solve this problem?

    The looks of construction around like this:

    < body >

    < div > ditag v with height: 5px; contains upper corners for the implementation in < / div >

    < div class = "Open the tag div with the background attributes (color and borders)" > ""

    < div >This is the floating content (list with the value of style: none ;) )

    I put it inside the div with attributes of content floating background wrapped in the borders and background color

    < / div >

    < / div (PMera I close "bottom wrapper')>

    < div > div tag with heightL 5px; contains lower corners to the page layout < / div >

    < / body >

    Thank you.

    It is a bit of a shot in the water, but try to overflow: hidden; in the CSS rule for your wrapper?

    It would be much easier to see the page.

    Martin

  • Why the imported bookmarks are not displayed?

    I installed Firefox and wanted to import the settings from my old laptop. To do this, I installed MozBackup on my old Win2k laptop, used to back up my full profile on my flash drive, then installs the flash drive for the new PC Toshiba laptop with Win7, installed on the Toshiba and used MozBackup restoring a profile feature to import the profile saved from the flash drive. This, even though it was on a Win7 system, worked like a champ. However... Later, I tried to import the same profile of Firefox on my WinXP turn, but I didn't see any results after import: empty, empty bookmarks bar bookmarks, even the home page would not display when Firefox is opened.

       When I realized that everything was set OK and everything else was working, but nothing in Firefox (v32.0) was working as it should, I used Revo Uninstaller to completely uninstall v32, then I installed version 23. That Firefox version happily accepted the profile import, the Bookmarks & Bookmarks toolbar displayed the imported Bookmarks, and the home page displayed when Firefox opened.
    

    Does anyone have a better fixed or solution?

    Given that Firefox 12 was the last version of Firefox that was compatible with W2K, you were restoring via MozBackup profile to a very old version in Firefox 32. Chance to shear it worked with Firefox 23.

    There have been many changes in the files that are located in the Firefox profile between ~ 19 of Firefox and Firefox 32 - and there is more coming changes to the next three versions that are already in the "pipeline" and probably beyond those, too.

  • Why my bookmarks bar will not display its elements

    bookmarks bar is not displayed. by clicking on the button bookmark shows that the items are listed under the toolbar, but tried to uncheck and recheck display toolbar bookmarks, but not joy. They all used to display with the "overflow" listed under an arrow on the side (?)

    If the menu bar is hidden, then press the F10 key or hold down the Alt key to make the call of menu bar.

    Make sure the toolbars like the toolbar 'Navigation' and the 'personal bar' are visible: "view > toolbars".

    • Open the Customize via "view > toolbars > customize.
    • Make sure the "Bookmarks Toolbar items" are on the personal bar
    • If the "Bookmarks Toolbar items" is not on the bookmarks toolbar, then FRY it in the toolbar palette in the window the bookmarks toolbar Customize
    • If the missing elements are in the toolbar palette then drag them from the window, customize the toolbar
    • If you do not see an item on a toolbar in the toolbar palette and then click the button "Restore default" to restore the default toolbar set up

    One possible cause is a problem with the places.sqlite file that stores the bookmarks and history.

  • No luck with CRT/LCD button - external monitor does not display

    Hello

    I have a Dell Inspiron 700 m laptop.  When I connect to the computer to my TV (a/k/a an external monitor), hold down the "Fn" key and press F8 (the "CRT/LCD" button), my laptop screen blinks and no picture on the external monitor.  One of my friends has a Dell XPS M1210 and - through the same steps - we were able to get the same establishment to work.  Maybe someone has any suggestions for what is the problem?  Would be - it simply a matter of obsolete or incorrect drivers?  Thanks in advance for the help and suggestions.

    Kind regards

    Aranas

    P.S. to the difference of the XPS M1210, my Inspiron 700 m does not display again - when I press the key "CRT/LCD" - the box with three display options: integrated screen external monitor and both screens at the same time.  The screen just flashes to black.


  • DWCS4 behavior of the effects appear with DIV background image?

    Is it possible to use the effects appear on the background image in a DIV with the command 'OnLoad '. I want my banner to fade in (param) when the page is reached.
    It's the tag with that I want to use the above behavior:
    < div class = "dwBanner" > < / div >

    Thank you very much.
    www.dwdallam.com

    ...

  • Divs PA are not displayed in the window AP elements

    The AP div tags are in the doc of dreamweaver and appear under css etc but when I click in the AP elements to change behaviour, none show AP divs.

    There is a lot I don't know about Dreamweaver and am willing to learn another way to create hide them and show or drag and drop.

    Use jQuery to hide/show the divs.

    http://jsfiddle.NET/MdSTW/12/

    DW is not an application, drag & drop like Muse or Photoshop.  With DW, you need a good knowledge of HTML & CSS code. JavaScript is also very useful to know.

    APdivs are rarely if ever required. 98% of all the layouts are created with the default CSS positioning (no or static).  When you introduce APDivs, you remove content in normal document flow which, if used properly, can have disastrous consequences and even destroy the usability of your site.

    My advice is to stay away from APDivs.  Learn how to align items with CSS floats, margins, and padding.

    http://ALT-Web.com/demos/3-CSS-boxes.shtml

    http://ALT-Web.com/demos/CSS2-captions-on-floated-images.shtml

    Nancy O.

  • Margins/padding, I set myself on div tag are not displayed in the preview. -Help?

    Hi people! I'm trying to put some padding or margins around my div. #square1 However, padding or margins (I tried both) the high margin/padding of the page does not appear in the preview. I can't understand it. Any help is greatly appreciated!

    I enclose what I see in the preview:

    screen.jpg

    Here's my code and css:

    #wrapper {
         width: 950px;
         height: auto;
         margin-right: auto;
         margin-left: auto;
         background-color: #FFF;
    }
    #paypal {
         height: 32px;
         width: 503px;
         float: right;
         font-family: Arial, Helvetica, sans-serif;
         font-size: small;
         color: #666;
         text-align: right;
         padding-top: 10px;
         padding-right: 20px;
         padding-bottom: 10px;
         padding-left: 10px;
         display: inherit;
         background-color: #FFF;
    
    }
    #logo {
         height: 116px;
         width: 417px;
         float: left;
         font-family: Arial, Helvetica, sans-serif;
         font-size: small;
         color: #666;
    }
    #menu {
         height: 54px;
         width: 518px;
         float: right;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 14px;
         font-style: normal;
         text-transform: lowercase;
         color: #8A1E06;
         font-weight: bold;
         padding: 0px;
         margin-top: 10px;
         margin-left: 15px;
         background-color: #FFF;
    }
    #menu li {
         display: inline;
         list-style-type: none;
         padding-right: 14px;
    }
    
    #hero {
         height: 404px;
         width: 950px;
         margin-top: 37px;
         margin-bottom: 0px;
         float: none;
         clear: none;
    }
    #buckets {
         height: auto;
         width: 910px;
         background-color: #FFF;
         float: left;
         padding: 20px;
         margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 0px;
         margin-left: 0px;
    }
    #square1 {
         height: 145px;
         width: 225px;
         background-color: #CCC;
         padding: 10px;
         float: left;
         font-family: Arial, Helvetica, sans-serif;
         font-size: x-small;
         margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 0px;
         margin-left: 0px;
    }
    
    
    <body>
    <div id="wrapper">
    <div id="logo"><a href="index.html"><img src="images/logo.gif" width="417" height="116" border="0" /></a></div>
    <div id="paypal"><a href="payfees.html">pay fees</a> <a href="https://www.paypal.com/us/cgi-bin/webscr?cmd=_flow&amp;SESSION=9zgSs6qe73-kjgVn2UL3ACF9Ot71Zg8zsBi0tNWDWKC9L-bdRSgYgHEdehC&amp;dispatch=5885d80a13c0db1f8e263663d3faee8d5fa8ff279e37c3d9d4e38bdbee0ede69" target="_blank"><img src="images/paypal.gif" alt="Paypal" width="27" height="29" border="0" align="absmiddle" /></a></div>
    <div id="menu">
           <li><a href="areas.html">about</a></li>
        <li><a href="about.html">areas of practice</a></li>
        <li><a href="consultation.html">consultation</a></li>
        <li><a href="press.html">press</a></li>
        <li><a href="resources.html">resources</a></li>
        <li><a href="contact.html">contact</a></li></div>
    <div id="hero"><img src="images/hero/appellate.jpg" width="950" height="404" alt="Appellate Practice" /></div>
    <div id="buckets">
    <div id="square1">Content for  id "square1" Goes Here</div>
    </div>
    </div>
    </body>
    </html>
    

    Remove float: none; and clear: none; and use clear: both; in the css below (as shown) selector

    {#hero}
    height: 404px;
    Width: 950px;
    top of the margin: 37px;
    margin-bottom: 0px;
    Clear: both;
    }

    Problem is your other

    s are hiding under the image.

  • Why my Apple Watch does not display my photos when I double tap to show my card to pay with?

    I Double click on the button on my Apple Watch, to pay for an item at the checkout and it maintains show my photo favorites... not the card to make the payment

    with.  I am confronted then with passing by pressing this button several times so that it can display the map so that I can complete the payment.  Why is this?

    Restart your Apple Watch, and then press the button twice to activate Apple pay.

    Restart your Apple Watch

    With the help of Apple pay in shops

  • Why the address bar is not displayed marked bookmark first when entering?

    I have all the tag bookmarks. When I type the given tag name (exact) in the address bar it shows mixed history results ignoring added fresh bookmarks. I have to manually go through the Bookmarks Manager and select them by label. How to solve this problem? It's really annoying.

    Thanks for the link.
    The solution is to add ' *' at the end of sentence so that history in this way is omitted. It seems that in the standard semiautomatic results are also sorted by how many times links were visited. That's why my favorites were not included in the list.
    https://support.Mozilla.org/en-us/KB/search-your-bookmarks-history-and-tabs-awesome-bar#w_changing-results-on-the-fly

  • Why Windows Media Center does not display tile of Internet TV?

    Does not accept downloads

    Hello, Packard37

    You are in the US, UK or elsewhere?

    Internet TV is available only in the United States and the United Kingdom - assuming that you are located in the United States / UK:

    Check your region settings in Windows. Go to start > Control Panel > clock, language and region > region and language. On the location tab, make sure that the country is selected in the administration tab, make sure that the language is also correct as well, otherwise click the settings change system locale.

    Go to start, all programs, accessories, click with the right button on command prompt and choose Run as administrator. At the command prompt, run the following command and press ENTER: start/wait %windir%\ehome\mcupdate - uf-nogc

    After you run this command, open Media Center and check if it is available, otherwise, you may need to reset the Media Center, note that this operation removes all custom settings and you will need to re-run the installation again:

    Open the command prompt, as described above once again and then type the following command and press ENTER: MediaCenterRecoveryTask - %SystemRoot%\ehome\mcupdate.exe

    One time only complete, open Media Center and run through the configuration. If you do not immediately see the Internet TV, let Media Center open for about 5-10 minutes, then restart and check if it is available or not.

    David
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

  • Why the snip tool does not display in the accessories under XP?

    Directions say to watch in Accessories for the snip tool, but it is not there or in one of the menus in the toolbar.

    Hello Barr3,

    A Snip tool that was not available until Windows Vista.
    See:
    http://Windows.Microsoft.com/en-us/Windows-Vista/use-Snipping-Tool-to-capture-screen-shots

    http://Windows.Microsoft.com/en-us/Windows-Vista/Snipping-Tool-frequently-asked-questions

    You may be able to download a 3rd party cutting tool that is compatible with Windows XP.
    Do a search on the Internet for download of a cutting tool options.

    Sincerely.

    Marilyn

  • Why Windows Media Player is not displayed in my list of programs and features?

    When I go into the Panel and then programs and features, Windows Media Player is not in the list. If I click on the Start button, then all programs, his list here. When I click on it, it opens, but it is not any music listed to see if it works. My question is, why it is not listed in the programs and features in Control Panel? Must indicate all items that are installed on my computer, at least I thought. If someone has an idea, I would appreciate a response. Thank you for your time and your help.

    When I go into the Panel and then programs and features, Windows Media Player is not in the list. If I click on the Start button, then all programs, his list here. When I click on it, it opens, but it is not any music listed to see if it works. My question is, why it is not listed in the programs and features in Control Panel? Must indicate all items that are installed on my computer, at least I thought. If someone has an idea, I would appreciate a response. Thank you for your time and your help.

    All the built-in programs that are part of the Vista operating system will NOT be displayed in programs and features. To simplify the reason, Windows Media Player 11 is part of the operating system and cannot be uninstalled. So there is not need to be listed in programs and features, whose main goal is to uninstall or repair any installed programs. Another example is Windows Defender.

    For your information:

    In Windows 7, Windows Media Player 12 is also part of the operating system and it cannot be uninstalled and it will not reveal in programs and features either.

  • Why the windows key does not display the start menu?

    When I press the Windows key + E it opens Windows Explorer as it should. However, pressing the button of Windows alone does not start; I have to click with the mouse on the Windows buttonrto bting start menu screen

    Hello

    -What is the number of brand and model of the computer?

    Flip your keyboard and shake gently. This will remove any buildup of debris which may prevent the keys work properly. You can also use compressed air to remove dust from hard to reach under the keys areas.

    Method 1: Check with another keyboard.

    Try a different keyboard on your computer. If it works well when you connect a different keyboard, the issue may be with the keyboard.

    Method 2: on the keyboard of the screen
    Check if the problem occurs while using the on-screen keyboard. It will help us to check if there is any problem with the keyboard.

    http://Windows.Microsoft.com/en-in/Windows7/type-without-using-the-keyboard-on-screen-keyboard

    Method 3: I suggest you to check if you are facing the same question in the new administrator account.

    Create a new user account-
    http://Windows.Microsoft.com/en-us/Windows7/create-a-user-account

    If you are not faced with the same question in a new user account, you can view the link below and use the steps provided to fix a corrupted - user profile
    http://Windows.Microsoft.com/en-us/Windows7/fix-a-corrupted-user-profile

    For reference:

    Troubleshoot keyboard

    http://Windows.Microsoft.com/en-in/Windows-Vista/troubleshoot-keyboard-problems

    (Also applies to Windows 7)

    Let us know the status of the issue. If you need help, please after return. We will be happy to help you.

Maybe you are looking for