Printable View
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??
rough & ready,
but this should work ok
Code:<html>
<head>
<style>
.float-col
{
width: 25%;
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 <ul> 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 <ul> 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 <ul> 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 <ul> underneath, they get all messed up. Can anyone help me please??</p>
</div>
</body>
</html>
You, sir, are my hero. Thank you.