Photoshop slices HTML

  • kyian

    (@kyian)


    6 years, 4 months ago

    Hi all

    I’ trying to implement a photoshop Picture, that has been slices up into smaller pictures, to be able to make separate links in the Picture.

    Will i be able to show it correctly with this plugin, either the free or the pro version?

    <html>
<head>
<title>THE SOURCING LIFECYCLE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (THE SOURCING LIFECYCLE Links.psd) -->
<table id="Table_01" width="1551" height="1507" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="11">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_01.png" width="1550" height="40" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="40" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_02.png" width="335" height="316" alt=""></td>
		<td colspan="2">
			<a href="http://www.advisorhouse.com">
				<img src="images/THE-SOURCING-LIFECYCLE-Links_03.png" width="350" height="316" border="0" alt=""></a></td>
		<td colspan="2" rowspan="7">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_04.png" width="175" height="1083" alt=""></td>
		<td colspan="3" rowspan="2">
			<a href="http://www.advisorhouse.com">
				<img src="images/THE-SOURCING-LIFECYCLE_03.png" width="350" height="350" border="0" alt=""></a></td>
		<td colspan="2" rowspan="2">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_06.png" width="340" height="350" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="316" alt=""></td>
	</tr>
	<tr>
		<td rowspan="10">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_07.png" width="21" height="1150" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_08.gif" width="350" height="353" alt=""></td>
		<td rowspan="6">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_09.png" width="314" height="767" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="34" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_10.png" width="310" height="733" alt=""></td>
		<td colspan="3">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_11.gif" width="356" height="314" alt=""></td>
		<td rowspan="9">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_12.png" width="24" height="1116" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="314" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_13.png" width="356" height="87" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_14.png" width="350" height="113" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="82" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_15.png" width="6" height="332" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_16.gif" width="350" height="332" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="31" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_17.gif" width="350" height="350" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="301" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_18.gif" width="350" height="339" alt=""></td>
		<td rowspan="4">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_19.png" width="139" height="383" alt=""></td>
		<td colspan="3" rowspan="3">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_20.gif" width="350" height="349" alt=""></td>
		<td rowspan="4">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_21.png" width="316" height="383" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="49" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_22.png" width="350" height="334" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="290" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_23.png" width="350" height="44" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/THE-SOURCING-LIFECYCLE-Links_24.png" width="350" height="34" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="34" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="314" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="36" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="314" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="36" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="139" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="310" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="34" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="316" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="24" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Janis Elsts

    (@whiteshadow)

    6 years, 4 months ago

    No, that’s not going to work with either version. That code is an entire web page, complete with <html>, <head> and a <body>. You can’t put that in a normal post template because it already has it’s own header and body.

    If you disable “WordPress should correct invalidly nested XHTML automatically” under “Settings -> Writing”, use only the <table> part of the code, and surround it with [raw] tags, it might work. But it probably wouldn’t look right, at least not without further changes (e.g. image URLs, sizes, and so on).

Viewing 1 replies (of 1 total)
  • The topic ‘Photoshop slices HTML’ is closed to new replies.