Previous Thread
Next Thread
Print Thread
Hop To
#231061 11/15/2009 9:27 PM
Joined: Sep 2009
Posts: 15
L
stranger
stranger
L Offline
Joined: Sep 2009
Posts: 15
How do I remove the padding around the header image to make it fit. My forum is at: www.vatortrader.com/forums. Any advice would be greatly appreciated.

Joined: Jun 2006
Posts: 1,344
G
veteran
veteran
G Offline
Joined: Jun 2006
Posts: 1,344
You really need to resize the photo. The image is 2500px × 1010px (scaled to 1730px × 200px) thats what is causing it not to fit. I never allow my header images combined to be over 750-800 px wide so it fits all screen resolutions.

Joined: Jun 2006
Posts: 1,344
G
veteran
veteran
G Offline
Joined: Jun 2006
Posts: 1,344
If you view your image now it fits the page

http://www.vatortrader.com/forums/site_images/Singapore_Skyline_Panorama1.jpg

800px × 200px (scaled to 784px × 196px)

But on your forums it is stretch because of your coding

Quote
<img src="/forums/site_images/Singapore_Skyline_Panorama1.jpg" width="1740" height="210" />

swap out the height and width in the code to 784px × 196px and it should be fixed.

Joined: Sep 2009
Posts: 15
L
stranger
stranger
L Offline
Joined: Sep 2009
Posts: 15
Hi Gliderdad,

Thanks for your help! When I try the 784px x 196px it only displays the image across half the header screen.

Joined: Jun 2006
Posts: 1,344
G
veteran
veteran
G Offline
Joined: Jun 2006
Posts: 1,344
If your not gona add anthing behind to allow it to "flex", you could use this code.

Code
<img src="http://www.vatortrader.com/forums/site_images/Singapore_Skyline_Panorama1.jpg" alt="" width="100%" height="200" />

This is what it will look like wink

http://www.eternalshadows.com/vatortrader.php

but make sure you keep the image below 800 px wide like you have it or when viewing in 800 resolution you'll have to scroll still.

Last edited by gliderdad; 11/17/2009 5:59 PM.
Joined: Sep 2009
Posts: 15
L
stranger
stranger
L Offline
Joined: Sep 2009
Posts: 15
Hi Gliderdad,

Thanks, that took care of it. I guess I need to learn a little code.

Joined: Jun 2006
Posts: 1,344
G
veteran
veteran
G Offline
Joined: Jun 2006
Posts: 1,344
wink

Joined: Dec 2009
Posts: 3
G
stranger
stranger
G Offline
Joined: Dec 2009
Posts: 3
Originally Posted by gliderdad
You really need to resize the photo. The image is 2500px × 1010px (scaled to 1730px × 200px) thats what is causing it not to fit. I never allow my header images combined to be over 750-800 px wide so it fits all screen resolutions.

Best to reduce the photo I agree with gliderdad

Joined: Dec 2009
Posts: 1
T
stranger
stranger
T Offline
Joined: Dec 2009
Posts: 1
Yes, I agree. Very view monitors can accommodate that size image without scrolling. I usually go up to 900px.


Link Copied to Clipboard
ShoutChat
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
Version 7.7.5 Images suddenly not displaying
by Stovebolt - 05/04/2024 11:19 AM
Bots
by Outdoorking - 04/13/2024 5:08 PM
Can you add html to language files?
by Baldeagle - 04/07/2024 2:41 PM
Do I need to rebuild my database?
by Baldeagle - 04/07/2024 2:58 AM
This is not a bug, but a suggestion
by Baldeagle - 04/05/2024 11:25 PM
Who's Online Now
3 members (Stovebolt, ahmed047, Gizmo), 931 guests, and 151 robots.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
Los Angeles
Los Angeles
by isaac, August 6
3D Creations
3D Creations
by JAISP, December 30
Artistic structures
Artistic structures
by isaac, August 29
Stones
Stones
by isaac, August 19
Powered by UBB.threads™ PHP Forum Software 8.0.0
(Preview build 20240501)