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 5 of 5
  1. #1
    Junior Member
    Join Date
    Jan 2009
    Posts
    8
    Member #
    18163
    Im so stuck right now....What I am trying too do is slice the top image put into a table within the table I now have for the rest of the site...I need to have 2 rows and 5 col...I also have to adjust each cell size to the image slice to show no table boarders, No matter what I do I can not get the table inside the table....Image needs to merge both tables in a way...Can someone help me by taking a look... Thanks


    http://www.digitaldelites.com

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    A couple of things ...

    1) You should always declare a document type and content type, or else the
    browser automatically goes into "quirks" mode and you'll have a frustrating mess to
    deal with.
    Example ...
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <title>Digital Delites Photography</title>
    </head>
    <body bgcolor="#000000">
    2) You should not be using <table>s for layout of your page.
    You should be using <div> sections and CSS for Style Sheet layout.

    3) When you say slice the "top image", are you referring to those 3 links at the top?
    If so, those 3 words should not be a part of the image. Remove them and actually
    place those links there (as real text, not an image).

    I realize all of this <div>, CSS, and layout talk is probably a lot to digest at one time,
    but you're at a point where you can start-out on the right foot and save a ton of
    time later on.

    Describe more about step 3 and I can provide a better example.


  4. #3
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    I hate to double post ...

    But I had a few extra minutes to give you an actual working example:

    http://www.catpin.com/dd

    Notice there are no <tables>
    In the <head> section it references a separate CSS file "style.css".
    You can view it here:
    http://www.catpin.com/dd/style.css

    View the HTML source to see the coding.

    This makes it simple to add content ... with no regards to messing with
    the left or right sections. The navigation is also a separate entity.

    You make changes to these files using Notepad or Wordpad and view
    online or offline with your browser.

    My example is not perfect, but it gives you an idea of what I'm talking about.
    Note that when you add pages, they ALL use the same CSS file.

    Pretty neat eh?


  5. #4
    Junior Member
    Join Date
    Jan 2009
    Posts
    8
    Member #
    18163
    Step 3

    Cut up images to speed loading time......instead of one image, slice into sections then "paste" together using code

  6. #5
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    Don't bother doing that ....
    Your top image is only about 70K ... that's no big deal.

    Pay more attention to resizing your photos correctly before you display them.
    Don't use HTML to resize your photos.

    One other thing about not using <table>s ....
    With IE, the table has to fully load before it's displayed. That gives
    it an illusion of slow loading. Only use tables for tabular data, not for layouts.



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