PDA

View Full Version : How do I place my carousel into my website?


wincys
12-04-2012, 08:58 PM
Hi, I'm a bit off a beginner with dreamweaver etc and i'm having a problem adding a carousel into my website. The carousel is a javascript plugin called "infinite carousel". I made my website through photoshop and then slicing it up and exporting it into dreamweaver, Then I planned to place the carousel into one of the sections I sliced out, its all the correct size etc, but when I place it in the slices all seem to go jumbled up and not in place.

Can someone help? Here is the coding where i'm up too. Iv also attached some images.



<html>
<head>
<title>web</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 (web.psd) -->
<table id="Table_01" width="1101" height="1351" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="21">
<img src="../images/web_01.jpg" width="1100" height="98" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="98" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="../images/web_02.jpg" width="66" height="154" alt=""></td>
<td colspan="2">
<img src="../images/web_03.jpg" width="231" height="98" alt=""></td>
<td colspan="17">
<img src="../images/web_04.jpg" width="802" height="98" alt=""></td>
<td rowspan="2">
<img src="../images/web_05.jpg" width="1" height="154" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="98" alt=""></td>
</tr>
<tr>
<td colspan="19" nowrap>
<img src="../images/web_06.jpg" width="1033" height="56" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="56" alt=""></td>
</tr>
<tr>
<td colspan="21">
<iframe id="web_02" src="webcarousel.html" width="1101" height="453" alt="" /></td>
<td>
<img src="../images/spacer.gif" width="1" height="450" alt=""></td>
</tr>
<tr>
<td colspan="21">
<img src="../images/web_08.jpg" width="1100" height="79" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="79" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="4">
<img src="../images/web_09.jpg" width="384" height="393" alt=""></td>
<td>
<img src="../images/web_10.jpg" width="51" height="20" alt=""></td>
<td rowspan="4">
<img src="../images/web_11.jpg" width="23" height="393" alt=""></td>
<td>
<img src="../images/web_12.jpg" width="34" height="20" alt=""></td>
<td rowspan="4">
<img src="../images/web_13.jpg" width="19" height="393" alt=""></td>
<td>
<img src="../images/web_14.jpg" width="52" height="20" alt=""></td>
<td rowspan="6">
<img src="../images/web_15.jpg" width="22" height="569" alt=""></td>
<td>
<img src="../images/web_16.jpg" width="61" height="20" alt=""></td>
<td rowspan="4">
<img src="../images/web_17.jpg" width="26" height="393" alt=""></td>
<td>
<img src="../images/web_18.jpg" width="59" height="20" alt=""></td>
<td colspan="6" rowspan="2">
<img src="../images/web_19.jpg" width="369" height="189" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="../images/web_20.jpg" width="51" height="373" alt=""></td>
<td rowspan="3">
<img src="../images/web_21.jpg" width="34" height="373" alt=""></td>
<td rowspan="3">
<img src="../images/web_22.jpg" width="52" height="373" alt=""></td>
<td rowspan="3">
<img src="../images/web_23.jpg" width="61" height="373" alt=""></td>
<td rowspan="3">
<img src="../images/web_24.jpg" width="59" height="373" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="169" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="../images/web_25.jpg" width="46" height="204" alt=""></td>
<td>
<img src="../images/web_26.jpg" width="171" height="18" alt=""></td>
<td colspan="3" rowspan="2">
<img src="../images/web_27.jpg" width="152" height="204" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="../images/web_28.jpg" width="171" height="186" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="186" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="../images/web_29.jpg" width="104" height="176" alt=""></td>
<td colspan="2">
<img src="../images/web_30.jpg" width="231" height="42" alt=""></td>
<td rowspan="2">
<img src="../images/web_31.jpg" width="36" height="176" alt=""></td>
<td colspan="6">
<img src="../images/web_32.jpg" width="192" height="42" alt=""></td>
<td colspan="4">
<img src="../images/web_33.jpg" width="181" height="42" alt=""></td>
<td rowspan="2">
<img src="../images/web_34.jpg" width="11" height="176" alt=""></td>
<td colspan="2">
<img src="../images/web_35.jpg" width="222" height="42" alt=""></td>
<td colspan="2" rowspan="2">
<img src="../images/web_36.jpg" width="101" height="176" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="../images/web_37.jpg" width="231" height="134" alt=""></td>
<td colspan="6">
<img src="../images/web_38.jpg" width="192" height="134" alt=""></td>
<td colspan="4">
<img src="../images/web_39.jpg" width="181" height="134" alt=""></td>
<td colspan="2">
<img src="../images/web_40.jpg" width="222" height="134" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="134" alt=""></td>
</tr>
<tr>
<td>
<img src="../images/spacer.gif" width="66" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="193" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="36" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="51" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="52" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="61" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="26" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="59" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="35" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="171" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="51" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="100" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Corrosive
12-06-2012, 06:49 AM
I made my website through photoshop and then slicing it up and exporting it into dreamweaver.


There's your problem. That's definitely not how to build a website! You will just keep on facing similar problems this way. You need to 'hand slice' your web pages and rebuild from scratch using Dreamweaver.