After slicing

jeff1000 · Apr 7, 2005

Ok im working on an experimental site using photoshop and ir. Ive slice the image and have the html files and such.. heres the code...

<html>
<head>
<title>wip</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#686868" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">

</td>
</tr>
<tr>
<td>

</td>
<td>

</td>
</tr>
<tr>
<td colspan="8">

</td>
</tr>
</table>

</body>
</html>

how do i enter in all my data and set up the buttons to accept links and stuff... thanks guys.
btw im a straight up html nub

ShoobieRat · Apr 7, 2005

Same way as you setup a normal link. Yank out yer HTML editor (or just notepad) and wrap those pics in href tags. boom-shanka...links...

jeff1000 · Apr 8, 2005

hmmm i think i get what you're saying lol but not really could you or somebody show me what the whole line is supposed to look like wtih the href tags? srry im a complete coding n00b... when i do wrap the image in href tags the whooollle page gets distorted like spaces inbetween all the slices.... nvm the code in the post above i made a new page/set up .....

PHP:

<html>
<head>
<title>Untitled-3</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">

<table id="Table_01" width="997" height="599" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="3">
			[img]images/fmxtest2_01.gif[/img]</td>
		<td colspan="10">
			[img]images/fmxtest2_02.gif[/img]</td>
		<td rowspan="3">
			[img]images/fmxtest2_03.gif[/img]</td>
	</tr>
	<tr>
		<td rowspan="2">
			[img]images/fmxtest2_04.gif[/img]</td>
		<td>
			[img]images/fmxtest2_05.gif[/img]</td>
		<td>
			[img]images/fmxtest2_06.gif[/img]</td>
		<td>
			[img]images/fmxtest2_07.gif[/img]</td>
		<td>
			[img]images/fmxtest2_08.gif[/img]</td>
		<td>
			[img]images/fmxtest2_09.gif[/img]</td>
		<td>
			[img]images/fmxtest2_10.gif[/img]</td>
		<td>
			[img]images/fmxtest2_11.gif[/img]</td>
		<td>
			[img]images/fmxtest2_12.gif[/img]</td>
		<td rowspan="2">
			[img]images/fmxtest2_13.gif[/img]</td>
	</tr>
	<tr>
		<td colspan="8">
			[img]images/fmxtest2_14.gif[/img]</td>
	</tr>
</table>

</body>
</html>

Slice 15 is where i want my content to go.... i dont get this stuff lol .... PLEASE help me..

bla!! · Apr 8, 2005

You should just be able to put a href tag around each image.

For instance in your first set of pictures, to link them you should do the following.

Code:

        <td rowspan="3">
            [url="url1.htm"][img]images/fmxtest2_01.gif[/img][/url]</td>
        <td colspan="10">
            [url="url2.htm"][img]images/fmxtest2_02.gif[/img][/url]</td>
        <td rowspan="3">
            [url="url3.htm"][img]images/fmxtest2_03.gif[/img][/url]</td>

jeff1000 · Apr 8, 2005

hmmm i get the idea now but who can explain this. this is a result of that code.....

After slicing

jeff1000

In Runtime

ShoobieRat

Fully Optimized

jeff1000

In Runtime

bla!!

Daemon Poster

jeff1000

In Runtime

Similar threads