Log in

View Full Version : Possible to absolute large image borders on a centered content?



SawnDiddle
12-14-2007, 07:08 AM
ok, I have a page.

http://newsalesparadigm.com/temp/6.html

now as you can see there are two pillars on the sides. I currently have it setup in tables where the tops are images and the pillar part is a image in the back of the table cell.

But is it possible to bring in those pillars and top in some so that the edge of the pillars share the same edge of the content page? (where the tan color ends).

That way the top of the pillar overlaps the page a bit.

Also, it is possible to do it so that I am not using tables for those pictures and giving the whole horizontal bar for people on low resolution screens?

coothead
12-14-2007, 07:24 PM
Hi there SawnDiddle,

I have put a solution in a zip file.
As it is a little larger than the permitted attachment, it can be downloaded here...

http://mysite.orange.co.uk/achelous/SawnDiddle.zip
coothead

SawnDiddle
12-14-2007, 11:08 PM
oh wow, that is awesome. I would have never ever thought of doing it like that. Thank you so much.

coothead
12-15-2007, 01:08 AM
Hi there SawnDiddle,

The solution that I posted was not perfect, by any means.
If I had had a little more time to spare, I would have completely reworked the code, removing the tables in the process.



A better way to build your website (http://www.boagworld.com/archives/2004/06/a_better_way_to_build_your_website.html)
Why tables for layout is stupid: problems defined, solutions offered (http://www.hotdesign.com/seybold/index.html)
Ten ways to speed up the download time of your web pages (http://www.webcredible.co.uk/user-friendly-resources/web-usability/speed-up-download-time.shtml)
Nested Tables: About the (ab)use of tables as layout tools in webpages. (http://www.dorward.me.uk/www/nested/)
Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS (http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html)
Why go table free? (http://www.workingwith.me.uk/tablefree/why/)
Why avoiding tables (for layout) is important (http://davespicks.com/essays/notables.html)


coothead