Post by meistralf » Wed Apr 08, 2015 3:05 pm

I don't know why when i put the image at the header the image appear different from the image i upload. I'm not sure why it's like that. Beside i'm still new in opencart. I want attach image here but don't know how.

Newbie

Posts

Joined
Tue Mar 24, 2015 4:07 pm

Post by IP_CAM » Wed Apr 08, 2015 10:52 pm

Beeing NEW or not, is not the point. Facts are required, to assist somesone. How should a Doctor be able to help, if you don't tell, AND SHOW, him, where it hurts?! So, add a link to your Site, and add a link to YOUR Image, then, one can compare, and possibly asssist! Otherways, you'll have no chance! ;)
Ernie

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by meistralf » Thu Apr 09, 2015 11:53 am

here is my link
http://www.malaysiashoppingvalley.com/index.php

header banner should be like the picture i attach but don't know why it appear like that.

Attachments

msv.jpg

msv.jpg (15.09 KiB) Viewed 793 times


Newbie

Posts

Joined
Tue Mar 24, 2015 4:07 pm

Post by IP_CAM » Fri Apr 10, 2015 10:47 pm

It's relatively complicated to explain, but i try:

You use a background image, opriginally sized 1152px width. x 251px.height.
If a browser resolution ist less than 1152pc width, i.E. 1024x768px, it will automatically cut/hide parts of the right side of the background image. If a browser resolution is larger than 1152px, i.E. 1280px wide, or larger, the background image would repeat itself, adding another image, immediately behind the first one.
There are ways to prevent the background image from repeating itself, like CSS, looking similar to the one, shown below:

Code: Select all

background: url('../image/search_box_2.png') left center no-repeat;
but then, you would ALSO have to FIX the BROWSER VIEW MAX WIDTH, to a POPULAR Browser Size, like 1024px width, by using such a MAX SIZE LIMITER like:

Code: Select all

/* layout */
#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
to make sure, your background image size will FILL the entire Space, leaving NO empty right Section, but still display in Full.
The image itself would have to be sized in an Image Editor, to exactly match, i.E. 980px width.

I hope you get the idea! ;)

OC is like a Woman, one has to play around a little, to find out on what she likes best ::)
Good Luck
Ernie

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by meistralf » Mon Apr 13, 2015 11:59 am

Thanks it work!

Newbie

Posts

Joined
Tue Mar 24, 2015 4:07 pm
Who is online

Users browsing this forum: khnaz35 and 10 guests