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.

Website Design Forum


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



Freelance Jobs

Reply
Old 04-12-2005, 04:52 PM Slices Problem
Novice Talker

Posts: 14
Location: Doncaster, UK
Trades: 0
Hi, this is my first post.

I am having great difficulties with slices. I did a website for a college project, using an iframe - slicing up the site as one big image and inserting the iframe code in the slice i deleted. The site worked fine after I got the hang of it.

However, I came to trying it out at a friends house and the slices were not connected - the result was a mess. I have no idea why because it works perfectly on my computer.

Can anyone help? Also there is a small gap between the bottom two rows of slices (which you wont see if your browser decides to jumble the slices up.)

the link is www.dazzamcdesigns.com

Here's the code:

<HTML>
<HEAD>
<TITLE>index</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (index.psd) -->
<TABLE WIDTH=800 height="600" BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=92 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=465 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=241 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/index2_01.gif" WIDTH=798 HEIGHT=70></TD>
<TD COLSPAN=2>
<IMG SRC="images/index2_02.gif" WIDTH=2 HEIGHT=70></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index2_03.gif" WIDTH=92 HEIGHT=391></TD>
<TD width="466" height="392" align="left" valign="top"> <iframe src="home.html" height="392" width="466" name="content" frameborder="0"> &nbsp;
</TD>
<TD COLSPAN=3>
<IMG SRC="images/index2_05.gif" WIDTH=243 HEIGHT=391></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/index2_06.gif" WIDTH=799 HEIGHT=139 border="0" usemap="#Map"></TD>
<TD>
<IMG SRC="images/index2_07.gif" WIDTH=1 HEIGHT=139></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
<map name="Map">
<area shape="rect" coords="68,52,428,96" href="index.html">
<area shape="rect" coords="507,65,626,90" href="portfolio.html">
<area shape="rect" coords="634,67,688,88" href="biog.html">
<area shape="rect" coords="696,64,794,90" href="contact.html" target="content">
</map>
</BODY>
</HTML>

CAN ANYONE HELP?


Thanks
DazzaMc is offline
Reply With Quote
View Public Profile Visit DazzaMc's homepage!
 
 
Register now for full access!
Old 04-12-2005, 10:37 PM
Kaiman's Avatar
Extreme Talker

Posts: 237
Trades: 0
Have you considered using a table rather than frames for this project? It might make things easier.

Kaiman
Kaiman is offline
Reply With Quote
View Public Profile
 
Old 04-13-2005, 09:59 AM
Novice Talker

Posts: 14
Location: Doncaster, UK
Trades: 0
I did originally use tables, but I liked the idea of only having a few seperate pages, and having the rest (the content pages) appear in a frame. Can anyone see a problem with my code? I really need this finishing asap. It needs to be handed in for marking next tuesday.

Thanks
DazzaMc is offline
Reply With Quote
View Public Profile Visit DazzaMc's homepage!
 
Old 04-13-2005, 10:13 AM
CasaPages's Avatar
SillyPhilly

Posts: 758
Location: between here an somewhere else
Trades: 0
Well ImageReady produces some very messy code....I suggest you go through and make all the caps in the tags lowercase then put in a doc type and run it through a html validator...like http://validator.w3.org/ that will probably fix 90% of your problems....

On a side note the problem with using frames for your main content is that of search engine optimization.... You might not want to do this however if its just for a school project than you probably dont need to worry about it....but it is something to keep in mind, that frames can cause lots of problems....
__________________
It Happens

Please login or register to view this content. Registration is FREE
CasaPages is offline
Reply With Quote
View Public Profile Visit CasaPages's homepage!
 
Old 04-13-2005, 06:30 PM
Novice Talker

Posts: 14
Location: Doncaster, UK
Trades: 0
hmmm... It'll have to stay as it is for now, but how do I put a doctype in? Ive never heard of that before
DazzaMc is offline
Reply With Quote
View Public Profile Visit DazzaMc's homepage!
 
Old 04-13-2005, 06:40 PM
Novice Talker

Posts: 14
Location: Doncaster, UK
Trades: 0
and could someone help me with the valiator comments... i dont understand em!

Line 1, column 0: no document type declaration; implying "<!DOCTYPE HTML SYSTEM>"

<HTML>

The checked page did not contain a document type ("DOCTYPE") declaration. The Validator has tried to validate with the HTML 4.01 Transitional DTD, but this is quite likely to be incorrect and will generate a large number of incorrect error messages. It is highly recommended that you insert the proper DOCTYPE declaration in your document -- instructions for doing this are given above -- and it is necessary to have this declaration before the page can be declared to be valid.


)

2.

Line 6, column 14: an attribute value must be a literal unless it contains only name characters

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

You have used a character that is not considered a "name character" in an attribute value. Which characters are considered "name characters" varies between the different document types, but a good rule of thumb is that unless the value contains only lower or upper case letters in the range a-z you must put quotation marks around the value. In fact, unless you have extreme file size requirements it is a very very good idea to always put quote marks around your attribute values. It is never wrong to do so, and very often it is absolutely necessary.


)

3.

Line 6, column 33: there is no attribute "LEFTMARGIN"

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.


)

4.

Line 6, column 45: there is no attribute "TOPMARGIN"

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

)

5.

Line 6, column 59: there is no attribute "MARGINWIDTH"

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

)

6.

Line 6, column 74: there is no attribute "MARGINHEIGHT"

...N=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

)

7.

Line 8, column 24: there is no attribute "HEIGHT"

<TABLE WIDTH=800 height="600" BORDER=0 CELLPADDING=0 CELLSPACING=0>

)

8.

Line 11, column 49: required attribute "ALT" not specified

<IMG SRC="images/spacer.gif" WIDTH=92 HEIGHT=1></TD>

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.


)

9.

Line 13, column 50: required attribute "ALT" not specified

<IMG SRC="images/spacer.gif" WIDTH=465 HEIGHT=1></TD>

)

10.

Line 15, column 50: required attribute "ALT" not specified

<IMG SRC="images/spacer.gif" WIDTH=241 HEIGHT=1></TD>

)

11.

Line 17, column 48: required attribute "ALT" not specified

<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>

)

12.

Line 19, column 48: required attribute "ALT" not specified

<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>

)

13.

Line 23, column 54: required attribute "ALT" not specified

<IMG SRC="images/index2_01.gif" WIDTH=798 HEIGHT=70></TD>

)

14.

Line 25, column 52: required attribute "ALT" not specified

<IMG SRC="images/index2_02.gif" WIDTH=2 HEIGHT=70></TD>

)

15.

Line 29, column 54: required attribute "ALT" not specified

<IMG SRC="images/index2_03.gif" WIDTH=92 HEIGHT=391></TD>

)

16.

Line 31, column 7: end tag for "IFRAME" omitted, but its declaration does not permit this

</TD>

)

17.

Line 30, column 58: start tag was here

...ght="392" align="left" valign="top"> <iframe src="home.html" height="392" wid
18.

Line 33, column 55: required attribute "ALT" not specified

<IMG SRC="images/index2_05.gif" WIDTH=243 HEIGHT=391></TD>

)

19.

Line 37, column 80: required attribute "ALT" not specified

...9 HEIGHT=139 border="0" usemap="#Map"></TD>

)

20.

Line 39, column 53: required attribute "ALT" not specified

<IMG SRC="images/index2_07.gif" WIDTH=1 HEIGHT=139></TD>

)

21.

Line 44, column 60: required attribute "ALT" not specified

<area shape="rect" coords="68,52,428,96" href="index.html">

)

22.

Line 45, column 65: required attribute "ALT" not specified

...="rect" coords="507,65,626,90" href="portfolio.html">

)

23.

Line 46, column 60: required attribute "ALT" not specified

<area shape="rect" coords="634,67,688,88" href="biog.html">

)

24.

Line 47, column 80: required attribute "ALT" not specified

... href="contact.html" target="content">
DazzaMc is offline
Reply With Quote
View Public Profile Visit DazzaMc's homepage!
 
Old 04-13-2005, 08:21 PM
CasaPages's Avatar
SillyPhilly

Posts: 758
Location: between here an somewhere else
Trades: 0
like I said it would be best if you put everything( <tags> ) in all lowercase, its rather easy to do just use find replace....

here you can find a list of doctypes

This one should work
HTML Code:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
use that doctype and try the validator again....
__________________
It Happens

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

Last edited by CasaPages; 04-13-2005 at 08:24 PM..
CasaPages is offline
Reply With Quote
View Public Profile Visit CasaPages's homepage!
 
Old 04-14-2005, 12:00 PM
Novice Talker

Posts: 14
Location: Doncaster, UK
Trades: 0
ive found the "find replace tool" but not sure what to do with it .. what do i type in the find and replace boxes?

please try and empathize - i don't know much about the technical aspects of web design.

my course is a general course of all the aspects of design so the web design feature is only small.

and i have no idea what the protocol tips mean.

help!

most importantly i need to get rid of the tiny white gap between the bottom 2 slices - help!

but need answers to all my questions. darran
DazzaMc is offline
Reply With Quote
View Public Profile Visit DazzaMc's homepage!
 
Old 04-14-2005, 05:58 PM
Novice Talker

Posts: 14
Location: Doncaster, UK
Trades: 0
problem sorted without the use of that protocol.

i resliced the image zoomed in, and found some overlapping slices.

plus.. i hadnt got a closing iframe tag </iframe> and there was a small tag (appeared when I aligned 'top' and 'left' for some reason) which when I deleted, made everything fit perfectly.

Thanks for your help tho

www.dazzamcdesigns.com - could you just test it on your browsers?Thanks

Darran
DazzaMc is offline
Reply With Quote
View Public Profile Visit DazzaMc's homepage!
 
Old 04-17-2005, 09:15 PM
Kaiman's Avatar
Extreme Talker

Posts: 237
Trades: 0
Your site looks fine in Firefox 1.0 glad to see you fixed the problem. Now for that code.... lol

Kaiman

Website Design and Graphics - Glenwood Springs, CO
Kaiman is offline
Reply With Quote
View Public Profile
 
Old 04-20-2005, 04:20 AM
Novice Talker

Posts: 14
Location: Doncaster, UK
Trades: 0
thanks kaiman
DazzaMc is offline
Reply With Quote
View Public Profile Visit DazzaMc's homepage!
 
Reply     « Reply to Slices Problem
 

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.89586 seconds with 12 queries