• Some users have recently had their accounts hijacked. It seems that the now defunct EVGA forums might have compromised your password there and seems many are using the same PW here. We would suggest you UPDATE YOUR PASSWORD and TURN ON 2FA for your account here to further secure it. None of the compromised accounts had 2FA turned on.
    Once you have enabled 2FA, your account will be updated soon to show a badge, letting other members know that you use 2FA to protect your account. This should be beneficial for everyone that uses FSFT.

css aligning problems

T

trendie

n00b
Joined
Mar 5, 2003
Messages
37
Hey guys. Usually lurk around here but I've found myself in a predicament.

I am having some css display problems myself which I haven't been able to solve (well, partially). I'm trying to get a table-like display without using tables (see picture) like this:

I've been able to get one of those blocks successfully done using some css but if I try to have more than one this is what i get:

Here's the referenced code (messy, but it's just test coding right now)

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <link rel="stylesheet" type="text/css" href="css.css" />
  <style type="text/css" >
  <!--
    span.left {
      float: left;
      text-align: left;
      color: #000000;
    }
    
    span.right {
      float: right;
      text-align: justify;
      font-weight: normal;
      font-family: verdana;
      font-size: 12px;
      color: #000000;
      width: 440px;
  }
    
  -->
  </style>
  </head>
  <body>
  
    <div style="width: 500px">
      <span class="left">
        051217
      </span>
      <span class="right">
        <a href="/">Link 1</a>: Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah<br />
      </span>
    </div>
    
    <div style="width: 500px">
      <span class="left">
        051217
      </span>
      <span class="right">
        <a href="/">Link 1</a>: Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah<br />
      </span>
    </div>
    
  </body>
</html>

Any help would be greatly appreciated. Is there any way to do the stuff using CSS in the first picture without resorting to tables?
 
You must log in or register to reply here.
Back
Top