Resulted to tables in frustration

	Home Register Search Help Login

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Resulted to tables in frustration

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Resulted to tables in frustration

Page: [1]


GolfMad Posts: 190 Joined: 3/20/2002 From: UK Status: offline	Resulted to tables in frustration - 4/1/2008 6:10:44 I hate to admit this but I tried for a long time with various css for 3 float left and 1 float right, div width size, inline or inline-block, clear both after...... but I could not get the 4 pictures to butt up to one another and fill exactly a wrap container of 760 pixels. So I have put my table version (just the header part on a page, the wrap also contains menu and content divs) up on the link below and wonder if anyone would be kind enough to show me the css code that will do the same darn thing as my table code did in under a minute!- I am determined to learn this but after many hours and Googling css related to it have given up in frustration. Thanks to anyone willing to help: http://sitesoon.co.uk/test/header-pictures.htm Regards Phil


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Resulted to tables in frustration - 4/1/2008 6:47:21 was THIS what you were after? The only problem being that 195px x 4 = 780px so obviously you'll either have to widen the div (which is what I did) or re-size the images. If you want a border around it then you'll need to allow more space for that (if it's a 1px wide border then you'll need an extra 2px width of the div). edit: forgot to add the Tan Hack for IE5.5 and under if you care about them - now added. < Message edited by Tailslide -- 4/1/2008 7:08:34 > _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to GolfMad)


GolfMad Posts: 190 Joined: 3/20/2002 From: UK Status: offline	RE: Resulted to tables in frustration - 4/1/2008 7:36:46 Tailslide - I cannot thank you enough - it was 'doing my head in' and I would never have got the wrap img tag in all I was trying to do. Sorry about the typo is should have been 780px as you say and not 760 px. Is is just so darn difficult to master all this ccs layout stuff. Just when you think you have a reasonably grip of it some other positioning problem bites you - well me not you I mean! Thanks again for your time and trouble. Regards Phil (in reply to Tailslide)


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Resulted to tables in frustration - 4/1/2008 7:45:24 It's no problem Phil - don't drive yourself mad next time - if you can't figure it out in a couple of hours then try asking in here. The biggest problem is figuring out what the problem is. Once you can properly describe the problem (e.g. IE5.5 adding space on floated images - which it was here) then you can google more effectively. Otherwise there's just too much stuff out there! If you think you've run into a bug then this site: http://www.positioniseverything.net/ is a great place to look for solutions. _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to GolfMad)

Page: [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Resulted to tables in frustration

Page: [1]

Jump to: 1

New Messages	No New Messages
Hot Topic w/ New Messages	Hot Topic w/o New Messages
Locked w/ New Messages	Locked w/o New Messages

Post New Thread

Reply to Message

Post New Poll

Submit Vote

Delete My Own Post

Delete My Own Thread

Rate Posts