Skip navigation
Currently Being Moderated

How do i place my carousel into my website

Dec 5, 2012 10:56 AM

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>

 
Replies

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points