CrystalSC
01-28-2010, 03:26 PM
1) Script Title: Tab Content
2) Script URL (on DD): http://dynamicdrive.com/dynamicindex17/tabcontent2.htm
3) Describe problem: The tab list and tab content are misaligned from one another. The tab list are shifting right. I have changed nothing in the css or html other than aesthetic changes (font size, colors, etc...)
Screenshot: (click for full size)
http://img.photobucket.com/albums/v13/CrystalPistol/tobedeletedlater/th_tabcontent-1.png (http://smg.photobucket.com/albums/v13/CrystalPistol/tobedeletedlater/?action=view¤t=tabcontent-1.png)
This is the code used in the item description including the tab content.
<img src="https://system.netsuite.com/core/media/media.nl?id=658&c=978039&h=b1d7e463c247bccaff3c"><br><br><b>Professional dictation can be so easy</b><br>With the Pocket Memo 488, you can switch the microphone sensitivity from dictation to conference recording. The end-of-letter index tone identifies saved recordings for efficient transcription.
<br>
<br>
<font style="font-family: Tahoma; font-weight: bold;" color="#ad1f1f" size="1">Alternate Large Views</font></br>
<a href="/altviews/philips/PSP-488-front_hq.png" rel="facebox"><img src="/altviews/philips/th_PSP-488-front.png" border="0" title="PSP-488 Philips Portable Minicassette Recorder; Front View"></a> <a href="/altviews/philips/PSP-488-pack_hq.png" rel="facebox"><img src="/altviews/philips/th_PSP-488-pack.png" border="0" title="PSP-488 Philips Portable Minicassette Recorder; Package"></a>
</br>
</br>
<ul id="tablist">
<li><a href="features.htm" class="current" onClick="return expandcontent('sc1', this)">Key Features</a></li>
<li><a href="specs.htm" onClick="return expandcontent('sc2', this)" theme="#e9e9e9">Specifications</a></li>
<li><a href="pack.htm" onClick="return expandcontent('sc3', this)" theme="#e9e9e9">Package Contents</a></li>
</ul>
<DIV id="tabcontentcontainer">
<div id="sc1" class="tabcontent">
<li>uses MINI CASSETTE TAPES only</li>
<li>End-of-letter index tone indicates the start of each document and number of recordings</li>
<li>Sensitivity switch for conference or close-range recording</li>
<li>Voice-activated recording for hands-free dictation </li>
<li>Fast access to any part of the tape with turbo wind </li>
</div>
<div id="sc2" class="tabcontent">
<li>Weight: 120 grams</li>
<li>Dimensions: 128 x 62 x 25 mm</li>
<li>Acoustic frequency response: 400 - 4,000 Hz</li>
<li>Output power: > 100 mW</li>
<li>Earphones socket</li>
<li>Microphone socket</li>
<li>Power Supply socket </li>
</div>
<div id="sc3" class="tabcontent">
<li>Pocket Memo 488</li>
<li>30 minute Mini Cassette 005</li>
<li>2x AA Batteries</li>
<li>Pouch</li>
<li>Wrist Strap</li>
<li>Lapel Microphone</li>
</div>
</DIV>
<br>
<br>
Regular Price: <s>$349.00</s><br>
<font size="2"><font style="font-family: Tahoma;" color="#71a5cd" font-weight="bold"><b>SPECIAL ONLINE PRICE:</b></font></font>
I appreciate any and all tips on how to correct this!
2) Script URL (on DD): http://dynamicdrive.com/dynamicindex17/tabcontent2.htm
3) Describe problem: The tab list and tab content are misaligned from one another. The tab list are shifting right. I have changed nothing in the css or html other than aesthetic changes (font size, colors, etc...)
Screenshot: (click for full size)
http://img.photobucket.com/albums/v13/CrystalPistol/tobedeletedlater/th_tabcontent-1.png (http://smg.photobucket.com/albums/v13/CrystalPistol/tobedeletedlater/?action=view¤t=tabcontent-1.png)
This is the code used in the item description including the tab content.
<img src="https://system.netsuite.com/core/media/media.nl?id=658&c=978039&h=b1d7e463c247bccaff3c"><br><br><b>Professional dictation can be so easy</b><br>With the Pocket Memo 488, you can switch the microphone sensitivity from dictation to conference recording. The end-of-letter index tone identifies saved recordings for efficient transcription.
<br>
<br>
<font style="font-family: Tahoma; font-weight: bold;" color="#ad1f1f" size="1">Alternate Large Views</font></br>
<a href="/altviews/philips/PSP-488-front_hq.png" rel="facebox"><img src="/altviews/philips/th_PSP-488-front.png" border="0" title="PSP-488 Philips Portable Minicassette Recorder; Front View"></a> <a href="/altviews/philips/PSP-488-pack_hq.png" rel="facebox"><img src="/altviews/philips/th_PSP-488-pack.png" border="0" title="PSP-488 Philips Portable Minicassette Recorder; Package"></a>
</br>
</br>
<ul id="tablist">
<li><a href="features.htm" class="current" onClick="return expandcontent('sc1', this)">Key Features</a></li>
<li><a href="specs.htm" onClick="return expandcontent('sc2', this)" theme="#e9e9e9">Specifications</a></li>
<li><a href="pack.htm" onClick="return expandcontent('sc3', this)" theme="#e9e9e9">Package Contents</a></li>
</ul>
<DIV id="tabcontentcontainer">
<div id="sc1" class="tabcontent">
<li>uses MINI CASSETTE TAPES only</li>
<li>End-of-letter index tone indicates the start of each document and number of recordings</li>
<li>Sensitivity switch for conference or close-range recording</li>
<li>Voice-activated recording for hands-free dictation </li>
<li>Fast access to any part of the tape with turbo wind </li>
</div>
<div id="sc2" class="tabcontent">
<li>Weight: 120 grams</li>
<li>Dimensions: 128 x 62 x 25 mm</li>
<li>Acoustic frequency response: 400 - 4,000 Hz</li>
<li>Output power: > 100 mW</li>
<li>Earphones socket</li>
<li>Microphone socket</li>
<li>Power Supply socket </li>
</div>
<div id="sc3" class="tabcontent">
<li>Pocket Memo 488</li>
<li>30 minute Mini Cassette 005</li>
<li>2x AA Batteries</li>
<li>Pouch</li>
<li>Wrist Strap</li>
<li>Lapel Microphone</li>
</div>
</DIV>
<br>
<br>
Regular Price: <s>$349.00</s><br>
<font size="2"><font style="font-family: Tahoma;" color="#71a5cd" font-weight="bold"><b>SPECIAL ONLINE PRICE:</b></font></font>
I appreciate any and all tips on how to correct this!