body {background: url(http://i29.tinypic.com/20ue9fm.jpg) fixed; color: green;} #veohPage{ background: transparent;} .colRight .users-box:HOVER,.users-mid .users-box:HOVER {background: black; color: white;} .collection-head:HOVER, ul.tabs:HOVER, .tabContainer:HOVER{background:black}
How to customize the Veoh banner
This will allow you to place an image in the Veoh banner, see it on my page. It works in both browsers, however its a good idea to first remove the code "position: absolute" from any other sections in your CSS and replace your #veohBody with this rather than adding this to an existing #veohBody section. Use the same method for adding background images as you learned in the background tutorial video. Also place this code on top of all other codes to be most effective.
Reply to this TopicThis is a separate section on to itself. If you have problems break your css down to just: body, .sectionBody, .sectionBodyComments, and .sectionHeader. Then add this new section on top. You can add the rest of your previous CSS after to see if any changes conflict and then you don't add them. Also try to remove position: relative from other sections but keep it in this one.
Whoops! I forgot to add a real important code! You have to add this too to the top as a separate section.
h1, .header1 { margin: 400px; }
It will create a margin in between the body and banner. You can decrease the margin px if its a little too much space.