1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Help - Tableless design with 2 columns

Discussion in 'CSS' started by Razvan Pop, May 26, 2004.

  1. #1
    Razvan Pop, May 26, 2004 IP
  2. dazzlindonna

    dazzlindonna Peon

    Messages:
    553
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #2
    dont have firefox or opera, but looks great in IE to me.
     
    dazzlindonna, May 26, 2004 IP
  3. vord

    vord Peon

    Messages:
    79
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Your CSS doesn't work in netscape 7.0 - The left side disappears off the page.

    Haven't looked at your CSS file as it's bed time in the UK. You are welcome to steal my CSS files - both the sites in my sig use CSS layout instead of tables.

    I am writing some pages about CSS. They are draft but I've uploaded them for you to look at.
    http://www.computer-zen.com/css/replacing-tables.htm

    The trick is to keep it simple.

    :)

    <edit> The left side reappears when I increase the window size. For convention's sake it's better when the right side disappears. Probably some centralising thing. </edit>
     
    vord, May 26, 2004 IP
  4. Razvan Pop

    Razvan Pop Member

    Messages:
    43
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #4
    Hee hee. Almost finished.

    Lots of SEO sites promote Web Standards, Usability and Accessibility. Just that they don't apply to their own site.

    You can see what I've done so far at http://www.seoed.com/index.php . Hope you like it. Please report if there are any browser problems.
     
    Razvan Pop, May 30, 2004 IP
  5. Lever

    Lever Deep Thought

    Messages:
    1,823
    Likes Received:
    94
    Best Answers:
    0
    Trophy Points:
    145
    #5
    I don't think you need any help, that's a very cool bit of CSS :D I just wanna know what the properties of the class "prime" are; I couldn't dig any further ;)

    Looks perfect in both Firefox & Opera.
     
    Lever, Jun 5, 2004 IP
  6. Razvan Pop

    Razvan Pop Member

    Messages:
    43
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #6
    Thanks. here you go:
    
    /* BOTTOM */
    
    #bottom_menu {
    	text-align: left;
    } 
    
    #bottom_menu ul {
    	margin-left: 24px;
    	padding-left: 0;
    	display: inline;
    	text-align: left;
    	
    } 
    
    #bottom_menu ul li {
    	font-family: Verdana, "Lucida Console", sans-serif;
    	font-size: 10px;
    	color: #333333;
    	line-height: 10px;
    	margin-left: 0;
    	padding-left: 7px;
    	padding-right: 7px;
    	border-left: 1px solid #747474;
    	list-style: none;
    	display: inline;
    }
    	
    		
    #bottom_menu ul li.prime {
    	margin-left: 0;
    	border-left: 5px solid #555555;
    	border: 0;
    	list-style: none;
    	display: inline;
    }
    
    #bottom_menu a {
    	font-family: Verdana, "Lucida Console", sans-serif;
    	font-size: 9px;
    	color: #0054a6;
    	text-decoration: none;
    }
    
    #bottom_menu a:hover {
    	color: #0054a6;
    	text-decoration: none;
    	background-color: #E8EFF7;
    }
    
    
    Code (markup):
     
    Razvan Pop, Jun 5, 2004 IP
    digitalpoint likes this.
  7. vord

    vord Peon

    Messages:
    79
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #7
    That's way cool - much better. It's really nice to see folk making the effort for accessibility. If you use absolute positioning you can normally have the content right at the top of the code rather than the links. I tend to go content first as it improves some of the descriptions in google listings.

    If I could make a tiny little accessibility comment - you have used pixels rather than % or ems for the font size. This is bad for partially sighted people who have view/font/largest selected in internet explorer.

    Cool stuff. :cool:
     
    vord, Jun 5, 2004 IP
  8. Lever

    Lever Deep Thought

    Messages:
    1,823
    Likes Received:
    94
    Best Answers:
    0
    Trophy Points:
    145
    #8
    Wow, so that's how you do it... thanks Razvan :D
    Let us know if you do anything else, very nice style indeed.
     
    Lever, Jun 5, 2004 IP
  9. Razvan Pop

    Razvan Pop Member

    Messages:
    43
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #9
    Razvan Pop, Jun 6, 2004 IP
  10. Colleen

    Colleen Illustrious Member

    Messages:
    6,777
    Likes Received:
    725
    Best Answers:
    1
    Trophy Points:
    430
    #10
    You got it so fixed you got rid of it, cool. :D:D:D:D
     
    Colleen, Jul 25, 2006 IP