logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 12-04-2012, 08:58 PM   #1
wincys
 
Join Date: Dec 2012
Posts: 2
Default How do I place my carousel into my website?

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.



Code:
<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>
Attached Images
File Type: jpg Screen Shot 2012-12-04 at 20.54.10.jpg (101.1 KB, 2 views)

Last edited by Corrosive; 12-06-2012 at 06:46 AM.. Reason: wrapped code
wincys is offline   Reply With Quote
Old 12-06-2012, 06:49 AM   #2
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Quote:
Originally Posted by wincys View Post
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.
Corrosive is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:39 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com