Results 1 to 9 of 9
  1. #1
    Join Date
    Feb 2004
    Location
    Australia (Crikey)
    Posts
    2,271

    Arrow Please I need help with a bar above my forum!

    I have made a bar in photoshop (similar to the iNet Bar). This bar can be seen here: http://bar.hostex.com.au

    Notice how it sticks right to the edge of the browser? However, when I put the same code above my vbulletin forum it does not go to the edges. Here it is on the forum:

    http://www.elastomaniac.com

    Here is the code:

    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="22">
    <tr>
    <td width="140" height="22">
    <a href="http://www.hostex.com.au">
    <img border="0" src="logo.gif" width="140" height="45"></a></td>
    <td width="100%" background="cell.gif" height="22">&nbsp;</td>
    <td width="135" background="cell.gif" height="22" valign="top">

    <FORM name="communities">
    <SELECT name="communities" onChange="window.location=document.communities.communities.options[document.communities.communities.selectedIndex].value">
    <OPTION SELECTED>-- Communities --
    <OPTION value="http://www.elastomaniac.com">elastomaniac.com
    <OPTION value="http://www.fatimages.com/forum/">Fat Images Community
    <option value="http://www.waypointgaming.net">Waypoint Gaming</option>
    <option value="http://www.talkmicrosoft.com">Talk Microsoft</option>
    </SELECT>
    </FORM>

    </td>
    <td background="cell.gif" height="22" width="133" valign="top">

    <FORM name="services">
    <SELECT name="services" onChange="window.location=document.services.services.options[document.services.services.selectedIndex].value">
    <OPTION SELECTED>-- Services --
    <OPTION value="http://www.fatimages.com">Fat Images (Image Hosting)
    </SELECT>
    </FORM>

    </td>
    <td width="138" background="cell.gif" height="22" valign="top">
    <FORM name="corporate">
    <SELECT name="corporate" onChange="window.location=document.corporate.corporate.options[document.corporate.corporate.selectedIndex].value">
    <OPTION SELECTED>-- Corporate --
    <option value="http://www.hostex.com.au">Hostex Australia</option>
    </SELECT>
    </FORM>

    </td>
    </tr>
    </table>
    How do I get it to go right to the edges on the actual forum? Please help! Thanks guys.

  2. #2
    Join Date
    May 2005
    Location
    Sydney, Australia
    Posts
    876
    You need to set the page margins to 0...

    <body topmargin="0" leftmargin="0">

  3. #3
    Join Date
    May 2005
    Location
    Sydney, Australia
    Posts
    876
    That is of the actual main page...

    But I may be wrong.

  4. #4
    Join Date
    Feb 2004
    Location
    Australia (Crikey)
    Posts
    2,271
    I have tried putting that in certain places, however it does not seem to work. Which template should I actually put that in?

  5. #5
    Join Date
    May 2005
    Location
    Sydney, Australia
    Posts
    876
    Well ... wherever create the html for the page.

    Like if you view source for WHT it comes up with the following...

    <head><title>WebHostingTalk Forums - Please I need help with a bar above my forum!</title>
    <meta name="MSSmartTagsPreventParsing" content="TRUE">
    <meta http-equiv="MSThemeCompatible" content="Yes">
    <style type="text/css">
    BODY {
    background: #FFFFFF;
    margin-bottom:2px;
    margin-left:2px;

    margin-right:2px;
    margin-top:2px;

    padding: 0px;
    SCROLLBAR-BASE-COLOR: #666666;
    SCROLLBAR-ARROW-COLOR: #FFFFFF;

  6. #6
    Join Date
    May 2005
    Location
    Sydney, Australia
    Posts
    876
    Whereas yours is ...

    /* vBulletin 3 CSS For Style 'Satellite Style Fixed' (styleid: 3) */
    body
    {
    background: #40587B url(images/satellite/misc/pagebg.gif) repeat-x top left;
    color: #283A5E;
    font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin: 5px 5px 5px 5px;
    }
    a:link
    {
    color: #003366;
    text-decoration: none;


    Sorry I couldn't be of more help - I don't know anything about vBulletin but I imagine you need to have a look at the CSS of the theme or alter the template... but that is the reason.

  7. #7
    Join Date
    May 2004
    Location
    Pflugerville, TX
    Posts
    11,231
    If you want to have those margins around everything else except for the bar, you can apply negative margins to the bar, and the space will be filled it.

    margin:-5px -5px 0 -5px
    Studio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design

  8. #8
    Join Date
    May 2005
    Location
    Sydney, Australia
    Posts
    876
    Your just a knowledge bank, aren't you?

  9. #9
    Join Date
    Feb 2004
    Location
    Australia (Crikey)
    Posts
    2,271
    thanks guys, I will give it a go

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •