Ravens PHP Scripts: Forums
 

 

View next topic
View previous topic
Post new topic   Reply to topic    Ravens PHP Scripts And Web Hosting Forum Index -> Themes
Author Message
AwwYouDead
Hangin' Around



Joined: Apr 02, 2006
Posts: 38

PostPosted: Sat May 06, 2006 5:51 am Reply with quote

Ok first off my site is [ Only registered users can see links on this board! Get registered or login! ] the theme is Simplex, Engine Raven 76 2.02.02.

My problem is that I have changed the site banner. I sized the banner 100% to comabt different resolutions, My problem is that @1024 reso useing IE there is a scroll bar at the bottom of the site. The bar is not present with Firefox. I personally dont care that its there cause i never use IE. But its annoying some of the members so I will try to fix it for them. I would like to try to keep the banner tagged with 100% for the width so that it resizes for different resolutions. Below im posting the snipit of the theme.php that i modified.

Code:
"<table cellSpacing=\"0\" cellPadding=\"0\" width=\"100%\" align=\"center\" border=\"0\">"

  . "  <tr>"
  . "    <td>"
  . "    <table class=\"forumline\" cellSpacing=\"1\" cellPadding=\"0\" width=\"100%\" border=\"0\">"
  . "      <tr>"
  . "        <td class=\"row1\">"
  . "        <table cellSpacing=\"0\" cellPadding=\"1\" width=\"100%\" border=\"0\">"
  . "          <tr>"
  . "            <td width=\"100%\">"
  . "            <a href=\"index.php\"><img alt=\"$sitename\" src=\"themes/Simplex/images/logo.gif\" border=\"0\" width=\"100%\" height=\"200\"></td>"
  . "            <td noWrap width=\"100%\"></td></a>"
  . "          </tr>"
  . "        </table>"


If one of you theme guru's could take a look at this please I woudl appreciate it. I have the theme zipped and on standby if you need to see more of it.

Aww
 
View user's profile Send private message
montego
Site Admin



Joined: Aug 29, 2004
Posts: 9457
Location: Arizona

PostPosted: Sat May 06, 2006 3:25 pm Reply with quote

Well, it looks like your logo is 1138 pixels wide? No wonder it won't fit within 1024. You need to descrease the width of the graphic... I think...

Really nice graphics though!!! Very impressive work.

_________________
Where Do YOU Stand?
HTML Newsletter::ShortLinks::Mailer::Downloads and more... 
View user's profile Send private message Visit poster's website
AwwYouDead







PostPosted: Sat May 06, 2006 5:37 pm Reply with quote

I left the image kinda wide. being tagged at 100% should make it auto resize? It does in Firefox, Any way to make this auto resize? I mean i can shrink the image to 1024 but then anyone useing a larger resolution would see the banner streached. It streaches ok as it is now. But i dont want to knock another 100 pixels off the image. makes it look funny at 1600x1200. So any Ideas?
 
montego







PostPosted: Sat May 06, 2006 5:56 pm Reply with quote

Unfortunately, that one is a bit out of my league. I wasn't even aware that FF would autosize it. Maybe ask Jaded. She is masterful at graphics!
 
Rumbaar
Regular
Regular



Joined: Apr 16, 2004
Posts: 78
Location: Melbourne, Australia

PostPosted: Sat May 06, 2006 10:34 pm Reply with quote

Have you tried having the banner center aligned and then handle the resizing via a background color or image.

<table cellSpacing=\"0\" cellPadding=\"1\" width=\"100%\" border=\"0\" class=\"topnav\">"

<td align="center" width="100%" height="200"><a href=\"index.php\"><img alt=\"$sitename\" src=\"themes/Simplex/images/logo.gif\" border=\"0\" width=\"1024\" height=\"200\"></td>

I would make the banner smaller and handle the edged via CSS, ie

.topnav { background: #F4F8FB url(image here) }

I hope I'm understandable.

_________________
Victim's aren't we all! 
View user's profile Send private message Visit poster's website
AwwYouDead







PostPosted: Sat May 06, 2006 11:03 pm Reply with quote

Rumbaar wrote:
Have you tried having the banner center aligned and then handle the resizing via a background color or image.

<table cellSpacing=\"0\" cellPadding=\"1\" width=\"100%\" border=\"0\" class=\"topnav\">"

<td align="center" width="100%" height="200"><a href=\"index.php\"><img alt=\"$sitename\" src=\"themes/Simplex/images/logo.gif\" border=\"0\" width=\"1024\" height=\"200\"></td>

I would make the banner smaller and handle the edged via CSS, ie

.topnav { background: #F4F8FB url(image here) }

I hope I'm understandable.


I catch what your saying. but thats not the issue. Yes i could center it and lock it in at 1024, but i would rather just get it to work with 100% tagged.
 
Rumbaar







PostPosted: Sun May 07, 2006 12:28 am Reply with quote

Well I didn't mean lock it at 1024 but to have the background image to handle the 'slack' space around each side of the banner. Then no mater what browser or size it should rendered correctly without the image ever being stretched or shrunken.

This can be acheived quite simply and with a little work on your banner, have it fade to a uniform common background. Then the background will move and flow for each browser or resolution.

I think the 100% render issue is a 'design' fault of IE. We all know how at times Micro$oft makes up their own HTML standards.
 
AwwYouDead







PostPosted: Sun May 07, 2006 6:57 am Reply with quote

lol thanks for the tips. I'll fool with it some more. I appreciate the tip didnt mean to soun d ungreatful.
 
AwwYouDead







PostPosted: Sun May 07, 2006 2:03 pm Reply with quote

Rumbaar wrote:
.topnav { background: #F4F8FB url(image here) }


Where would i put this in the .css file? Sorry this is a little new to me.
 
Rumbaar







PostPosted: Sun May 07, 2006 9:48 pm Reply with quote

Well you can put that anywhere in your CSS file, just make sure that not already defined. Some themes use that style already.

Now if you are going to use just a background base color you only need:

.topnav { background: #F4F8FB }

But if you want it have a base color and then an image, usually done to fade into images

.topnav { background: #F4F8FB url(image here) }

Also repeat-x (horizontal), repeat-y (vertical), repeat (both) or no-repeat can be set to govern how the back image is repeated or not repeated.

.topnav { background: #F4F8FB url(image here) repeat-x }
 
Display posts from previous:       
Post new topic   Reply to topic    Ravens PHP Scripts And Web Hosting Forum Index -> Themes

View next topic
View previous topic
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You can attach files in this forum
You can download files in this forum


Powered by phpBB © 2001-2007 phpBB Group
All times are GMT - 6 Hours
 
Forums ©