Image not move from right side? [Solve]

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
User avatar
jayson.ph
Forum Contributor
Posts: 165
Joined: Mon Jan 02, 2012 9:20 am
Location: MP
Contact:

Image not move from right side? [Solve]

Post 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
Last edited by jayson.ph on Thu May 03, 2012 11:39 pm, edited 1 time in total.
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: Image not move from right side?

Post 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???
User avatar
jayson.ph
Forum Contributor
Posts: 165
Joined: Mon Jan 02, 2012 9:20 am
Location: MP
Contact:

Re: Image not move from right side?

Post 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.
User avatar
jayson.ph
Forum Contributor
Posts: 165
Joined: Mon Jan 02, 2012 9:20 am
Location: MP
Contact:

Re: Image not move from right side?

Post by jayson.ph »

User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: Image not move from right side?

Post 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.
User avatar
jayson.ph
Forum Contributor
Posts: 165
Joined: Mon Jan 02, 2012 9:20 am
Location: MP
Contact:

Re: Image not move from right side?

Post by jayson.ph »

Thanks Califdon; but now finally fix it.. and solve..

Thank..www.octagon.com.ph
Post Reply