Powered by:
FutureQuest Hosting


"...Remember being a youngster, mom or dad telling you "close the door"? Well the same applies to HTML ...."

Web Hosting
Shared       
Reseller     
VPS             
Dedicated 
Price:   $(US)
Space:     (MB)
Transfer:(GB)
Platform:


Advertise
Advertising Opportunities
Rate Card

Sponsor
Go Back   Webmaster Forums > Code Forum > HTML Forum


Reply
 
Thread Tools Rate this Webmaster Discussion
  #1  
Old 10-07-2009, 01:49 AM
Neatoboy Neatoboy is offline
Junior Member
 
Join Date: Mar 2008
Webmaster Discussions: 9
Rep Power: 10
Neatoboy is on a distinguished road
Positioning of image

Hi

I'm trying to position the clipart forklift (under the menu) on the left hand side so that it sits at the bottom of the cell, while the menu sits at the top of the cell:

http://www.forkserve.com.au/index-new.htm

What am I doing wrong?


Reply With Quote
  #2  
Old 10-07-2009, 12:01 PM
coothead's Avatar
coothead coothead is offline
bald headed old fart
 
Join Date: Aug 2003
Location: chertsey, a small town 25 miles south west of london, england.
Webmaster Discussions: 510
Rep Power: 63
coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of
Re: Positioning of image

Hi there Neatoboy,
Quote:
What am I doing wrong?
Well,the worst thing that you have done, is to use javascript for you navigation.

Those with it disabled will be stuck on that page.

I would then suggest that your use of tables for page layout is inappropriate.

All is not lost, though, as the attached zip file has a total reworking of your page.
Attached Files
File Type: zip Neatoboy.zip (159.1 KB, 3 views)
__________________
Reply With Quote
  #3  
Old 10-13-2009, 01:50 AM
Neatoboy Neatoboy is offline
Junior Member
 
Join Date: Mar 2008
Webmaster Discussions: 9
Rep Power: 10
Neatoboy is on a distinguished road
Re: Positioning of image

Thank you for your assistance! I've looked at the code you sent on the revised website, but I don't understand how you have "told" the image to render next to the footer. Can you try and explain this to me?
Reply With Quote
  #4  
Old 10-13-2009, 05:54 AM
coothead's Avatar
coothead coothead is offline
bald headed old fart
 
Join Date: Aug 2003
Location: chertsey, a small town 25 miles south west of london, england.
Webmaster Discussions: 510
Rep Power: 63
coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of coothead has much to be proud of
Re: Positioning of image

Hi there Neatoboy,

in the index.html file you will see <div id="content"> which contains the left side navigation and the right side text.

Underneath those two areas are...

<img id="forklift" src="images/forklift.jpg" alt="forklift">
<img id="footer" src="images/footer.gif" alt="footer">
The <div id="content"> is given the attribute position:relative in the main.css file.

The two images are given the attribute position:absolute.

The forklift image is placed bottom:0 and left:0.

The footer image is placed bottom:0 and right:0.

This means that the images will always be stuck at the bottom of the <div id="content">
whatever the height of the left side navigation or right side text.
__________________
Reply With Quote
Reply
Sponsor

Bookmarks

Tags
image , positioning

Thread Tools
Rate This Thread
Rate This Thread:

 

Similar Webmaster Discussions
Thread Webmaster Discussion Starter Forum Replies Last Post
positioning over background image zac CSS Forum 2 09-19-2005 02:28 PM
Image Positioning DaWebmasta HTML Forum 4 09-03-2004 10:07 AM
Image Positioning Problem? foofoo CSS Forum 5 07-08-2004 08:23 AM
Positioning Text over a Bkrnd Image svoltmer CSS Forum 3 06-02-2003 04:43 PM
image positioning Samh HTML Forum 1 05-02-2002 10:22 AM


All times are GMT -5. The time now is 07:04 PM.

Copyright © 1999 - 2009 Advanced HTML For Beginners and AHFB2000. All rights reserved.
Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.