Results 1 to 9 of 9
-
06-15-2005, 07:10 AM #1Web Hosting Master
- Join Date
- Feb 2004
- Location
- Australia (Crikey)
- Posts
- 2,271
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"> </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>
-
06-15-2005, 07:24 AM #2Web Hosting Master
- Join Date
- May 2005
- Location
- Sydney, Australia
- Posts
- 876
You need to set the page margins to 0...
<body topmargin="0" leftmargin="0">
-
06-15-2005, 07:26 AM #3Web Hosting Master
- Join Date
- May 2005
- Location
- Sydney, Australia
- Posts
- 876
That is of the actual main page...
But I may be wrong.
-
06-15-2005, 07:44 AM #4Web Hosting Master
- 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?
-
06-15-2005, 07:54 AM #5Web Hosting Master
- 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;
-
06-15-2005, 07:55 AM #6Web Hosting Master
- 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.
-
06-15-2005, 08:34 AM #7Retired Moderator
- 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 -5pxStudio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design
-
06-15-2005, 08:51 AM #8Web Hosting Master
- Join Date
- May 2005
- Location
- Sydney, Australia
- Posts
- 876
Your just a knowledge bank, aren't you?
-
06-15-2005, 08:56 AM #9Web Hosting Master
- Join Date
- Feb 2004
- Location
- Australia (Crikey)
- Posts
- 2,271
thanks guys, I will give it a go