Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Member
    Join Date
    Feb 2005
    Location
    Portland, Oregon
    Posts
    93
    Member #
    8959
    http://www.ardia.org/test.htm

    Hello, here is the link above and in the html, it will contain the css I have created. I am trying to get these colored teal boxes (4) up in the second row before the big black image in CSS (no tables please!). I cannot seem to figure how to force them to do that. suggestions of how or what would fix that?

    Thanks for all of your time and help!
    -Ardia

  2.  

  3. #2
    Senior Member straight_up's Avatar
    Join Date
    Dec 2003
    Location
    Pennsylvania/Arizona
    Posts
    601
    Member #
    4309
    Firstoff... you are using the same IDs for more than one element, which is illegal... (Use classes instead: [typethis]<elem class="theClass">[/typethis] and the CSS is [typethis].theClass { /*styles*/ }[/typethis].) Aside from that...

    Just to say it, there is an attitude (which I often share) among modern web designers that tables are evil. Well, don't buy it. Well, yeah, they're not semantic, and not hip, and hard to maintain... but they're not evil. They actually don't negatively impact usability badly, and only when heavily nested pose any tangible problems. SEO impact is also minimal (though, again, heavy nesting is bad.) I'm all for CSS, but sometimes it just doesn't work (and we have M$ to thank for most of that, of course).

    OK now the practical advice: I don't have time to try this myself, but it could work:
    Order the source like this:
    4 blue boxes floated left
    1 blue box floated right
    4 teal boxes floated right, and maybe try a clear: right on them?
    1 teal box floated right
    Your big black box (boxlogo), not floated
    ..then the rest as-is

    IDK if it will work, but it just might. It should be worth a try.
    I am Alan Hogan (@alanhogan on Twitter). I like PHP, UI/UX design, and OS X.

  4. #3
    Senior Member straight_up's Avatar
    Join Date
    Dec 2003
    Location
    Pennsylvania/Arizona
    Posts
    601
    Member #
    4309
    Oh yeah:
    if you haven't seen it, check out floatutorial on css.maxdesign.au, and there is another great CSS layout tutorial that currently escapes me... but it's also terrific.

    Hope some of that helps,
    straight_up
    I am Alan Hogan (@alanhogan on Twitter). I like PHP, UI/UX design, and OS X.

  5. #4
    Member
    Join Date
    Feb 2005
    Location
    Portland, Oregon
    Posts
    93
    Member #
    8959
    i have given up in just using pure css, tables is the best method for this complicated thing. i thought i'd share with you what it looks like...

    http://www.ardia.org/sodapop/

    thank you for assisting!
    -ardia


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:59 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com