Technical Question CSS — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

Technical Question CSS

This page's ID: 28934

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Okay, I'm an idiot, I didn't see that you referenced the page in question. As for the layout of that, you are, indeed, using blockquote incorrectly. You can look at that page as essentially a reduplication of one basic layout: Two images surrounding a block of text. At a simplistic level, that means you've got a row with three columns. We know how we'd display that using tables, but take a look at http://bluerobot.com/web/layouts/layout3.html to see how it can easily be done with compliant XHTML and stylesheets. Here's what I've come up with real quicklike. Stylesheet: [code] #container { position : relative; margin : 0 160px; 0 160px; } #leftSide { width : 150px; /* width of widest image */ position : absolute; left : 5px; top : 5px; } #rightSide { width : 150px; position : absolute; right : 5px; top : 5px; } [/code] And here's the XHTML: [code] <div id="container"> <p>Chords are the lines that segment the circle. All of the regular polygons can be drawn from a fixed point with a piece of string. A piece of string is a cord. This is a journal of one method of finding the Chords or the perimeter length of each segment of the regular polygons.</p> <p>There is nothing mystical about these symbols. The magic is the geometry itself, for within these simple figures is the power to shape the world.</p> </div> <div id="leftSide"><img src="http://hartake.com/comrose3.png"></div> <div id="rightSide"><img src="http://hartake.com/comrose3.png"></div> [/code] For the purposes of demonstrating what it looks like, I've thrown it up on my [url=http://www.fusionbox.com/clients/svandoren/test.html]office server[/url] to show it. I hope this helps out. -[url=http://www.brokenhattrick.com]steve[/url] [small](Edited by [url=http://www.ozoneasylum.com/user/329]twItch^[/url] on 02-14-2007 17:46)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu