Help with xhtml webpage layout. urgent!!

**pyroguy305** · 11-10-2008 06:23 PM

I am doing a webpage for a class assignment and was wondering if anyone could help me. Without using css stylepages I simply want to place four pictures beside each other. Then I want to have a bulleted list of information and a small paragraph underneath each picture. I got the pictures layed out how i want them but whenever i try to do a <ul> underneath, they get all messed up. Can anyone help me please??

**Ynot** · 11-10-2008 07:00 PM

rough & ready,
but this should work ok

Code:

<html>
<head>
<style>
.float-col
{
	width: 25&#37;;
	float: left;
}
</style>
</head>
<body>
<div class="float-col">
<img src="/path/to/img.png" />
<ul>
<li>boo</li>
<li>boo</li>
<li>boo</li>
</ul>
<p>I am doing a webpage for a class assignment and was wondering if anyone could help me. Without using css stylepages I simply want to place four pictures beside each other. Then I want to have a bulleted list of information and a small paragraph underneath each picture. I got the pictures layed out how i want them but whenever i try to do a &lt;ul&gt; underneath, they get all messed up. Can anyone help me please??</p>

</div>
<div class="float-col">
<img src="/path/to/img.png" />
<ul>
<li>boo</li>
<li>boo</li>
<li>boo</li>
</ul>
<p>I am doing a webpage for a class assignment and was wondering if anyone could help me. Without using css stylepages I simply want to place four pictures beside each other. Then I want to have a bulleted list of information and a small paragraph underneath each picture. I got the pictures layed out how i want them but whenever i try to do a &lt;ul&gt; underneath, they get all messed up. Can anyone help me please??</p>
</div>

<div class="float-col">
<img src="/path/to/img.png" />
<ul>
<li>boo</li>
<li>boo</li>
<li>boo</li>
</ul>
<p>I am doing a webpage for a class assignment and was wondering if anyone could help me. Without using css stylepages I simply want to place four pictures beside each other. Then I want to have a bulleted list of information and a small paragraph underneath each picture. I got the pictures layed out how i want them but whenever i try to do a &lt;ul&gt; underneath, they get all messed up. Can anyone help me please??</p>
</div>
<div class="float-col">

<img src="/path/to/img.png" />
<ul>
<li>boo</li>
<li>boo</li>
<li>boo</li>
</ul>
<p>I am doing a webpage for a class assignment and was wondering if anyone could help me. Without using css stylepages I simply want to place four pictures beside each other. Then I want to have a bulleted list of information and a small paragraph underneath each picture. I got the pictures layed out how i want them but whenever i try to do a &lt;ul&gt; underneath, they get all messed up. Can anyone help me please??</p>
</div>
</body>
</html>

**pyroguy305** · 11-11-2008 03:57 AM

You, sir, are my hero. Thank you.

Thread: Help with xhtml webpage layout. urgent!!

LinkBack

Thread Tools

Display

Hybrid View

Help with xhtml webpage layout. urgent!!

Bookmarks

Bookmarks

Posting Permissions