(Moderators: John, Paul)
‹ Previous Topic | Next Topic ›
Page Index Toggle Pages: 1
Topic Tools
Hot Topic (More than 10 Replies) NEED HELP WITH THE BANNER (Read 3904 times)
Paul
Galactus
*****
Offline


It's all about blowin'
shit up.

Posts: 1696
Joined: Apr 18th, 2009
NEED HELP WITH THE BANNER
Jun 28th, 2010 at 8:45pm
Print Post  
Hey all. So I posted the new banner and I'd like to figure out how to center the picture without modifying it.  I attached the HTML code for the banner area. If anyone is good at this, let me know how to change it. I tried the basics already and nothing is working.

Thanks.
  
banner.txt ( 4 KB | 14 Downloads )
Anticipation of death is worse than death itself -- Steven Segal
Back to top
 
IP Logged
 
Black Bolt
Avenger
****
Offline


Leader of the Inhuman
Debating Society

Posts: 276
Location: Toronto, Ontario, Canada
Joined: Mar 9th, 2010
Gender: Male
Re: NEED HELP WITH THE BANNER
Reply #1 - Jun 29th, 2010 at 12:52am
Print Post  
I see the area around the banner is in its own table so you could change the table around like so:
Code
Select All
<table class="windowbg2" width="100%" cellpadding="4" cellspacing="0" border="0">
	<tr>
		<td align="center" valign="middle" width="460" height="100" colspan="4"><a href="http://www.villainsandvigilantesforum.com/RuleBookModifier.doc"><img src="{yabb images}/yabblogo.png" alt="Villains and Vigilantes House Rules by John" title="Villains and Vigilantes House Rules by John" border="0" /></a></td>
	</tr>
	<tr>
		<td align="left" valign="top" width="1%" height="40">&nbsp;</td>
		<td align="left" valign="middle" height="40">{yabb uname}<br />{yabb im}{yabb admin_alert}</td>
		<td align="left" valign="top" width="1%" height="60">&nbsp;</td>
		<td class="small" align="left" valign="top" height="60">{yabb news}</td>
	</tr>
</table>

What this does is place the banner at the top in the middle and the text that is usually to the left of the banner is now underneath it. Course I'm not sure how that would look overall (there might be a conflict with the style Sheet/CSS code but I doubt it), but it is an idea.

One thing I did notice is why does the logo link to a doc file? Normally a site's logo will link to its main page. I would also change the logo's ALT and TITLE tags to "Villains and Vigilantes Forum" which would help the site out when people do a web search for V&V forums.

Cheers,
Tim
  
Paratime Design Cartography | V&V Emporium
Back to top
WWW  
IP Logged
 
Paul
Galactus
*****
Offline


It's all about blowin'
shit up.

Posts: 1696
Joined: Apr 18th, 2009
Re: NEED HELP WITH THE BANNER
Reply #2 - Jun 29th, 2010 at 10:37am
Print Post  
Thanks Tim, I'll give this a shot.

John wanted a quick and easy link to his house rules document. I'll leave it up to him to change it.

*EDIT* So I tried it and it definitely looks better, but it seems left justified to me.  I think the "FLAME ON" text didn't make it in this table because it's still right justified or something.  Let me know of further tweaks and thanks for your help!
« Last Edit: Jun 29th, 2010 at 10:50am by Paul »  
Anticipation of death is worse than death itself -- Steven Segal
Back to top
 
IP Logged
 
AlabasterKnight
Justice Leaguer
*****
Offline


Heroing since 1979.

Posts: 1142
Location: Phoenix, AZ
Joined: Jun 21st, 2010
Gender: Male
Re: NEED HELP WITH THE BANNER
Reply #3 - Jun 29th, 2010 at 11:55am
Print Post  
looks good.
  
If it's not fun, we're not doing it right.
Back to top
 
IP Logged
 
Black Bolt
Avenger
****
Offline


Leader of the Inhuman
Debating Society

Posts: 276
Location: Toronto, Ontario, Canada
Joined: Mar 9th, 2010
Gender: Male
Re: NEED HELP WITH THE BANNER
Reply #4 - Jun 29th, 2010 at 2:27pm
Print Post  
Paul wrote on Jun 29th, 2010 at 10:37am:
Thanks Tim, I'll give this a shot.

John wanted a quick and easy link to his house rules document. I'll leave it up to him to change it.

*EDIT* So I tried it and it definitely looks better, but it seems left justified to me.  I think the "FLAME ON" text didn't make it in this table because it's still right justified or something.  Let me know of further tweaks and thanks for your help!


It looks good to me. One little change I would recommend is the section that has the username/private messages - change the valign="middle" to valign="top". That way the text will line up with the Flame on! text.
« Last Edit: Jun 29th, 2010 at 2:36pm by Black Bolt »  
Paratime Design Cartography | V&V Emporium
Back to top
WWW  
IP Logged
 
Black Bolt
Avenger
****
Offline


Leader of the Inhuman
Debating Society

Posts: 276
Location: Toronto, Ontario, Canada
Joined: Mar 9th, 2010
Gender: Male
Re: NEED HELP WITH THE BANNER
Reply #5 - Jun 29th, 2010 at 2:35pm
Print Post  
Ah, just checked it in IE and the logo is aligned to the left. In Firefox, the logo is centered. One thing you might want to try is to place center tags around the image. It would look like this:

Code
Select All
<table class="windowbg2" width="100%" cellpadding="4" cellspacing="0" border="0">
	<tr>
		<td align="center" valign="middle" width="460" height="100" colspan="4"><center><a href="http://www.villainsandvigilantesforum.com/RuleBookModifier.doc"><img src="{yabb images}/yabblogo.png" alt="Villains and Vigilantes House Rules by John" title="Villains and Vigilantes House Rules by John" border="0" /></a></center></td>
	</tr>
	<tr>
		<td align="left" valign="top" width="1%" height="40">&nbsp;</td>
		<td align="left" valign="middle" height="40">{yabb uname}<br />{yabb im}{yabb admin_alert}</td>
		<td align="left" valign="top" width="1%" height="60">&nbsp;</td>
		<td class="small" align="left" valign="top" height="60">{yabb news}</td>
	</tr>
</table>


Cheers,
Tim
  
Paratime Design Cartography | V&V Emporium
Back to top
WWW  
IP Logged
 
John
Galactus
*****
Offline


The Master Cylinder

Posts: 6693
Location: Selden
Joined: Apr 11th, 2009
Gender: Male
Re: NEED HELP WITH THE BANNER
Reply #6 - Jun 29th, 2010 at 3:26pm
Print Post  
Can we center it?   Its driving me crazy to look at it all lopsided like that.
  
I am scary, very, very scary.
Back to top
WWWFacebookTwitterYouTubeAIM  
IP Logged
 
Doctor Foom
Justice Leaguer
*****
Offline


Silver Age relic

Posts: 752
Joined: May 17th, 2009
Re: NEED HELP WITH THE BANNER
Reply #7 - Jun 29th, 2010 at 4:08pm
Print Post  
Just pivot your chair 30 degrees to the left.
  
Back to top
WWW  
IP Logged
 
Black Bolt
Avenger
****
Offline


Leader of the Inhuman
Debating Society

Posts: 276
Location: Toronto, Ontario, Canada
Joined: Mar 9th, 2010
Gender: Male
Re: NEED HELP WITH THE BANNER
Reply #8 - Jun 29th, 2010 at 4:14pm
Print Post  
John wrote on Jun 29th, 2010 at 3:26pm:
Can we center it?   Its driving me crazy to look at it all lopsided like that.

The logo is suppose to be centered (and it is centered in Firefox & Opera) but IE doesn't like to play nicely with web/HTML standards. Here's how it looks in Firefox.



Edited to add screen cap.

Cheers,
Tim
« Last Edit: Jun 29th, 2010 at 4:20pm by Black Bolt »  
Paratime Design Cartography | V&V Emporium
Back to top
WWW  
IP Logged
 
Paul
Galactus
*****
Offline


It's all about blowin'
shit up.

Posts: 1696
Joined: Apr 18th, 2009
Re: NEED HELP WITH THE BANNER
Reply #9 - Jun 29th, 2010 at 4:25pm
Print Post  
IE sucks then because this is drivng me nuts. But I was able to center the Good Morning message and now I'll try to center the image to the text (having difficulty of course).

*edit* Ok I'm done playing with this. It has to simply be an IE issue then.  John, if I add an artificial buffer to the image, then it will be off to the right for non-IE users. Don't know what you want to do.
« Last Edit: Jun 29th, 2010 at 4:45pm by Paul »  
Anticipation of death is worse than death itself -- Steven Segal
Back to top
 
IP Logged
 
Black Bolt
Avenger
****
Offline


Leader of the Inhuman
Debating Society

Posts: 276
Location: Toronto, Ontario, Canada
Joined: Mar 9th, 2010
Gender: Male
Re: NEED HELP WITH THE BANNER
Reply #10 - Jun 29th, 2010 at 4:54pm
Print Post  
Paul, you've chopped off the 'end table' tag for the first table that includes the time script.
Code
Select All
</table>

That could be a potential source for the page not displaying correctly (then again it might not but having correct code is always a good idea).
  
Paratime Design Cartography | V&V Emporium
Back to top
WWW  
IP Logged
 
Paul
Galactus
*****
Offline


It's all about blowin'
shit up.

Posts: 1696
Joined: Apr 18th, 2009
Re: NEED HELP WITH THE BANNER
Reply #11 - Jun 29th, 2010 at 4:59pm
Print Post  
No that was the original code, I didn't touch that. But I am happy to report

THAT I FIGURED IT OUT WOOOOOT!

Simply changed the width="460" to width="100%". I figured the width for the picture was no utilizing the entire space so I forced in the 100%.

John, since I know you use IE, let me know how it looks.
  
Anticipation of death is worse than death itself -- Steven Segal
Back to top
 
IP Logged
 
Black Bolt
Avenger
****
Offline


Leader of the Inhuman
Debating Society

Posts: 276
Location: Toronto, Ontario, Canada
Joined: Mar 9th, 2010
Gender: Male
Re: NEED HELP WITH THE BANNER
Reply #12 - Jun 29th, 2010 at 5:11pm
Print Post  
It worked in IE for me. 

As for the missing end table code - I strongly suggest you fix that. The site is using XHTML and not closing tags is a big no-no (a little error at the top of a page can have a cascading effect on the rest of the page). When I run the site through the W3C Validation Site it comes up with 15 errors.

Having correct code means there is less a chance of having the page display inaccurately (each web browser interprets web code slightly different from each other and adhering to web standards make this process run smoother - it's called cross platform capability in web design speak) and it works in your benefit when it comes to search engine listings.

Cheers,
Tim
  
Paratime Design Cartography | V&V Emporium
Back to top
WWW  
IP Logged
 
John
Galactus
*****
Offline


The Master Cylinder

Posts: 6693
Location: Selden
Joined: Apr 11th, 2009
Gender: Male
Re: NEED HELP WITH THE BANNER
Reply #13 - Jun 29th, 2010 at 5:43pm
Print Post  
It looks great.  Thanks!   Awsome!   Next time I see you Paul, I will buy you that Jonas Brothers Poster you wanted.



Seriously, thanks!
  
I am scary, very, very scary.
Back to top
WWWFacebookTwitterYouTubeAIM  
IP Logged
 
Paul
Galactus
*****
Offline


It's all about blowin'
shit up.

Posts: 1696
Joined: Apr 18th, 2009
Re: NEED HELP WITH THE BANNER
Reply #14 - Jun 29th, 2010 at 6:54pm
Print Post  
John you know the J-Bros are yesterdays news. Make it David Archileta.

Tim I will look into that over the next few days. I appreciate your help with this.

By the way, the site looks great from my iPhone!
  
Anticipation of death is worse than death itself -- Steven Segal
Back to top
 
IP Logged
 
John
Galactus
*****
Offline


The Master Cylinder

Posts: 6693
Location: Selden
Joined: Apr 11th, 2009
Gender: Male
Re: NEED HELP WITH THE BANNER
Reply #15 - Jun 29th, 2010 at 6:56pm
Print Post  
What about Justin Beiber?  I know you like him.

And thanks.  It does look good.
  
I am scary, very, very scary.
Back to top
WWWFacebookTwitterYouTubeAIM  
IP Logged
 
Paul
Galactus
*****
Offline


It's all about blowin'
shit up.

Posts: 1696
Joined: Apr 18th, 2009
Re: NEED HELP WITH THE BANNER
Reply #16 - Jun 29th, 2010 at 9:42pm
Print Post  
Harry Potter said Justin Bieber is a girl.
  
Anticipation of death is worse than death itself -- Steven Segal
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Topic Tools
‹ Previous Topic | Next Topic ›
 
  « Board Index ‹ Board Top  

The Villains and Vigilantes Forum. Check out our latest discussion threads! » Powered by YaBB 2.6.12!
YaBB Forum Software © 2000-2024. All Rights Reserved.

Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge


>