LinkBack URL
About LinkBacksIm 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
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
-
Feb 06th, 2009, 08:50 AM #1Junior Member
- Join Date
- Jan 2009
- Posts
- 8
- Member #
- 18163
-
Feb 06th, 2009 08:50 AM
-
Feb 06th, 2009, 09:39 AM #2WDF Staff
- Join Date
- Apr 2004
- Location
- Cottage Grove, Minnesota
- Posts
- 7,772
- Member #
- 5580
- Liked
- 723 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 ...
2) You should not be using <table>s for layout of your page.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">
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.
-
Feb 06th, 2009, 10:20 AM #3WDF Staff
- Join Date
- Apr 2004
- Location
- Cottage Grove, Minnesota
- Posts
- 7,772
- Member #
- 5580
- Liked
- 723 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?
-
Feb 06th, 2009, 12:50 PM #4Junior 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
-
Feb 06th, 2009, 01:08 PM #5WDF Staff
- Join Date
- Apr 2004
- Location
- Cottage Grove, Minnesota
- Posts
- 7,772
- Member #
- 5580
- Liked
- 723 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.
Reply With Quote
