omg keep me away from tables !!! HELP!!!

[bruno89]

ok so on my portfolio page i want to have a thumb nail on the left side of my page then a short desription of the site on the right. BUT! im kinda new to css and i dno how to do this with css so please can some one help me to keep away from tables if u dont understand what i mean iv made a lil diagram in paint lmao

- thanks bruno

[pa007]

I've been going mad with lists recently and I think you could use a list for this.

So the HTML would go:

Code: Select all

<ul>
<li><img src="img1.jpg">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis, nulla ut auctor convallis, est urna tempor purus, eu congue dui augue vitae risus. Nunc faucibus placerat pede. Sed eu.</li>
<li><img src="img1.jpg">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis, nulla ut auctor convallis, est urna tempor purus, eu congue dui augue vitae risus. Nunc faucibus placerat pede. Sed eu.</li>
<li><img src="img1.jpg">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis, nulla ut auctor convallis, est urna tempor purus, eu congue dui augue vitae risus. Nunc faucibus placerat pede. Sed eu.</li>
</ul>

CSS:

Code: Select all

ul {
    list-style: none;
}

ul li {
clear: left
}

ul li img {
float: left;
width: 100px;
height:100px;
}

This would give you the right results. You just need to add text formating and some margins/paddings and make it pretty.

Hope that's what you wanted.

Pete.

[techunar]

Hello There Bruno,

Try this link, this can really help you out, there are 3 to 4 ways to achieve the result you require:

here: http://www.webforumz.com/css-forum/4...xt-to-each.htm

[techunar]

well, thats good, Pete's post was posted seconds before mine []
see the time difference.. 17:54 and 18:02

[pa007]

Ha. I'm doing the rounds today. If it's a list, I can CSS it. I might narrow down my business. "Now only coding unordered lists". Something tells me it wouldn't work out.

Pete.

[bruno89]

lol thanks you to ill play around with it now