Page 1 of 1

Image not move from right side? [Solve]

Posted: Thu May 03, 2012 5:13 am
by jayson.ph
Hi all,

i have a HEADER PART to customize and i get this problem that, i do to solve in many times, but i cant understand why.. please see attached 1st. Image http://imm.io/o4yz

Code: Select all

.logo-container         <----container
{
	width:1000px;
	margin-top:21px;
	height:75px;
	float:left;
}
.logo     <-----octagon logo
{
	width:345px;
	height:75px;
	float:left;
	margin-left:18px;
}
.header-ads   <------Nation wide banner
{
	width:485px;
	height:75px;
	float:right;
	margin-right:12px;

}
.phil-flag001  <----------Philippines flag
{
width:98px;
height:53px;
float:right;
position:absolute;
}
now, i wondering why the flag cant move direct into "NATION WIDE BANNER" even i use float: right; or padding-left:1000px or itc.. since i want the flag move move floating above the image of "NATION WIDE", PLEASE HELP AND LOT OF THANKS

Re: Image not move from right side?

Posted: Thu May 03, 2012 9:04 pm
by califdon
I'm not clear about what you are trying to do. The flag is not a separate image, just a part of o4yz.png. How do you expect to be able to move it???

Re: Image not move from right side?

Posted: Thu May 03, 2012 10:08 pm
by jayson.ph
Sorry, and yes flag is part of 04yz and the flag is, i want to move over the banner of NATION WIDE. Like Nation Wide is a Background and the flag is an image floating in the center of Nation wide Banner.

Re: Image not move from right side?

Posted: Thu May 03, 2012 10:19 pm
by jayson.ph

Re: Image not move from right side?

Posted: Thu May 03, 2012 10:31 pm
by califdon
You will have to do that in PhotoShop or other image editing software. It has nothing to do with CSS. Well, actually, it is possible to use some very tricky methods to position a large image behind a small HTML element so that only a small amount is visible, but that's not recommended for several reasons. You just need to make a copy of the image, use an image editor to crop the flag, which then becomes another image that you can do whatever you need to do with. Probably just combine it with the second image. That's all image editing, it has nothing to do with HTML, CSS, PHP or Javascript.

Re: Image not move from right side?

Posted: Thu May 03, 2012 11:27 pm
by jayson.ph
Thanks Califdon; but now finally fix it.. and solve..

Thank..www.octagon.com.ph