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

Go Back   Webmaster Forums > Code Forum > HTML Forum

Reply
 
Thread Tools Rate this Webmaster Discussion
Old 10-07-2009, 12:49 AM   #1
Neatoboy
New Member
 
Join Date: Mar 2008
Webmaster Discussions: 9
Rep Power: 15
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?


Neatoboy is offline   Reply With Quote
Old 10-07-2009, 11:01 AM   #2
coothead
bald headed old fart
 
coothead's Avatar
 
Join Date: Aug 2003
Location: chertsey, a small town 25 miles south west of london, england.
Webmaster Discussions: 580
Rep Power: 67
coothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead 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)
__________________
coothead is offline   Reply With Quote
Old 10-13-2009, 12:50 AM   #3
Neatoboy
New Member
 
Join Date: Mar 2008
Webmaster Discussions: 9
Rep Power: 15
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?
Neatoboy is offline   Reply With Quote
Old 10-13-2009, 04:54 AM   #4
coothead
bald headed old fart
 
coothead's Avatar
 
Join Date: Aug 2003
Location: chertsey, a small town 25 miles south west of london, england.
Webmaster Discussions: 580
Rep Power: 67
coothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead has much to be proud ofcoothead 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.
__________________
coothead is offline   Reply With Quote
Reply

Bookmarks

Tags
image, positioning

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


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


All times are GMT -5. The time now is 09:01 PM.


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.