Help with logo please

[bluidkiti]

I want to use this image as my logo http://www.xxxx.com/forums/images/gr...ader_white.jpg . I want it to look the same on a wide screen laptop and a regular screen laptop. Right now if I get it to look ok on the wide screen laptop it doesn't look ok on the regular screen and vice versus. I also don't want any gap in between the logo and the navbar section. Can anyone help please? Thanks in advance.

[3DGirl]

The problem is not your logo. Its the screen res on each monitor. As with everyones monitor, no one sees exactly what you see.

To correct this there is a few things you can do. Collaborate them so they show the exact same. Spyder3 Elite by data color makes a spyder tool you can use along with the calibration software that you can use on all your monitors to calibrate them. It is what I use along with other data color products. No I am not affiliated with them.

Hoping I understand your question properly. If not sorry.

HTH

[bluidkiti]

Isn't there a code I can add somewhere in either CSS or a template so that when I add the logo it stays the same size. On the regular screen it runs off the side. Can I add a code in either the Header template or in CSS that would help with this? If so what code?

[3DGirl]

Originally Posted by bluidkiti

Isn't there a code I can add somewhere in either CSS or a template so that when I add the logo it stays the same size. On the regular screen it runs off the side. Can I add a code in either the Header template or in CSS that would help with this? If so what code?

Yes there are several codes along with other things you can add so that your site displays the same on all monitors sizes, RE: wide screen, cell phones etc. Thats quite involved though.

I am a designer for 12 yrs now, I however am just learning VBulletin, just purchased and installed three days ago, so I am not positive what that code would be, yet. I will as soon as I get to that design part on my vb.

So for now, I cannot help you with that. Im sorry.

Did you center everything in your design, AND your logo? That might cure the problem, but not sure. Also your logo seems quite wide. You can try making the logo smaller in width with center tags.

--------------- Added [DATE]1218750774[/DATE] at [TIME]1218750774[/TIME] ---------------

Center tags are:

< center > - without spaces

[bluidkiti]

I have been working with websites for 10 years and vbulletin for 2 years. I tried centering it, making it smaller - didn't work. If no one knows a code then I will keep looking until I find it. Just hoped someone might know what to do. Oh well. If I get it to work I will for sure let you know. :-)

--------------- Added [DATE]1218754952[/DATE] at [TIME]1218754952[/TIME] ---------------

I can get it to look right in one but not the other and vice versus.

[3DGirl]

Im surprised no one has replied. I wish I knew the answer but I don't. Im sorry.

Thanks, I will be coming across this same issue very shortly.

Have a good day and I hope some one will make a reply that helps you.

[bluidkiti]

I now have it working correctly in all browsers except when I view it in IE on the widescreen laptop it is off by 1px. On regular screen IE is ok.

This is what I have:

In Main CSS >> Body (Customized in this Style) >> Extra CSS Attributes I have this:

background-color: #FFF;
background: url(http://www.xxxx.com/forums/images/gr...ader_white.jpg) no-repeat top center;;
padding: 200px 0px 20px 0px;

I also have in Main CSS >> Body (Customized in this Style) >> Standard CSS Attributes >> Background:
I have the box beside Background empty. No color for background.



In StyleVars >> Sizes and Dimensions >> Main Table Width (pixels or percentage)

I have Table Width for the board set to 950 . No px or percentage beside it, just 950.



This is what I have in my header template:
<!-- content table -->
$spacer_open

$_phpinclude_output

Any suggestions?


I also would like a boarder around the whole thing. Any suggestions on that?

[3DGirl]

I'm glad you got this fixed.

For the boarder, Search Google for CSS + Image Boarder + VBulletin. You should find several codes to use and some that might be for VB.

[TeelK]

This Account Has Exceeded Its CPU Quota

[bluidkiti]

Originally Posted by 3DGirl

I'm glad you got this fixed.

For the boarder, Search Google for CSS + Image Boarder + VBulletin. You should find several codes to use and some that might be for VB.

Thanks 3DGirl. I have been looking. Have a great weekend.