1 Reply Latest reply on Dec 5, 2012 10:58 AM by Bernd Alheit

    How do i place my carousel into my website

    michaelwillis89

      Hi, I'm a bit off a beginner with dreamweaver, 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 sliced it up and exported 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 and preview it in a browser the slices all seem to go jumbled up and not in place.

       

      Can someone help? Here is the coding where i'm up too.

       

       

       

      < 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>