1 reply [Last post]
bradley317
Offline
newbie
Chester, UK
Last seen: 15 years 48 weeks ago
Chester, UK
Joined: 2004-01-12
Posts: 2
Points: 0

I am working with css to produce generic templates for various areas of a site. Basically, the main template will have 3 columns, but a 2 column version might also be necessary...

http://dev.chester.ac.uk/sport/
http://dev.chester.ac.uk/sport/about.html

That is nearly done now, but I still need one layout that I have no idea how to achieve.

Something like this...

http://www.chester.ac.uk/sport/staff.html

I want to avoid tables if I can, but I'm not sure if something this complicated is possible. Oups

markaxsysdesign
markaxsysdesign's picture
Offline
Regular
Toccoa, Georgia
Last seen: 15 years 48 weeks ago
Toccoa, Georgia
Joined: 2004-01-09
Posts: 42
Points: 0

multiple layouts

You can achieve the same column effect by using floats, and this will be extremely flexible.

Here is where I used floats for a similar idea.
http://mark.axsysdesign.com/links.shtml

<div style="float:left;">
<img src="" style="float:left">
<h1>Person's Name #1</h2>
<p>info and whatnot</p>
<p>info</p>
</div>


<div style="float:left;">
<img src="" style="float:left">
<h1>Person's Name #2</h2>
<p>info and whatnot</p>
<p>info</p>
</div>

and so on...

http//mark.axsysdesign.com