Trying to move an image with a link to top left of homepage!

dmorano · Joined: 30 Oct 2008 Posts: 3

I am having an issue moving an image to the top left of my homepage. I am new to this and learning as I go. I have google search to the right of the page and I want the 4H link to the left. Any ideas? I have tried to "float" the image but I an obviously doing something wrong. First code is for google search and second is image and link for 4H (This is the one I am trying to move.

Current code:
<DIV class=mainCol>
<DIV id=googleSearch>
<FORM style="DISPLAY: inline" action=http://www.google.com/custom method=get target=google_window><A href="http://www.google.com/"><IMG alt=Google src="http://www.aghost.net/images/google_logo_25wht.gif" align=middle border=0></A> <INPUT class=sb maxLength=255 name=q> <INPUT type=submit value=Search name=sa> <INPUT type=hidden value=pub-3595319624602544 name=client> <INPUT type=hidden value=1 name=forid> <INPUT type=hidden value=ISO-8859-1 name=ie> <INPUT type=hidden value=ISO-8859-1 name=oe> <INPUT type=hidden value=GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1; name=cof> <INPUT type=hidden value=en name=hl>
[u][b[color=red]]<P></P><A href="http://www.mountainviewcoop.com/index.cfm?show=10&mid=11">
[b]<P><IMG src="http://admin.aghost.net/images/E0180401/4h_homepage_banner.jpg" <border=0></P></A></FORM></DIV></DIV>[/b]b][/u]

sticks464 · Joined: 31 Dec 2006 Posts: 1284

Give this a try

html

dmorano · Joined: 30 Oct 2008 Posts: 3

Sticks464,

Thanks for the help! It worked. Any tips you can give on how you got it to move.

Much appreciated!!!

sticks464 · Joined: 31 Dec 2006 Posts: 1284

These were the key elements for the movement
.mainCol {position: relative;

#googleSearch {
position: absolute;
top: 0;
right: 0;

By using classes and id's in css gives more control over elements than using inline styling. Also does away with repetitious styling.

dmorano · Joined: 30 Oct 2008 Posts: 3

Thanks for the help!