Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Old 08-14-2010, 05:45 AM Image Slicing
NickH's Avatar
Extreme Talker

Posts: 155
Trades: 0
yooo

so once again i have another question concerning the old ways of making websites

this time its about image slicing (cutting an image up and putting it into a table so it will load faster)

my problem at the moment is that when i put all the images in the table i get these white lines that kind of look like padding or even a margin.

so is there a way to get rid of this spacing, i think i've set all margins and padding to 0 but perhaps one of ya'll can give me a hand

heres the code

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Joe's Fruit and Vegetables - Splash Page</title>
    </head>
    <body>
        <table border="1" cellspacing="0" cellpadding="0" align="center">
            <tr>
                <td colspan="0">
                    <img src="images/joes-splash-page_swap_part1x1.jpg" alt="Joes Fruit and Vegetable Splash Page" />
              </td>
                <td>
                    <img src="images/joes-splash-page_swap_part1x2.jpg"  alt="Joes Fruit and Vegetable Splash Page" />
                </td>
                <td>
                    <img src="images/joes-splash-page_swap_part1x3.jpg"  alt="Joes Fruit and Vegetable Splash Page" />
                </td>
                <td>
                    <img src="images/joes-splash-page_swap_part1x4.jpg"  alt="Joes Fruit and Vegetable Splash Page" />
                </td>
            </tr>
            <tr>
                <td>
                    <img src="images/joes-splash-page_swap_part2x1.jpg" alt="Joes Fruit and Vegetable Splash Page" />
                </td>
                <td>
                    <img src="images/joes-splash-page_swap_part2x2.jpg" alt="Joes Fruit and Vegetable Splash Page" />
                </td>
                <td>
                    <img src="images/joes-splash-page_swap_part2x3.jpg" alt="Joes Fruit and Vegetable Splash Page" />
                </td>
                <td>
                    <img src="images/joes-splash-page_swap_part2x4.jpg" alt="Joes Fruit and Vegetable Splash Page" />
                </td>
            </tr>
            <tr>
                <td>
                    <img src="images/joes-splash-page_swap_part3x1.jpg" alt="Joes Fruit and Vegetable Splash Page" />
                </td>
                <td>
                    <img src="images/joes-splash-page_swap_part3x2.jpg"  alt="Joes Fruit and Vegetable Splash Page" />
                </td>
                <td>
                    <img src="images/joes-splash-page_swap_part3x3.jpg" alt="Joes Fruit and Vegetable Splash Page" />
                </td>
                <td>
                    <img src="images/joes-splash-page_swap_part3x4.jpg"  alt="Joes Fruit and Vegetable Splash Page" />
                </td>
            </tr>
            </table>
            <table border="0" align="center">
<tr><td>
            <a href="html/home.html">
        <embed src="media/enterButton.swf" type="application/x-shockwave-flash" 
        pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
        </embed>
            </a>
        </td>
        </tr>
        </table>
    </body>
</html>
the attached screen shot shows whats happening
Attached Images
File Type: jpg Picture 1.jpg (48.6 KB, 17 views)
__________________

Please login or register to view this content. Registration is FREE
NickH is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-14-2010, 07:25 AM Re: Image Slicing
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,380
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
remove the white space before and after the image tags.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-14-2010, 08:33 AM Re: Image Slicing
NickH's Avatar
Extreme Talker

Posts: 155
Trades: 0
excellent, thanks

while we're here, how about embedding flash - i've been able to embed a button as you can see at the bottom of the code, but how would i go about adding sound, is it the same code but change the source?
and how do i get that code to validate?
i found it over at site point and its what works the course gives an example using this code

Code:
<object type="application/x-shockwave-flash" data="soundfile.swf" width="0" height="0">
        <param name="movie" value="soundfile.swf" />
        <param name="quality" value="high"/>
      </object>
but that didnt work for me is there some way to do it where it will validate to transitional?
__________________

Please login or register to view this content. Registration is FREE
NickH is offline
Reply With Quote
View Public Profile
 
Old 08-14-2010, 04:09 PM Re: Image Slicing
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,380
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
There is a pinned thread in this forum on embedding video.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-15-2010, 11:03 PM
NickH's Avatar
Extreme Talker

Posts: 155
Trades: 0
that thread is locked and i've got a query about my code that seems to work for one object but not a second :/

make a new thread, or post in this one?

thanks for the advice but that wasnt the issue
__________________

Please login or register to view this content. Registration is FREE

Last edited by chrishirst; 08-20-2010 at 09:40 AM..
NickH is offline
Reply With Quote
View Public Profile
 
Old 08-20-2010, 09:41 AM Re: Image Slicing
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,380
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
If it is a different topic start a new thread in the appropriate forum.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-30-2010, 09:18 AM Re: Image Slicing
.master's Avatar
Novice Talker

Posts: 3
Name: Binji P
Trades: 0
Try this css code

border-collapse: collapse;
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
.master is offline
Reply With Quote
View Public Profile Visit .master's homepage!
 
Old 09-03-2010, 03:34 PM Re: Image Slicing
Junior Talker

Posts: 1
Name: InVivo Media
Trades: 0
Don't use tables.

removed

Last edited by chrishirst; 09-03-2010 at 03:43 PM..
invivomedia is offline
Reply With Quote
View Public Profile
 
Old 09-17-2010, 02:01 AM Re: Image Slicing
Novice Talker

Posts: 3
Name: thulasi
Trades: 0
Hi
Is image slicing only relevant for table based designs?I`m just confused about why so many computer books labour over how to produced sliced graphics.
It seems like there is very little reason to use slicing if one relies on CS for image positioning.
__________________

Please login or register to view this content. Registration is FREE
jammydoug is offline
Reply With Quote
View Public Profile
 
Old 09-17-2010, 08:42 AM Re: Image Slicing
NickH's Avatar
Extreme Talker

Posts: 155
Trades: 0
slicing is more so to make the images load faster rather than their positioning
__________________

Please login or register to view this content. Registration is FREE
NickH is offline
Reply With Quote
View Public Profile
 
Old 11-02-2010, 05:05 AM Re: Image Slicing
Novice Talker

Posts: 9
Name: seoconsultant
Trades: 0
I think they mean more like using sprites image, which is something that I was too curious. If you have 20 icons, you must use in your application, you can compress a single PNG file that contains all down more than you might if you have 20 different PNG files.
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
seopackages is offline
Reply With Quote
View Public Profile
 
Old 11-02-2010, 05:18 AM Re: Image Slicing
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
I have to say that's a pretty terrible solution. Why not just put the image in? Loading it in bits isn't going to improve the user experience very much.
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Old 11-02-2010, 08:07 PM Re: Image Slicing
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Actually, using sprites is a much more efficient method, especially if you are going to have more than one icon or image that you'll use repeatedly.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 11-04-2010, 11:56 AM Re: Image Slicing
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
Quote:
Originally Posted by LadynRed View Post
Actually, using sprites is a much more efficient method, especially if you are going to have more than one icon or image that you'll use repeatedly.
for navigation rollovers, sprites are awesome, and like you say, repeated elements throughout a site work very well with this method.
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Reply     « Reply to Image Slicing
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.85521 seconds with 13 queries