Page Layout Help

M

mlovrovich

New Member
Hi I am new to Web Design and I have been making some fairly decent progress, but I am having trouble with this certain aspect that seems like a very simple solution. I am making a links bar on the top of the page just like the one on this page (ie. User CP, FAQ, Community, Calendar, New Posts, etc) but the links keep stacking up vertically. How can I make it so that they are displayed in a row?
 
jnjc

jnjc

New Member
There are a couple of ways to do it, here are two:

Code: 
<style>
li {display:inline}
</style>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>


Code: 
<style>
li {float:left}
</style>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>

HTH,
JC
 
P

plaveb

New Member
do this.

if you want to take them horizontally then they should be part of one row.
if your web site is in table then you can do that in following manner.
<tr><td>first detail</td><td>second details</td> <td> third detais</td>
</tr>
they will be in row.

if your website is in <div> element then i am unable to help you.
 
You must log in or register to reply here.
Top