Need some help, please.

[Priapus]

Howzit Guys.

I'm busy making a website that will have a lot of content on it. At the moment I'm trying to get a page to display correctly, however I am unable to find any help on this matter.

What I am trying to do in my HTML/CSS files is have a page where I can put a small image to the left of the page and a small description to the right of the image. Then the user can click on the more info button and take them to a new page.

The part I am stuck on it trying to get text to sit to the right of the image..

Second thig is, I need to put a boarder around the image and text then have another picture and text to the right of the page, same height and have a boarder around it.

Again, finding this hard to do and info on the web isn't helping too much.

Any ideas?

Many thanks guys
Appericeate any help at all on this!

 

[Tripnologist]

Put the image and text in a div, give the div a border. Float the image and then put the text in a <p> or <span> or <div> and float it as well. Be sure to float the container div or give it clearfix otherwise, it won't actually contain its children.

 

[AGD]

It seems you want two divs each with a pic and text, if so do what he said times 2 and just float both of them inside a wrapper div.

 

[Priapus]

Thank you for the help.

That's what I thought I needed to do, however I am a little bit confused about divs and how I put them up there.

I think I need to make a new class in the CSS to support the div tag, correct?

 

[Tripnologist]

You'll want to read up on css based layouts then. It should explain everything you need to know on how to use divs. They really are the main building blocks of css websites

You are correct, give your div a class or id (if it only appears once on a page = id... if it appears or may appear multiple times on a page = class ) and then assign it some css.

 

[Priapus]

I have a basic idea on how to do that, Will definitely look into it. Thank you for all your help, bud.

 

[Priapus]

Ah sorted, thanks.