how to use CSS to acheive this list?

Can someone give me some insight on how i could CSS to achieve a footer similar to this website:

http://iyogi dot net

seems like what i keep trying shifts the words around too much.

Thanks for any help.

 

Just do it like this site does:

HTML:

<div style="position: relative; width: 950px;">
  <div class="footer_logo">
    <img alt="iYogi" src="images/footer_logo.gif"/>
  </div>
</div>

Code (markup):

CSS

.footer_logo {
  position: absolute;
  top: 155px;
  left: 18px;
}

Code (markup):

 

thanks for the reply.

Im sorry i didnt give a good description of what I wanted to do.

I want to make a footer with a list of pages in it.

like:

Home | Product A | Something A | Another A
Service | Product B | Somthing B | Another B
Contact | Product c | Somthing C | Another B

so kinda like a list in the footer kinda like the above example, however everything needs to line up.

 

The example you gave just uses table to make the footer.

So you would just use

<table>
<tr>
<td><a href="home.html">Home</a></td>
<td><a href="home.html">Product A</a></td>
<td><a href="home.html">Something A</a></td>
<td><a href="home.html">Another A</a></td>
</tr>
<tr>
<td><a href="home.html">Service</a></td>
<td><a href="home.html">Product B</a></td>
<td><a href="home.html">Something B</a></td>
<td><a href="home.html">Another B</a></td>
</tr>
<tr>
<td><a href="home.html">Contact</a></td>
<td><a href="home.html">Product C</a></td>
<td><a href="home.html">Something C</a></td>
<td><a href="home.html">Another C</a></td>
</tr>
</table>

HTML:

Just change the links to what you need.

 

they used tables, but its not W3C

 

For the footer, I'd use divs to create four columns and then use unordered lists for links.

Tables - so yesteryear.

 

Home | Product A | Something A | Another A
Service | Product B | Somthing B | Another B
Contact | Product c | Somthing C | Another B

.footer{
width:400px;
}

.footer li{
width:25%;
float:left;}
<div class="footer"><ul>
<li>Home |</li>
<li>Home |</li>
<li>Home |</li>
<li>Home </li>
</ul> </div>