Poblem with Forum header image

A

as-i-said

Messages
588
Name
12
Edit My Images
No
I , have started a Forum and am having problems with the logo/header, I can make it, but when I resize it is going fuzzy (how techey am I) anything I am missing, I am using PS cs

header
 
Blowing up a small image will always make it go blocky. If you have the artwork in a vector format (.eps for example) then you can expand it to whatever size you want. If you have made the image yourself then I am afraid that the easiest solution is to re-draw the image at the correct size.

Websafe colours were important when most displays would only show 256 different colours but as that has not been the case for a decade or so it is not something we need to worry about now :)
 
Fragglerock said:
Websafe colours were important when most displays would only show 256 different colours but as that has not been the case for a decade or so it is not something we need to worry about now :)
Click to expand...

That told me haha. I havent done any HTML for about 10 years anyway....thats my excuse and im sticking with it :thinking:
 
in the header coding...you need to make sure that the image size you tell it to produce matches the size you have, or it will make the logo to that size.
 
Or just remove the bit of html markup that sets the image size.
 
this is all that is there, cant see any size entries?

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar
"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar
" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]​
 
yours is showing as 1400x144 which is huuuuuuuuuuuuuuge...have you looked in the CSS?
 
had a look, got this

.headerR {
background-image: url(images/blackwidow/blackwidow_topR.gif);
background-repeat: no-repeat;
height: 81px;
width: 269px;
}
 
Theres no element with a class of headerR in that code you gave. If you view source, and search for the image name of the banner, have a look what id's and classes are used for that element and parenting elements. Then search in the templates and CSS for those names and such, to see where the height and width is set.

:)
 
Take a step back :)

The header that you have uploaded is a single gif 1200x144 pixels
(http://www.bikerbabble.com/images/Logo8.gif)
Nothing in the HTML or css restricts this size.

The image is only 8k so hardly a crime against bandwidth but probably not ideal anyway, big images can do weird things to layouts.

What is your source image that you are resizing?
 
You must log in or register to reply here.
Back
Top