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.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 19
  1. #1
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    Hey guys!

    First this board has been very helpful in my attempt to learn and become proficient with CSS, just wanted to thank you for that. Secondly, I have run into a brick wall. My problem is that I have a table (I beleived used "correctly") to organize pics and titles. On a certain page the table is popping out of the container I set up. I want it to be centered. I have no idea how to fix this with the least change to the other pages (besides changing the size of the pictures, I want them to be somewhat visible.)

    Heres my page:

    http://www.zaengineering.com/packages.html

    I've attached my css.

    Any suggestions would be great, thanks!

    Jake

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    For the two bottom ones that are really wide images.
    I'm only showing the bottom-most image. You'll do the
    same to the other one also.

    1) the image comes first, then the text.

    2) make the photo and the text two lines ... with
    the added </tr><tr> you see in blue.

    3) add the colspan to the two <td>'s you see in green.

    ========================================

    <tr>
    <td colspan="2" valign="top" align="center"><img src="images/plan3a.jpg" /></td>
    </tr><tr>
    <td colspan="2" valign="top" align="center">
    <ul>
    <li><h3>Plan 3</h3></li>
    <li>5 Bedroom 3.5 Bath</li>
    <li>2117 Square Feet</li>
    <li>Optional Master Retreat</li>
    <li>Entry Porch</li>
    <li>Covered Patio</li>
    </ul>
    </td>
    </tr>

    ==============================================


  4. #3
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    Thanks a bunch! It changed my design, but I like it. I noticed your signature has a quote about engineers, are you by chance an analytical engineer as well? I'm sure you noticed this site is for an engineering company, my dad's in fact. Thanks for the help.

    Jake

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    I'm not an Engineer ... the signature sort of "disses" them in a humorous way.
    "Everything your dad knows, I could learn in one day"? sort of like that.

    I'm a tech with a lot of Engineer friends, so it's sort of a poke-fun-at joke.

    --------------------

    A quick note about troubleshooting <table>s ....

    To see where your table cells are positioned and to make it
    easier to visualize, turn on the cell borders ...

    <table border="1">

    This will help you to see where things are.


    .


  6. #5
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    There's lots of different types of Engineers, but yes they are easy to poke fun at.

  7. #6
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Yes we really are :-)

  8. #7
    Junior Member
    Join Date
    Sep 2006
    Location
    West Midlands, UK
    Posts
    7
    Member #
    13844
    Dude,
    Get rid of tables! they are bad.
    Use css and divs to sort it out, much better.

  9. #8
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    Isn't that the correct use of tables, to organize data (images in this case)?

  10. #9
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    That's a difficult call. Tables are for tabular data, which generally is spreadsheet-style stuff.

  11. #10
    Junior Member
    Join Date
    Sep 2006
    Location
    West Midlands, UK
    Posts
    7
    Member #
    13844
    Quote Originally Posted by DrJake
    Isn't that the correct use of tables, to organize data (images in this case)?
    No, DDA and W3 requirements recommend none use of tables in web design, all data must flow and be able to ripped aprt by screen readers and such ....
    Avoid at all costs.


Page 1 of 2 1 2 LastLast

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 12:16 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com