Web Design Forums

jpf566 · 29-01-2011, 21:37

So I've been reading a lot about CSS and tableless web design and I really really want to master this. I'm working on a website and WOW everything seems way harder than it should be. Trying to figure out what my problem is..maybe I'm thinking about things the wrong way? See below for link, does that seem like a logical way to set up a tableless design?

My current issue. On the bottom footer..I'd like those images to Align to the BOTTOM of the div. WHY IS THAT SO HARD?! Ha or am I just looking at it the wrong way? Any help would be greatly appreciated. Thank you!

Untitled Document

dh · 29-01-2011, 22:41

The easiest way would be to add style="margin-top: 20px;" to the img tags for the left and right image forcing them down.

Change the 20px to whatever is the difference in height between the left and right and the middle image repectively.

This is inline styling and some may dissaprove but it is easy.

dh · 29-01-2011, 22:44

Or if you wanted to center them horizontally change the 20px to half whatever is the difference in height between the left and right and the middle image repectively.

pieman44 · 03-02-2011, 21:31

Getting things to snap to the bottom of the browser window in divs is faffy, in involves doing things that are tempremental and i have found work fine then just stop working for no reason. Its the biggest difference between divs and tables, you kind of lose the ease in which tables can fill a browser, divs are a tad different but they are hard to learn from scratch as its a totally different way of thinking about building a page.

29-01-2011, 21:37	#1 (permalink)
jpf566 Registered User Join Date: Jun 2008 Posts: 39	Going Tableless and having some issues! Please Halp! So I've been reading a lot about CSS and tableless web design and I really really want to master this. I'm working on a website and WOW everything seems way harder than it should be. Trying to figure out what my problem is..maybe I'm thinking about things the wrong way? See below for link, does that seem like a logical way to set up a tableless design? My current issue. On the bottom footer..I'd like those images to Align to the BOTTOM of the div. WHY IS THAT SO HARD?! Ha or am I just looking at it the wrong way? Any help would be greatly appreciated. Thank you! Untitled Document

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

29-01-2011, 22:41	#2 (permalink)
dh aka Mr Hound Join Date: Dec 2006 Location: Brackendale Posts: 10,028	The easiest way would be to add style="margin-top: 20px;" to the img tags for the left and right image forcing them down. Change the 20px to whatever is the difference in height between the left and right and the middle image repectively. This is inline styling and some may dissaprove but it is easy.

29-01-2011, 22:44	#3 (permalink)
dh aka Mr Hound Join Date: Dec 2006 Location: Brackendale Posts: 10,028	Or if you wanted to center them horizontally change the 20px to half whatever is the difference in height between the left and right and the middle image repectively.

03-02-2011, 21:31	#4 (permalink)
pieman44 Way Fresh Join Date: Nov 2010 Location: Newcastle UK Posts: 61	Getting things to snap to the bottom of the browser window in divs is faffy, in involves doing things that are tempremental and i have found work fine then just stop working for no reason. Its the biggest difference between divs and tables, you kind of lose the ease in which tables can fill a browser, divs are a tad different but they are hard to learn from scratch as its a totally different way of thinking about building a page.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)