Why does my spry accordian look good in live view and switch back to default in safari
i am new to dreamweaver and have started my first page-
step one inserted a picture as a background
step 2 inserted a spry accordian and have spent hours trying to configure it - my dreamweaver wont allow me to type any information in the design view so i worked out how to get around that in the code - so i put in the labels - changed the font
then i got rid of any color by adding the hex value #0.0 (transparent) in the spryaccordian.css page - which has worked really well in the live view ( and works in opera) but when i check it in safari it has reverted back to the default settings - it hasnt even kept the font settings
i would also like to put quite a lot of information in the content panels (pictures, subscriber list, links ect, essentially whole pages) is this possible
hoping someone can help me
kind regards
mandy evans
Have a look at the following, just copy and paste into a new document in code view.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<style>
html {
background-color: #FF9;
body {
width: 960px;
margin: auto;
.Accordion {
font: 14px "Comic Sans MS", cursive;
color: #090;
.AccordionPanelTab,
.AccordionPanelOpen .AccordionPanelTab,
.AccordionFocused .AccordionPanelTab,
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: transparent;
</style>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Gramps
Similar Messages
-
Why does my 1st gen iPad always turns itself off and goes back to the screen. Whether I'm reading news, iBooks, etc, suddenly it goes off.
If that doesn't help, the battery may be dying and need replacement. See here (tap on Battery Replacement): http://support.apple.com/kb/index?page=servicefaq&geo=United_States&product=ipad
Alternately, might consider start saving for a new iPad. The newest iPad 6 should come out in the next few months. When it does, sellers will want to get rid of old inventory with good deals. -
Results look different in Live View and Browser Lab
I'm using CS5 and am using absolute positioning to place an image. It looks great in Live View, but when I open Browser Lab it has shifted dramatically. Any ideas what's going on and with view should I trust. Thanks.
Hi Jalynoble,
We've tried to repro the issue you describe, but haven't been able to, so it must be something specific to your page. Can you provide us with a URL or package up and email the source code for the page with this issue so we can look into it?
You can post the url here, or email the files to [email protected]
Thanks,
Mark -
Why does Premiere 7.0 crash when capturing LIVE video and audio?
Why does Premiere 7.x Creative Cloud Crash when capturing live Video in about 10 minutes.
More information needed for someone to help... please click below and provide the requested information
-Premiere Pro Video Editing Information FAQ http://forums.adobe.com/message/4200840 -
Why does my background pic look larger than it should and is not as clear as the original?
When islet a pic as background it says I can adjust size, but cannot in fact the pic gets larger and not as clear, this started with IOS7
This is due to the parallax effect in iOS 7. As you tilt the phone to the left or right, the background image moves with it, to give the home screen an illusion of depth.
-
I see my spry accordian images in the live view but they disappear in the browser view
Here is my page code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #42413C;
margin: 0;
padding: 0;
color: #000;
margin-left: 1in;
margin-top: .5in;
background-color: #FFFFFF;
margin-bottom: .5in;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #42413C;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #6E6C64;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
width: 1024px;
background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
height: 768px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background-color: #ADB96E;
background-image: url(images/KADhomepage2_01.jpg);
height: 91px;
width: 1024px;
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
background-image: url(images/KADprintport1_02.jpg);
height: 535px;
width: 1024px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
/* ~~ The footer ~~ */
.footer {
background-color: #CCC49F;
background-image: url(images/KADhomepage2_03.jpg);
height: 103px;
width: 1024px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
#apDiv1 {
position:absolute;
width:644px;
height:43px;
z-index:1;
left: 4.7in;
top: 81px;
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv2 {
position:absolute;
width:672px;
height:553px;
z-index:2;
left: -162px;
top: 43px;
overflow: scroll;
#apDiv3 {
position:absolute;
width:729px;
height:551px;
z-index:1;
left: -170px;
top: 84px;
overflow: scroll;
#apDiv4 {
position:absolute;
width:680px;
height:520px;
z-index:2;
left: 446px;
top: 172px;
</style>
<link href="/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="apDiv1">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">HOME</strong></a> </li>
<li><a href="KADresume.html">RESUME</strong></a></li>
<li><a href="KADport.html"><strong>PORTFOLIO</strong></a></li>
<li><a href="KADprocess.html">PROCESS</a> </li>
<li><a href="KADcontact.html">CONTACT</strong></strong></a></li>
</ul>
</div>
<div class="container">
<div class="header"><!-- end .header --></div>
<div class="content">
<div id="apDiv4">
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Print</div>
<div class="AccordionPanelContent">
<table width="669" height="441" border="0" cellpadding="5" cellspacing="5">
<tr>
<th width="146" height="158" align="center" scope="col"><a href="/images/Large/_5515061140.jpg" target="_blank"><img src="/images/Thumb/_5515061140.jpg" width="107" height="129" /></a></th>
<th width="158" align="center" scope="col"><a href="/images/Large/_6374589227.jpg" target="_blank"><img src="/images/Thumb/_6374589227.jpg" width="129" height="129" /></a></th>
<th width="145" align="center" scope="col"><a href="/images/Large/_4734055001.jpg" target="_blank"><img src="/images/Thumb/_4734055001.jpg" width="129" height="101" /></a></th>
<th width="145" align="center" scope="col"><a href="/images/Large/_7292231722.jpg" target="_blank"><img src="/images/Thumb/_7292231722.jpg" width="129" height="103" /></a></th>
</tr>
<tr>
<td height="145" align="center"><a href="/images/Large/_5593210516.jpg" target="_blank"><img src="/images/Thumb/_5593210516.jpg" width="129" height="99" /></a></td>
<td align="center"><a href="/images/Large/_1467227833.jpg" target="_blank"><img src="/images/Thumb/_1467227833.jpg" width="129" height="103" /></a></td>
<td align="center"><a href="/images/Large/_6554868794.jpg" target="_blank"><img src="/images/Thumb/_6554868794.jpg" width="129" height="99" /></a></td>
<td align="center"><a href="/images/Large/_1252352166.jpg" target="_blank"><img src="/images/Thumb/_1252352166.jpg" width="129" height="79" /></a></td>
</tr>
<tr>
<td align="center"><a href="/images/Large/_1771736232.jpg" target="_blank"><img src="/images/Thumb/_1771736232.jpg" width="129" height="91" /></a></td>
<td align="center"><a href="/images/Large/_1396958091.jpg" target="_blank"><img src="/images/Thumb/_1396958091.jpg" width="129" height="99" /></a></td>
<td align="center"><a href="/images/Large/_6955454525.jpg" target="_blank"><img src="/images/Thumb/_6955454525.jpg" width="129" height="99" /></a></td>
<td align="center"><a href="/images/Large/_9231445618.jpg" target="_blank"><img src="/images/Thumb/_9231445618.jpg" width="86" height="129" /></a></td>
</tr>
<tr>
<td align="center"><a href="/images/Large/_2121752674.jpg" target="_blank"><img src="/images/Thumb/_2121752674.jpg" width="99" height="129" /></a></td>
<td align="center"><a href="/images/Large/_2493972603.jpg" target="_blank"><img src="/images/Thumb/_2493972603.jpg" width="129" height="83" /></a></td>
<td align="center"><a href="/images/Large/_6370868564.jpg" target="_blank"><img src="/images/Thumb/_6370868564.jpg" width="129" height="83" /></a></td>
<td align="center"><a href="/images/Large/_9581180847.jpg" target="_blank"><img src="/images/Thumb/_9581180847.jpg" width="129" height="99" /></a></td>
</tr>
</table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Web</div>
<div class="AccordionPanelContent">
<table width="345" height="170" border="0" cellpadding="5" cellspacing="5">
<tr>
<th width="146" scope="col"><a href="/images/Large/_0373638936.jpg" target="_blank"><img src="/images/Thumb/_0373638936.jpg" width="129" height="96" /></a></th>
<th width="158" scope="col"><a href="/images/Large/_3824118655.jpg" target="_blank"><img src="/images/Thumb/_3824118655.jpg" width="129" height="87" /></a></th>
</tr>
</table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Logo</div>
<div class="AccordionPanelContent">
<table width="350" border="0" cellspacing="5" cellpadding="5">
<tr>
<th width="146" scope="col"><a href="/images/Large/_0301530214.jpg" target="_blank"><img src="/images/Thumb/_0301530214.jpg" width="99" height="129" /></a></th>
<th width="152" scope="col"><a href="/images/Large/_0990478412.jpg" target="_blank"><img src="/images/Thumb/_0990478412.jpg" width="129" height="129" /></a></th>
</tr>
</table>
</div>
</div>
</div>
</div>
<h1> </h1>
</div>
<div class="footer"> <!-- end .footer --></div>
<!-- end .container --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>Don't know if this helps but I also ran a validation report and this is what I got:
Validator Results
Report date: April 22 2012
Report time: 06:30:33
Severity
File
Description
Line
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "type" not specified
127
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "type" not specified
128
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
there is no attribute "tabindex"
147
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
there is no attribute "height"
151
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
153
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
154
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
155
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
156
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
159
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
160
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
162
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
163
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
166
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
167
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
168
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
169
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
172
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
173
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
174
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
175
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
185
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
186
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
196
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
197
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
document type does not allow element "link" here
213
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
153
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
153
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
153
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
153
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
153
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
154
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
154
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
154
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
154
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
154
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
155
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
155
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
155
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
155
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
156
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
156
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
156
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
156
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
159
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
159
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
159
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
159
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
159
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
160
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
160
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
160
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
160
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
160
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
161
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
161
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
161
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
161
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
163
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
163
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
163
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
163
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
166
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
166
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
166
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
166
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
167
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
167
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
167
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
167
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
168
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
168
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
168
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
168
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
169
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
169
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
169
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
169
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
172
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
172
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
172
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
172
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
173
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
173
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
173
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
173
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
173
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
174
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
174
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
174
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
174
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
174
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
175
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
175
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
175
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
175
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
175
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
185
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
185
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the f -
Why has my spry collapsable panel disappeared in live view?
have I accidently deleted some vital code? On the page it all seems to be there. At my wit's end! please help!!! Attached the page.
Typical collapsible panel construction is as
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content</div>
</div>
I notice that in several places, at least, you haveCollapsiblePanelContent class assigned to <p> tags. As you have seen, that does not appear to work. You need to be working with <div> tags, as the original markup provided. <div>s are block level elements, and I know of no working variant that uses paragraph tags and spans.
<p> </p>
<p class="CollapsiblePanelContent"> </p>
<p class="CollapsiblePanelContent">
<span class="CollapsiblePanelOpen">
<span class="CollapsiblePanelTab">
<br/>
</span>
</span>
Look also to your file paths; at least one was pointing to your hard drive (yikes!).
It's a little hard to troubleshoot more effectively without actually have a link to your page on a server, as the javascript and css files are not available.
Beth -
Page looks fine in live view but not fine in safari
my index.html page looks okay in live view, but when i open it in safari some of my text is unformated. My CSS page is correct so the problem lies in my code. I have attached the html file, any help will be appreciated. Thank you!
Thanks for taking the time to reply to question. Aftr taking a break. I came back realized I inserted the stylesheet before I changed site settings. I just needed to remove the forward slash from my stylesheet declaration. FYI for anyone else new to DW: if stuffs not showing in Live View and Browser Preview eg background images, Go to Manage Sites and check your site setting for Links relative to: You may have switched between document and site root. Thus breaking your links to images or in my case the entire style sheet.
-
Why does my RAW image look grainy when I export it in to Photoshop CC from Lightroom for editing?
Why does my RAW image look grainy when I export it in to Photoshop CC from Lightroom for editing?
Checked LR's setting for Ps export and they haven't changed since it was OK a few days ago? It is OK if you zoom in but in 'fit page' it looks terrible!I have exactly the same problem and it has got worse today as the photos also now open in smaller windows for some reason
-
Webpage looks good with tranparent boxes and photo background in live view but not in browsers
If anyone has time to help I would be very grateful. I am new to dreamweaver and am trying to make a webpage with transparent colums and boxed text using styles. It looks perfect in "live view" but when I look at it in any browser all formatting is gone. It looks like the background with text on top layed out wrapped across the entire page. I have not been able to figure out what is wrong in days of searching. Does anyone know the answer?
This first the format I want and is what it looks like in Live View, the second is what it looks like in most browsers.
Here is the code I used:
</style>
<link href="../styles/tcastyles.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
background-image: url(bamboo.JPG);
margin-left: 150px;
a:link {
color: #600;
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: none;
a:active {
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
a {
font-size: 12px;
body,td,th {
font-family: Verdana, Geneva, sans-serif;
.container .faqs h2 {
line-height: 40px;
.container .faqs ul li {
text-align: left;
.footer {
padding: 5;
position: relative;
clear: both;
</style>
<div class="container">
<div class="header"><span class="menutable"></span><img border="0" src="navigate_projects.jpg" width="307" height="167" usemap="#FPMap0" alt="The Conservation Agency - Project Menu" align="absmiddle" />
<map name="FPMap0">
<area shape="rect" coords="132, 112, 172, 127" href="asia.htm" alt="Asia" />
<area shape="rect" coords="138, 92, 286, 110" href="west.htm" alt="Western Hemisphere" />
<area shape="rect" coords="138, 73, 279, 89" href="flamingos.htm" alt="British Virgin Islands" />
<area shape="rect" coords="131, 55, 249, 72" href="turkscaicos.htm" alt="Turks and Caicos" />
<area shape="rect" coords="121, 35, 244, 52" href="newengland.htm" alt="Narragansett Bay" />
<area shape="rect" coords="103, 17, 306, 32" href="coyote.htm" alt="Narragansett Bay Coyote Study " />
<area shape="rect" coords="121, 128, 173, 144" href="pacific.htm" alt="Pacific" />
</map>
</div>
<div class="menu">
<table width="100%" border="0" align="center" id="menutable">
<tr>
<td height="30" align="center" valign="middle"><p><strong><a href="mission.htm">Mission</a></strong></p></td>
<td height="30" align="center" valign="middle"><p><strong><a href="pubs.htm">Publications</a></strong></p></td>
<td height="30" align="center" valign="middle"><p><strong><a href="projects.htm">Projects</a></strong></p></td>
<td height="30" align="center" valign="middle"><p><strong><a href="opps.htm">Opportunities</a></strong></p></td>
<td height="30" align="center" valign="middle"><p><strong><a href="sponsors.htm">Sponsors</a></strong></p></td>
<td height="30" align="center" valign="middle"><p><strong><a href="coyote.htm">NBCS</a></strong></p></td>
<td height="30" align="center" valign="middle"><p><strong><a href="guana.htm">Guana</a></strong></p></td>
<td height="30" align="center" valign="middle"><p><strong><a href="tca.htm">Contact us</a></strong></p></td>
<td height="30" align="center" valign="middle"><p><strong><a href="index.htm">Home</a></strong></p></td>
</tr>
</table>
</div>
<div class="banner">Narragansett Bay Coyote Study</div>
<d/div>
<div class="box739">
<h3>What does NBCS Do?</h3>
<p>Since 2004 The Narragansett Bay Coyote Study (NBCS) has been developing science-based coexistence and management strategies for our newest top predator. Coyotes, originally a prairie species, have successfully colonized all parts of the continental and nearshore us in the past 100 years. They reached the islands of Narragansett Bay in the mid-1990s. Since then coyotes have become increasingly abundant and problematic in some island communities.</p>
<p>In our history of cohabitation with coyotes people consistently tried to eliminate them by hunting, trapping, and poisoning. Lethal removal worked for individual problem animals but did not work as a population control strategy. Why? Coyotes have intrinsic physiological and behavioral abilities to control their own numbers. If coyotes are removed they increase reproduction and numbers rapidly rebound. The critical population regulation trigger is competition for food. As long as coyotes are well fed (with few coyotes competing for food) their populations will grow. </p>
<p>It is also known that opposite effect occurs if coyotes if coyotes are stressed by competition for food. If there are too many coyotes competing for the food available coyotes will drop the the level sustainable by those resources.</p>
<p>Understanding this relationship, NBCS scientists decided to study the resource use of coyotes on two islands in Narragansett Bay, Rhode Island. We used GPS tracking collars to find out where the coyotes were spending thier time. We theorized that if we could identify important coyote food resources - and control them - the coyotes would bring their own numbers down. NBCS calls this "passive coyote management."</p>
<p> Since 2005 when we trapped and collared our first island coyotes we have continually found that the most important food resources to our study are provided by people. That means they are within our control That means we can control coyotes. If we remove anthropogenic resources (human subsidies) coyote numbers will drop to the level sustainable by natural resources. When coyotes are sustained only by natural prey (mice, woodchucks, rabbits, geese, and deer) coyotes numbers will be lower and they will provide helpful pest control services. </p>
<p>Based our scientific data NBCS generated a set of <a href="coyotes/Best Management Practices for Coexistence with Coyotes - Nov 8 2010.pdf" target="_new">Best Management Practices for Coexistence with Coyotes</a>- basically a toolbox for safe, sustainable, community coyote management. We are working with the towns in our study area to adopt the CBMPs and be the first community in the nation to successfully and sustainably manage coyotes. We also believe other cities and towns might be able to use our results as a template if they are experiencing coyote problems. We have only just begun to implement the CBMPs on our islands. We hope in the near future to have all our towns implementing the CBMPs - only then will we see the full impacts they make on coyote numbers and behavioral problems. You can follow our progress on this website.</p>
</div>
<div class="footer">
<table width="100%" border="0" cellspacing="5">
<tr>
<td>Return to top</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
</table>
</div>
</div>
</div>
<p> </p>
</div>iv class="faqs">
<h2>FAQs</h2>
<ul>
<li>How do coyotes control their own population numbers?</li>
<li>bla bla bla</li>
</ul>
</div>
<div class="content">
<div class="clearbox">
<div class="col1">
<h3>Middletown Adopts the CBMPs and passes a No-Feeding Ordinance!</h3>
</div>
<div class="col2">
<h3>Pilot, Java, and the Valley Pack</h3>
<
And here are the styles:
.container {
height: 1500px;
width: 975px;
border: 8px solid #660000;
float: left;
.header {
float: left;
height: 170px;
width: 975px;
background-color: #033000;
.menu {
background-color: #FFC;
float: left;
height: 30px;
width: 975px;
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
color: #660000;
font-weight: bold;
margin-bottom: 5px;
.table {
font-family: Verdana, Geneva, sans-serif;
font-size: 8px;
font-weight: bold;
.banner {
float: left;
height: 100px;
width: 739px;
font-family: Verdana, Geneva, sans-serif;
font-size: 37px;
font-weight: bold;
color: rgba(0,51,0,1);
background-color: rgba(255,255,204,.7);
text-align: center;
line-height: 75px;
border-radius: 5px;
padding: 5px;
margin: 5px;
.clearbox {
float: left;
height: auto;
width: 760px;
.box739 {
width: 739px;
float: left;
height: auto;
background-color: rgba(255,255,204,.7);
font-size: 12px;
color: rgba(0,51,0,1);
border-radius: 5px;
padding: 5px;
margin: 5px;
.faqs {
float: right;
height: 620px;
width: 205px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
overflow: scroll;
background-color: rgba(255,255,204,.7);
margin: 5px;
border-radius: 5px;
font-weight: bold;
color: rgba(0,51,0,1);
text-align: center;
.col1 {
float: left;
height: 500px;
width: 359px;
background-color: rgba(255,255,204,.7);
font-size: 12px;
border-radius: 5px;
color: rgba(0,51,0,1);
margin: 5px;
padding: 5px;
.col2 {
float: left;
height: 500px;
width: 359px;
background-color: rgba(255,255,204,.7);
font-size: 12px;
border-radius: 5px 5px 5px 5px;
color: rgba(0,0,0,1);
padding: 5px;
margin: 5px;
.footer {
position:relative;
clear: both;
background-color: rgba(255,255,204,1);
font-size: 12px;
color: rgba(0,51,0,1);Helo thanks for responding . I think it uploads... It says it does as an assocaiated file when I put to the website. But that sounds like it is the issue. Those format commands seem to be the one it is ignoring. I am not familiar with html but I see that the href command is what identifies the path to the file I call TCAStyles. I notice that dw puts all my files in a local public file and the structure is different - with no public file - at the site.
I am not sure what the 2 dots in the href command mean - there is not a full path. Is this command valid? I will try to look into the directory structure on local and remote site and will check for files. -
Why does Quicktime tell me it can't play certain videos created with my Phantom 2 v3 drone ? I fly the drone and switch back and forth from video to still pics and while I may have filmed four videos , sometimes Quicktime tells me that one of them can't be played . Checking the info shows that each of the unplayed videos was saved in the same mp4 format as the playable ones yet some of my most important videos won't play . It's getting very frustrating .
first; I use Perian, that helps even though it is no longer supported, (must have for avi files)
the apple-cores at apple have gotten very sloppy -- quicktime is a bit finicky and flakey.
example, occasionally (when copy file from quad's card to hard drive) the avi will show up as a 'mov' file and qt plays it no problem and no conversion.
but that is very occasionally, most of the time qt won't convert the file, -- iMovie won't open an avi without Perian installed , I don't know how that effects qt.
qt 7"pro" is no good either, (qt 10 does everything it does and for NOT the extra $35)
I have gone to VLC and MPlayerX for direct playback for drones and cameras. -
Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.
Already changed in different settings. Here is a screenshot when set to "Original Size".
-
why does my ipod sometimes flashes white then shuts down and then the only way to restart is to restore?
If you restored to factory settings/new iPod and still have the problem that indicates a hardware problem.
Make an appointment at the Genius Bar of an Apple store..
Apple Retail Store - Genius Bar -
Why does my ipad keep throwing me out of games and apps?
Why does my ipad keep throwing me out of games and apps?
Try reset iPad
Hold down the Sleep/Wake button and the Home button at the same time for at least ten seconds, until the Apple logo appears
Note: Data will not be affected. -
Why does my iMac appear many times in my network and labelled 1,2,3, etc
why does my iMac appear many times in my network and labelled 1,2,3, etc
Ok, I solved it.
I followed this steps:
1- Turn Off Wi-Fi from the Wireless menu item
2- From the OS X Finder, hit Command+Shift+G and enter the following path:
/Library/Preferences/SystemConfiguration/
3- Within this folder locate and select the following files:
com.apple.airport.preferences.plist
com.apple.network.identification.plist
com.apple.wifi.message-tracer.plist
NetworkInterfaces.plist
preferences.plist
4- Move all of these files into a folder on your Desktop called ‘wifi backups’ or something similar – we’re backing these up just in case you break something but if you regularly backup your Mac you can just delete the files instead since you could restore from Time Machine if needed.
5- Reboot the Mac
6- Turn ON WI-Fi from the wireless network menu again
Maybe you are looking for
-
I have a Mac Pro (3,1) with 8 gb ram, 2x2.8 Xeon processors, GeForce 8800 ( I think) video card. Two Cinema displays. A couple of nights ago, after working a short while, both screens went suddenly black, with their little pilot lights on; the power
-
I am trying to create a button to launch an outside application. I am trying to run a Flash presentation of my system in operation from my front panel. Whenever the user clicks on the button, I want to execute once and then stop and exit Flash. I hav
-
Wierd bug with menus and subtitles on Intel mac
I have found DVDSP4 will not let me place buttons on a menu!! The mouse clicks don't do anything in the menu viewer. I suspect some system incompatibility is this is also why I can't drop a subtitle into the subtitle streams either with DVDSP4 enev t
-
I purchased Captivate 8 and never received the download on my account page. ADOBE took the money out of my account immediately after making the purchase, but then NEVER completed our contract. I tried to contact them through the "chat option, but ha
-
Messenger docking onto Desktop?
Hi there Very new to the Mac, been using PC's all my life so excuse me if this sounds like a newbie-type question. Just installed msn messenger(version 5) on my I-mac G5. What I find weird and don't quite know what to do is when you start up messenge