2 replies [Last post]
suggsjc
Offline
newbie
Last seen: 15 years 48 weeks ago
Joined: 2003-12-16
Posts: 1
Points: 0

Here is the basic idea of the look I am wanting in tables

<table>
<tr>
<td align="left" nowrap>
| <a href="#">Link 1</a>
| <a href="#">Link 2</a>
| <a href="#">Link 3</a>
| <a href="#">Link 4</a>
</td>
<td align="center">Logged In as: Username</td>
<td align="right"> Formatted Date</td>
</tr>
</table>

If possible, this is the general CSS format that I am wanting, but am open for suggestions:

<div id="Container">
<div id="Item">Link 1</div>
<div id="Item">Link 2</div>
<div id="Item">Link 3</div>
<div id="Item">Link 4</div>
<div id="Item" style="centered?">Logged in as: Username</div>
<div id="Item" style="right justify?">Format Date</div>
</div>

I know that this is wrong, but the computer I am working on is not on the network, so this was just typed in.

Thanks in advance

rmcivo1
Offline
Enthusiast
Shropshire | Shrewsbury
Last seen: 8 years 35 weeks ago
Shropshire | Shrewsbury
Joined: 2003-12-05
Posts: 115
Points: 0

Somwhat of a newbie structural question...

<html>
<head>
<style type="text/css">

#username	{text-align="center"}
#format_date	{text-align="right" }
#container	{background-color: red }
A:link		{text-decoration: none ; color: red }
A:active		{text-decoration: none ; color: red }
A:visited		{text-decoration: none ; color: red }
A:hover		{text-decoration: none ; color: white }

</style>
</head>
<body>

<table> 
  <tr> 

<td align="left" nowrap> 

| <a href="#">Link 1</a> 
| <a href="#">Link 2</a> 
| <a href="#">Link 3</a> 
| <a href="#">Link 4</a> 
</td> 

</tr> 
</table> 



<div id="Container"> 

Link 1<br>
Link 1<br>
Link 1<br>
Link 1<br>


<br><br><br>

<div id="username">Logged in as: Username</div> 
<div id="format_date">Format Date</div> 
</div> 

The Cyber World

JohnO
Offline
Regular
Rochester NY
Last seen: 15 years 48 weeks ago
Rochester NY
Timezone: GMT-5
Joined: 2003-12-18
Posts: 16
Points: 0

Somwhat of a newbie structural question...

use spans not divs when you want words next to each other, or use a list, and change the display value to go horizontal instead of vertical...

www.alistapart.com - good resource