Announcement Announcement Module
Collapse
No announcement yet.
Making columns WITHOUT using tables Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • lifestylere
    Lifestyle is the Name - Montague Script is the Font...
    lifestylere
    Lifestyle is the Name - Montague Script is the Font - The L is the problem

    Ok so Montague Script is the font except the F thats Hiatus both by the same designer Stephen Rapp

    ...
    Today, 11:02 PM
  • it52
    Reply to Logo Design for upscale eyeglass store
    it52
    Thanks for clarifying.

    I guess for me I've done logotypes before so a part of me wanted to do something different for myself but I realize I was too focused on one idea and not letting it...
    Today, 10:51 PM
  • <b>
    Reply to Logo Design for upscale eyeglass store
    <b>
    What sorts of things can be associated with eye care? Actual things, like eye charts and tears? More abstract things, like clarity and focus? Or maybe even concepts like beauty and style? There are lots...
    Today, 09:42 PM
  • it52
    Reply to Logo Design for upscale eyeglass store
    it52
    I have noticed other logos used an eye but I thought the way I used the P and S made it stand out among it's competition. I chose avant garde because I thought it wouldn't look dated. I'm curious why...
    Today, 09:13 PM
  • <b>
    Reply to Logo Design for upscale eyeglass store
    <b>
    Using Avant Garde type might have been a route to looking upscale back in the 1970s, but today it mostly looks dated.

    Making an eye out of the P & S is a nice idea, but until I read your...
    Today, 09:04 PM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Making columns WITHOUT using tables

    I have a situation where I have information that needs to be aligned vertically. Meeting Date --> Agenda --> Minutes I've tried using nonbreaking spaces, but since the dates are different lengths, the Agenda and Minutes links don't line up. I COULD just add additional nonbreaking spaces to make things line up, but that's sloppy the way I see it. (just like adding multiple tabs in a Word doc instead of setting 1 or 2 where they need to be)

    Can you set "tabs" in html?

    I know I can do this with tables, (that's what I started with) but the tables are causing the body of the page to drop down below the menu on the left.

    I've used html and css for the site.

    Please advise. (I've been looking at the w3schools online tutorials, but I must not be searching for the right thing)

  • #2
    You could set up three divs, and the content would automatically wrap itself inside them.

    A link to see exactly what you're referring to would help tremendously.

    Comment


    • #3
      <p> tag with "float:left;" style??
      Professional Pixel Pusher Designing the world around you. | Working daily to reach 10,000 hours of practice.

      Comment


      • #4
        well, here's the "less than optimal" fix I've come up with.

        www (dot) marshallcountyhealth (dot) org (slash) BOH (dot) html

        please note, this site is designed for a rural county health department and most users will be using dial-up to access. it is simple for that reason. (plus I'm new at this...)

        Comment


        • #5
          3 divs will solve this
          <div class="date"></div>
          <div class="agenda"></div>
          <div class="minutes"></div>
          set all divs to float left and set the minutes clear to right.

          This also sounds like a job for an xml file...and you call the file to a repeating region, or even a mysql dbase.

          Oh 1 thing that you will have to do here is to specify the column widths.

          Darryn Cooke : Orange County Graphic Designer

          Comment


          • #6
            I'd have thought it would be easier to just fix the problem with the table dropping below the menu.

            The most likely causes are either that you're clearing the table or that it's too wide.

            Comment


            • #7
              Sorry for being a newbie, but can you define "clearing the table"?

              Comment


              • #8
                In the CSS there would be clear:left, clear:right or clear:both. This clears floats, which would make the cleared element sit below any floated elements.

                Comment


                • #9
                  You should be using a table for what most would consider to be tabular data.

                  Once its changed to a table the problem will be easier to resolve.
                  Last edited by tZ; 08-06-2009, 11:25 PM.

                  Comment


                  • #10
                    well, I started with a table. I can go back. I thought tables were passe.

                    Comment


                    • #11
                      Originally posted by PCCHDsue View Post
                      well, I started with a table. I can go back. I thought tables were passe.
                      Using tables for layout is bad. Using tables to show tabular data is good.

                      Comment


                      • #12
                        Ok, that makes sense. Back to the table I go.

                        Comment


                        • #13
                          I think it is a trap we all fall into. We start using tables for layout, realise that css is better and start think that tables are, therefore, bad. They are not. They are perfect for tabular data as Hew said.

                          It's all part of the learning curve....

                          Comment


                          • #14
                            luckily, I'm new enough to this that I didn't start with table-based layouts. However, I'm also new enough to this that I didn't know that tables weren't always bad.

                            Thanks for the input.

                            Comment

                            Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2014 Mediabistro Inc. call (212) 389-2000 or email us
                            Working...
                            X