vForums Support > Programming & Coding :: Code Requests & Support :: > [F] Full width banner

[F] Full width banner - Posted By Vanquish (scott1707) on 26th Jan 08 at 9:47pm
What I am looking for is a code that will allow me to design a banner that will stretch '98%' of the users resolution.

This would be where I would create a section of the banner that would be positioned in the top left corner and then a repeating image after it.


Re: Full width banner - Posted By Marc (cr0w) on 26th Jan 08 at 9:51pm
<div style="position: absolute; top: 0; left: 0;width: 98%;height: 100px"><span style="width: 50px;background: url(BG IMG)">­</span><span style="width: 100%;background: url(BG IMG)">­</span></div>

Height of banner

Width of left part of banner

Image URL to left part of banner

URL to rest of banner

Re: Full width banner - Posted By Vanquish (scott1707) on 27th Jan 08 at 1:34pm
Didnt work

Re: Full width banner - Posted By Marc (cr0w) on 27th Jan 08 at 3:48pm
 
Didnt work


Can I see the modified code you're using, please?

Re: Full width banner - Posted By Vanquish (scott1707) on 27th Jan 08 at 4:14pm
Code:
 
  1. <div style="position: absolute; top: 0; left: 0;width: 100%;height: 90px"><span style="width: 376px;background: url(http://i29.tinypic.com/29f4dhs.jpg)">­</span><span style="width: 100%;background: url(http://i30.tinypic.com/rhoivr.jpg)">­</span></div>
 

Re: Full width banner - Posted By Michael (wrighty) on 27th Jan 08 at 4:20pm
a Forum link would help too! {Smile}

Re: Full width banner - Posted By Vanquish (scott1707) on 27th Jan 08 at 4:26pm
http://evoarts.virtualforums.co.uk/

Re: Full width banner - Posted By Marc (cr0w) on 27th Jan 08 at 4:27pm
Use this, instead:

Code:
 
  1. <table style="position: absolute; top: 0; left: 0;width: 100%;height: 90px" cellspacing="0" cellpadding="0">
  2. <tr>
  3. <td width="376">
  4. <div style="background: url(http://i29.tinypic.com/29f4dhs.jpg); width: 376px; height: 90px">
  5. ­</div>
  6. </td>
  7. <td width="100%">
  8. <div style="background: url(http://i30.tinypic.com/rhoivr.jpg); width: 100%; height: 90px">
  9. </div>
  10. </td>
  11. </tr>
  12. </table>
 


{Smile}

Re: Full width banner - Posted By Vanquish (scott1707) on 27th Jan 08 at 4:29pm
Why thank you {Cheesy}

Re: Full width banner - Posted By Michael (wrighty) on 27th Jan 08 at 5:38pm
Such a stupid way to do something so easy! >.< But ok {Tongue Out}

Re: Full width banner - Posted By Marc (cr0w) on 27th Jan 08 at 6:03pm
 
Why thank you {Cheesy}


No problem. {Smile}