How to make the <div> inline? Need help fixing a html design?

C

cool_10_8_9

New member
I want to make the Page 1,2,3,4,5 an inline with the borders included. the ones in *star* are not include in the original, its just to point out which ones i need help.
Here's the details:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Playing with Lists</title>
<link rel="stylesheet" href="Assn_3_Part_4_style.css" type="text/css" />
</head>

<body>
<h1>Playing with Lists</h1>
*this div list all the way to the specified is what I need to make inline*
<div class="page1">
<ul style='list-style-type:none;'><li> <a href="1.html">Page 1</a></li></ul></div>

<div class="page2"><ul style='list-style-type:none;'><li id="current"> <a href="2.html">Page 2</a></li></ul></div>

<div class="page3"><ul style='list-style-type:none;'><li> <a href="3.html">Page 3</a> </li></ul></div>

<div class="page4"><ul style='list-style-type:none;'><li> <a href="4.html">Page 4</a> </li></ul></div>

<div class="page5"><ul style='list-style-type:none;'><li> <a href="5.html">Page 5</a> </li></ul></div>
*the first problem stops here*

* this has to be at the bottom of the first div inline*
<div class="main">
<p>
Here is my to do list:
</p>
<ul>
<li> laundry </li>
<li> <abbr title="Computing Science">CMPT</abbr> 165 lab </li>

</ul>
</div>

</body>
</html>

Help. Let me know if im missing anything or need to remove things. thanks in advance.
 
i check your code and try this,if you need more help let me know:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Playing with Lists</title>
<link rel="stylesheet" href="Assn_3_Part_4_style.css" type="text/css" />
</head>

<body>
<h1>Playing with Lists</h1>
*this div list all the way to the specified is what I need to make inline*

<table border=3>
<tr>
<td>

<ul style='list-style-type:none;'><li> <a href="1.html">Page 1</a></li></ul></div>
</td>
<td>
<div class="page2"><ul style='list-style-type:none;'><li id="current"> <a href="2.html">Page 2</a></li></ul></div>
</td>
<td><div class="page3"><ul style='list-style-type:none;'><li> <a href="3.html">Page 3</a> </li></ul></div>
</td>
<td><div class="page4"><ul style='list-style-type:none;'><li> <a href="4.html">Page 4</a> </li></ul></div>
</td>
<td><div class="page5"><ul style='list-style-type:none;'><li> <a href="5.html">Page 5</a> </li></ul></div>
</td>
</tr>
</table>









</div>
*the first problem stops here*

* this has to be at the bottom of the first div inline*
<div class="main">
<p>
Here is my to do list:
</p>
<ul>
<li> laundry </li>
<li> <abbr title="Computing Science">CMPT</abbr> 165 lab </li>

</ul>
</div>

</body>
</html>
 
Back
Top