AP DIV layer problem

Is there any way the AP DIV layer can work in a centered
layout and move with the other elements on my web page?
Murray, I asked before about the rollover images and the grid
design with photos. You gave me a solution but I couldn't even find
some of the things you mentioned. Are you on a pc? I am on a mac.
Is that why?
I got it to work great with the divs without centering my
page in the browser window as it moves.

> Is there any way the AP DIV layer can work in a centered
layout and move
> with
> the other elements on my web page?
Sure.
Change this -
</head>
to this -
<style type="text/css">

</style>
</head>
change this -
<body ...>
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -

</div>
</body>
and see if that helps.
> Murray, I asked before about the rollover images and the
grid design with
> photos. You gave me a solution but I couldn't even find
some of the things
> you
> mentioned.
Like what?
> Are you on a pc? I am on a mac. Is that why?
I'm on both. I'm pretty sure my suggestion was platform
agnostic.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"dxexaxnx" <[email protected]> wrote in
message
news:fovpf2$t7q$[email protected]..
> Is there any way the AP DIV layer can work in a centered
layout and move
> with
> the other elements on my web page?
>
> Murray, I asked before about the rollover images and the
grid design with
> photos. You gave me a solution but I couldn't even find
some of the things
> you
> mentioned. Are you on a pc? I am on a mac. Is that why?
>
> I got it to work great with the divs without centering
my page in the
> browser
> window as it moves.
>

Similar Messages

Div Layer on top of Div Layer impossible problem

Hello guys,
For over 42 hours I've been puzzling myself with this problem.
Using Dreamweaver cs5.5, i have a text box with overflow:auto, because there's alot of text. On top of this layer I have another div layer with a pic that fades when the page loads. My problem is the scrollbar is beneath the layer for the pic that fades, so when you try to scroll down the page you cannot because the pic layer blocks it. In Internet Explorer it works perfectly fine, but not in any other browser.
Anyone know any way around this uberly frustrating problem?
Thanks, and take care!

Thank you for your response Murray....Below is the code. I appreciate any and all input.
<!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>
<link rel="stylesheet" type"text/css" href="style/main.css" />
<style type="text/css">
#apDiv1 {
          width:800px;
          height:680px;
          margin:auto;
          position:relative;
#apDiv2 {
          position:absolute;
          width:200px;
          height:115px;
          z-index:1;
#apDiv3 {
          position:absolute;
          width:628px;
          height:439px;
          z-index:1;
          left: 23px;
          top: 26px;
#apDiv4 {
          position:absolute;
          width:200px;
          height:115px;
          z-index:1;
          left: -28px;
          top: -2px;
#apDiv5 {
          position:absolute;
          width:608px;
          height:400px;
          z-index:2;
          left: 89px;
          top: 153px;
</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
          Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
</script>
</head>
<body>
<div id="apDiv1">
<div id="apDiv2"><img src="images/lifelight street faded bg 2.jpg" width="800" height="680" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="242,106,303,134" href="index.html" />
    </map>
    <div id="apDiv5">
      <div id="apDiv3">
      <div style="overflow:auto; height:347px; font-family:Verdana, Geneva, sans-serif;">   <center> <b>ABOUT US</b> </center> <p>
Life Light Street Productions was started by a small group of individuals interested in creating a social network to encourage disconnected youth on street corners to earn GED’s, consider and prepare for college enrollment and to learn about career options.<p>
In 2005 founder and Executive Director Ayanna M. Cole, MSW started leading a group of young adult professionals and college students to a neighborhood in South Jamaica, Queens to begin a dialogue with youth and young adults found hanging out in the neighborhood. Over three years volunteers spent every Saturday morning and early afternoon walking through the neighborhood talking and even praying with youth and young adults found on street corners, on basketball courts and on building stoops.<p>
Volunteers provided information in response to a variety of needs such as finding summer employment, how to apply to college, resume writing and career options.<p>
Today Life Light Street Productions is also facilitating media training workshops with court involved youth and formerly incarcerated men and women.<p>
Board of Directors:<br />
Ayanna M. Cole, MSW <br />
Dr. Adelaide During<br />
Larissa K. Cole
<p>
Advisory Board:<br />
Rev. Alfonso Wyatt, President, Fund for the City of NY<br />
Alisa W. Cupid, Esq.
<p>
Contact Us <br />
Phone: 718-564-7221<br />
Email:
</div></div>
     <div id="apDiv4"><img src="images/kidpic2.jpg" style="position:absolute; width: 649px; left: 31px;" width="637" height="467" onload="MM_effectAppearFade('apDiv4', 2200, 100, 0, false)" /></div>
</div>
</div>
</div>
</body>
</html>

SWF over DIV Layer

Hi,
I'm going trough some difficulties upon trying to make an
HTML DIV Layer appear over a SWF movie clip embbed on a page.
The DIV initial status is hidden(display:none) but in a
certain moment this div must be shown and it should appear over the
swf movie. The problem is that swf movie always appear over the DIV
Layer. I've set up the Z-Index and it did not work correctly.How
can I get this behaviour to make swk appear below the div layer?
Thanks a lot.

Not by the method you mention in your subject line -
All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
Adobe articles:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Alexander Ross" <[email protected]> wrote in message
news:fbung4$2a3$[email protected]..
> I'm trying to convinve my boss that this is not a good
idea, but I'm
> having trouble making the argument ... anyone have a
good way for me to
> approach this argument?
>
> Alex

Show/Hide Div Layer with CSS (k)

Is there a way you can control the visibility of a Div Layer
without
Javascript? Using CSS perhaps?
Even though a small percentage doesn't have Javascript
enabled, I need
to have something to show. In this case a webpage that has
button when
clicked shows a layer.
Can this be accomplished with CSS?
-Kirk

"Thierry" <[email protected]> wrote in message
news:foqle4$470$[email protected]..
> fwiw, I don't see an issue with that. I think the user
would get (fast) a
> pretty good understanding of how things work.
> imho, it'd be like saying a flyout menu is buggy because
once submenus are
> opened and the user clicks outside of them they close...
> This is part of UE, I think it's an "expected behavior".
> As a side note, I don't think this gallery is more
confusing than a
> lightbox gallery ;)
Clicks, to the average user's grasp of conventional wisdom,
are permanent.
You click and something happens. We're talking about web
pages here, not OS
controls -- so a Windows flyout menu that initializes on
click, works on
mouseover, and closes onclick is not necessarily a good
analogy. I would bet
a tidy sum that any focus group that did not include web
designers would,
consensually, be confused by that page. Moreover, the
behavior is not the
same in all browsers.
> ...and on top of that, it is very keyboard friendly.
> So it is not *that* bad...
That's the only good thing - but making a page that works
well for keyboard
users at the expense of the rest of the world is not logical.
But hell, if Kirk likes that technique, he is certainly free
to use it. I
was just reading through this forum today and was kind of
surprised to see
someone recommending that technique.
Que sera.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

Centering Image Horizontally within Div Layer

I've placed an image inside a div layer. The div layer is 200 pixels wide by 200 pixels high. My image is 480 pixels x 720 pixels. So the layer is smaller than the image. How do I center the image horizontally within my div layer? I've applied a css rule on the layer as followed:
#pictureframe {
position:absolute;
width:200px;
height:200px;
overflow: hidden;
text-align: center;
vertical-align: middle;
display: inline-block;
Because the image is larger than the div layer the image doesn't want to center horizontally. It seem to justify itself on the left side of the div layer even though I've applied a text-align: center on it. Any suggestions.

Make your division at least as wide as your image. Height of divisions should always be determined by content inside it. If you impose a height limit on your division, increased content or text size will fail, causing content to be hidden. If required to display a background-image, use the min-height property.
APDivs as a primary layout method seldom works well. Here is why:
http://apptools.com/examples/pagelayout101.php
Also, APDivs cannot be centered as they are removed from the normal page flow. You might try wrapping an APDiv inside a relatively positioned parent container, but without seeing your page (entire code), it's impossible to say for sure if this will work for you.
See Centering Pages, Images and other elements with CSS
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Offset div / positioning problem in IE

I've posted this problem in another thread but it was a sub question. Anyway, the problem I'm having is positioning a div over all other divs. I've managed to get it to work perfectly fine on Firefox and Chrome the way I wanted. The problem is usually when it comes to internet explorer. I just want the image or div placed on the right side of the site but changing the properties always has the same result, internet explorer places is far beyond where it's suppose to be. I'll add images, the code, and the live site below. Any help would be appreciated.
Chrome View:
Firefox View:
*IE View (Wrong):
Website: http://emergencyclean-up.com
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>Emergency Clean Up Homepage</title>
<style type="text/css">
body {
          background-color: #333333;
#entireSite #sidebar #spacer {
          height: 300px;
          width: 350px;
#entireSite #sidebar #newsletter {
          background-image: url(../Images/NewsLetterBackground.png);
          height: 165px;
          width: 350px;
          color: #FFF;
</style>
<link href="main.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('../Images/Buttons/buttonOver_01.gif','../Images/WaterDamageOver .png','../Images/FireDamageOver.png','../Images/MoldRemediationOver.png','../Images/SootRe movalOver.png','../Images/OdorControlOver.png','../Images/facebook-logoOver.png','../Image s/yelp-logoOver.png','../Images/LinkedIn_logoOver.png','../Images/twitter-logoOver.png')">

<div style="width:100%;">
<div style="width:900px; margin-left:auto; margin-right:auto;">
<div style="width:100%; float:left;background-color:#333333;">

<div id="navbarArea">

<div align="center">
<div id="navbar">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><strong><a href="index.html">Home Page</a> </strong></li>
    <li><strong><a href="About Us.html">About Us</a></strong></li>
    <li><strong><a href="Services.html">Services</a> </strong></li>
    <li><strong><a href="Testimonials.html">Testimonials</a></strong></li>
    <li><strong><a href="Contact Us.html">Contact us</a></strong></li>
    <li><strong><a href="Special Offers.html">Special Offers</a></strong></li>
</ul>
</div></div>

</div>


<div id="entireSite">

<div id= "sidebar">

<div id= "spacer">
</div>


<div id= "newsletter">
<center><font size="5">Subscribe to Our Newsletter</font></center>
<form action="subscriptionform.php" method="post" id="Newsletter">
<table width="100%" border="0" cellpadding="3">
<tr>
    <td>Name:</td>
    <td><input name="News Letter Name" type="text" size="30" maxlength="40" /></td>
</tr>
<tr>
    <td>Email:</td>
    <td><input name="News Letter Email" type="text" size="30" maxlength="40" /></td>
</tr>
<tr>
    <td>Zip Code:</td>
    <td><input name=" News Letter Postal Code" type="text" size="10" maxlength="12" /></td>
</tr>
</table>
<center><input name="Subscribe" type="Submit" id="Subscribe" /></center>
</form>
</div>

</div>


<div id= "maintext">

<div id= "titlebar">
<br />
</div>

<br />
<center><img src="../Images/Logo.png" width="500" height="160" alt="Logo" />
<br />
<br />
<center>Choose from one our various services offered here at Emergency Clean-up.</center>
<br />
<table width="100%" border="0" cellpadding="0">
<tr>
    <td><center><a href="Water Damage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('WD','','../Images/WaterDamageOver.png',1)"><img src="../Images/WaterDamage.png" alt="Water Damage" name="WD" width="75" height="75" border="0" id="WD" /></a>
    <br />
    Water Damage</center></td>
    <td><center><a href="Fire Damage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FD','','../Images/FireDamageOver.png',1)"><img src="../Images/FireDamage.png" alt="Fire Damage" name="FD" width="75" height="75" border="0" id="FD" /></a>
    <br />
    Fire Damage</center></td>
    <td><center><a href="Mold Remediation.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('MR','','../Images/MoldRemediationOver.png',1)"><img src="../Images/MoldRemediation.png" alt="Mold Remediation" name="MR" width="75" height="75" border="0" id="MR" /></a>
    <br />
    Mold Remediation</center></td>
    <td><center><a href="Soot Removal.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('SR','','../Images/SootRemovalOver.png',1)"><img src="../Images/SootRemoval.png" alt="Soot Removal" name="SR" width="75" height="75" border="0" id="SR" /></a>
    <br />
    Soot Removal</center></td>
    <td><center><a href="Odor Control.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('OC','','../Images/OdorControlOver.png',1)"><img src="../Images/OdorControl.png" alt="Odor Control" name="OC" width="75" height="75" border="0" id="OC" /></a>
    <br />
    Odor Control</center></td>
</tr>
</table>
<br />
<center> For more services please click <a href="Services.html">here</a>. </center>
</div>


<div id= "bottombar">
<img src="../Images/bottomBar.png" width="900" height="25" alt="bottombar" /></div>


<div id= "hotlinks">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FB','','../Images/facebook-logoOver.png',1)"><img src="../Images/facebook-logo.png" alt="Facebook" name="FB" width="25" height="25" border="0" id="FB" / align="left"></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('YP','','../Images/yelp-logoOver.png',1)"><img src="../Images/yelp-logo.png" alt="Yelp" name="YP" width="25" height="25" border="0" id="YP" / align="left"></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TR','','../Images/twitter-logoOver.png',1)"><img src="../Images/twitter-logo.png" alt="Twitter" name="TR" width="25" height="25" border="0" id="TR" / align="left"></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('LI','','../Images/LinkedIn_logoOver.png',1)"><img src="../Images/LinkedIn_logo.png" alt="Linked In" name="LI" width="25" height="25" border="0" id="LI" / align="left"></a>
</div>


<div id= "copyright">
<br />
<p align="right">Content copyright 2012. EMERGENCYCLEAN-UP.COM. All rights reserved.</p>
</div>

</div>

<div id="containerEmergency"><img src="../Images/emergency contact.png" width="220" height="220" />
</div>
</div>
</div>
</div>

<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

I often find that differences between FF and IE often boil down to errors in closing page element tags... like not closing <div> or <script> tags. So first validate and fix any of those issues:
http://validator.w3.org/
a number of those 35 errors relate to closing tags.
Then to review z-indexing (stacking order) from an older post:
Maybe this will help clear up any misunderstanding you have about declared positioning as well as the use of z-indexing:
The actual display of a positioned element will depend on whether or not it's parent element also has a declared position or not.
z-indexing ONLY works with elements that have a declared position.
Using a declared position like absolute tells and browser to take that element out of the natural flow and do something different with it. So you've got the browser parsing in order from top to bottom, then throwing in some elements that are completely out of the flow.... they can be very hard to control, because there are special rules that apply to elements with declared positions.
The least understood of those rules is what I call the "Parent Rule". Giving an element a declared position like relative or absolute can have huge differences in how that element is actually displayed depending on whether or not the PARENT of that element also has a declared position.
So a div which is position:absolute for example will display one way if it's parent also has a declared position and it will display in a completely different manner if it's parent does NOT have a declared position... to review:
If a div's parent container DOES NOT also have a declared position, the child <div> will do 1 of 2 things.
If position:relative, it will position as desired but space will be left as though that element was still in the natural flow. So you may move the 500 X 100 element down and over, but a 500 X 100 space will be left, as though it was still there.
If position:absolute, child is positioned relative to browser window and that position does not change even if window contracts or expands.
So be sure to give a declared position to both the parent and the child <div>.
Neglecting to follow this rule is the main reason why the use of declared positioning fails.
And just one more point, almost never is it necessary to use a declared position, and that method certainly should not be used for general page layout.
But if and when a special situation comes up that you really do need z-indexing... then of course you will also have to use a declared position. Understanding the "Parent Rule" will make working with z-indexing and declared positions much easier and more successful.
Best wishes,
Adninjastrator

Mouseover/layer problems

I'm setting up a Flash site navigator consisting of buttons
down the left side, each of which controls a movie clip. On
mouseover, the clip plays, zooming in an image, and stops. The
zoomed image is a nested button whose hit area is a trunk that
extends back to the original button. On mouseout, the movieclip
resumes play, fading out and returning to frame 1. Each of these
assemblies is on its own layer.
The problem is that only the button on the top layer works
right. Buttons on layers below will execute the mouseout function
prematurely, when the mouse gets to the edge of an unrelated form.
If the page is refreshed, then the first button to be used will
work OK, but the ones below it will have the problem. If I move the
layers around, the top one still works right, so the problem isn't
in the coding or setup of any particular layer. I'm using cs3 and
actionscript 3. Does anyone have an idea what could be wrong?
Thanks.

Actually it's the rest of the page content that is moving.
The layer does
exactly what it's supposed to do - position absolutely.
Change this -
</head>
to this -
<style type="text/css">

</style>
</head>
change this -
<body ...>
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -
</div>
</body>
and see if that helps.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"whiskey3" <[email protected]> wrote in
message
news:e45imi$re0$[email protected]..
> How do I get a layer so it stays fixed on my page? If I
resize the window
> handles it changes position........
>
>
http://giabfoxxx.com/index2.htm
>

HTML or PHP visibility div tag problem in IE

Hi,
I have a PHP search function on a travel site a programmer
did for me. When you look at it in FF and Safari, it looks fine.
But in IE, there is a big blank space where the calendar function
goes. He has the div tag set to visibility:hidden. Any ideas how to
make it look right in IE as well?? Any help would be appreciated!
The PHP code is below:
He thinks the problem is here in this part of the code:
<div id="kalendar" style="visibility:hidden; width:0px;
height:0px; border:0;">
//then goes some tables
</div>
Any help would be much appreciated...we are stumped!
Thanks

>
http://www.bluehippotravel.com/surfingvacations
404 on that link.
> Does this tell you anything?
Unfortunately, yes. The person who coded this has no sense of
best practice
in HTML authoring....
I'd like to see the page in the wild if I could - can you
investigate the
404, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Lvanhoff" <[email protected]> wrote in
message
news:[email protected]...
> Murray,
> As always you are a genius :-)
>
> The only problem I still have, and only in IE, not FF,
is that the drop
> down
> menus are cutting part of themselves off...any idea why?
>
http://www.bluehippotravel.com/surfingvacations
> Top left...see how the arrows are cut off on the drop
downs?
>
> Not sure if its ok to post to page??
>
> I didn't do this part of the page...so not sure how it
was done...
> Does this tell you anything?
>
> <table bgcolor="#f7ebb3" class="search"
style="table-layout: fixed;
> padding:0px" border="0">
> <tr><td colspan="4" width="auto">
> <select size="1" class="search" id="country"
> onchange="javascript:listajzemlje(this.value)">
> <?php
> drzave();
> ?>
> </select>
> </td></tr>
> <tr><td colspan="4" width="auto">
> <div id="state1">
> <input type="hidden" id="state" value="" >
> <input type="hidden" id="city" value="" >
>
> </div></td></tr>
> <tr>
>
>
> <td colspan="4" width="auto">
> <input class="search" id="hotel" name="hotel" value="
Hotel name
> (optional)" />
>
>
>
> <tr><td colspan="4" style="cursor:pointer;"
onClick="showKalendar()"
> class="search" >
>
> <img class="search"
src="images/btn-hotelmenu-searchbydate.jpg"
> alt="Search by
> date (optional) ">
> </td></tr>
> <tr><td colspan="4">
> <div id="kalendar" style="display:none; width:0px;
height:0px;
> border:0;layout:fixed">
>
> <table border="0" class="submenucolor" align="center"
width="auto">
>
> <tr>
> <td></td><td></td>
> <td class="HotelSearchMenu" colspan="2"
align="right">In:<?
> $aCalendarParams=array(
> "sIconPath" => "./img/calendar.png",
> "iAction" => 1, //0=>reloadCurrentPage with get
param sDate,
> 1=>fill
> field sFieldName
> "sFieldName" => "DPC_date1",
> "iStyle" => 1, //0=>display calendar,
1=>display div on icon
> click
> "aMonthNames" => $aMonthNames["EN"],
> "aDaysNames" => $aDaysNames["EN"],
> "sDateFormat" => $sDateFormat["EN"]
>
> );
> new oCalendarPicker("calFixe1",$sDate,$aCalendarParams);
> ?></td>
>
>
>
>
>
> </tr>
>
>
> Thanks!
>

Layer problem with graphics

I have a layer where on one frame I have 3 dynamic text boxes
which I convert to one graphic. These are used to display a value
set through actionscript whilst a motion tween fades it in and out.
I have called the graphic set1 with names on each of the
inidividual textboxes. One I have finished with this graphic I make
a blank keyframe later on and create another three dynamic text
boxes on the same layer (different frame) and call them different
name. The problem is when I go to set all three to one graphic like
before and called it "set2" or anything.. it keeps reverting to
"set1" and displaying them again in the new frame.... any ideas
why?

You're welcome, Ron. And BTW, I stated:
"Or else, find the other frame object that is causing the text wrap. Does it need to be on? If not, cmd/ctrl B and turn the switch off."
But I meant to say ... If not, turn the object's text wrap off using the Text Wrap panel.
You probably figured that out, tho!
Mike Witherell not in Florida

Layer problem with exporting nested Indesign Doc in indesign doc to PDF

Hi folks,
I managed to create a PDF with very strange layer behavior... even with content that shows when ALL layers are turned off...
Here's how I did it:
- I placed our two page company letterhead indesign document in another Indesign document.
- Both documents have several layers (our company use up to 8 different languages for their corporate papers)
- The document that I exported to PDF, has itself two layers, and the nested Indesign document is exclusively on masterpages in the second layer.
- The nested Document has 4 layers visible, but consists of around 27 layers.
- Turning on the layer that contains the letterhead doc, correctly shows the corporate identity on all pages that are based on the master layers. Turning the layer off hides it. So far, so good.
- I use a PDF preset which renders a PDF with following settings:
- When opening the resulting PDF, the layers of the main document are all there, as one would expect. However, toggling the layers visibility renders a weird result... The document is 4 pages, a usage contract. You can download it from our server via this link. Now if you would toggle the layer visibility of the "letterhead_def actual" layer that is supposed to hold only the corporate identity, you will find that all works correctly for the first two pages... but on the 3rd, all contents seems to have been combined onto the second layer... and on the 4th page, the contents landed on a layer that isn't even listed in the layers panel, as turning ALL the layers off, still leaves the Terms and conditions visible...
This looks like a bug to me... I'm going to try and flatten the nested indesign document first, before I export to PDF to see what that brings, but that is of course quite the hassle.
Would be interested to see if more people have run into this thing...
Kind regards,
Willy

Contrary to popular belief, I am not a complete moron However, since this problem could just as well be in Acrobat as in Indesign, I thought it best to post it in the Suite forum first.
Of course I could post in both the Indesign as well as the Acrobat forum, but then I'm sure there will be helpful readers suggesting me to put it in the other. One cannot win
There for I shall leave it here for a while. If I don't get any meaningful feedback, I'll re-post it in the other Forii...
Kind regards,
Will

Set text of layer problem (escaping ' and " in javascript)

Hi all
I am using the Dreamweaver behaviour "set text of layer" and
I am having problems with escaping
single AND double quotes in the javascript.
Because the text I want to set the Layer with contains some
javascript.
So the text of my layer contains both single and double
quotes.
I can escape the single quotes like this:
But I can't escape the double quotes the same way for some
reason.
even if I use \" javascript thinks it's the end of the
javascript function.
So I have tried using " in the javascript of the
text to set, but strangely, although it works
in Safari, it does not work in FireFox and IE.
When I mouse over my javascript link set in the layer, the
browser status bar shows the right thing
in Safari, but in IE and FireFox, it shows extra double
quotes...
onClick="MM_setTextOfLayer('list','','<a
href="javascript:;"
onClick="MM_showHideLayers(\'options\',\'\',\'show\')">designers</a>')"
Anybody knows the answer to this one?
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

What about using the " entity? That *should* work.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"(_seb_)" <[email protected]> wrote in message
news:[email protected]...
> doubling the quotes did not work.
> But I solved the problem by removing the quotes all
together:
>
> onClick="MM_setTextOfLayer('list','','<a
href=javascript: ...
>
> that does it!
>
> Randy Edmunds wrote:
>> Try doubling the quotes to escape them, for example:
>>
>> onClick="MM_setTextOfLayer('list','','<a
href=""javascript:"" ...
>>
>> HTH,
>> Randy
>>
>>
>>> I am using the Dreamweaver behaviour "set text
of layer" and I am having
>>> problems with escaping single AND double quotes
in the javascript.
>>>
>>> Because the text I want to set the Layer with
contains some javascript.
>>>
>>> So the text of my layer contains both single and
double quotes.
>>>
>>> I can escape the single quotes like this:
>>> \'
>>> But I can't escape the double quotes the same
way for some reason.
>>> even if I use \" javascript thinks it's the end
of the javascript
>>> function.
>>>
>>> So I have tried using " in the
javascript of the text to set, but
>>> strangely, although it works in Safari, it does
not work in FireFox and
>>> IE.
>>> When I mouse over my javascript link set in the
layer, the browser
>>> status bar shows the right thing in Safari, but
in IE and FireFox, it
>>> shows extra double quotes...
>>>
>>> onClick="MM_setTextOfLayer('list','','<a
href="javascript:;"
>>>
onClick="MM_showHideLayers(\'options\',\'\',\'show\')">designers</a>')"
>>> Anybody knows the answer to this one?
>
>
> --
> seb ( [email protected])
>
http://webtrans1.com | high-end web
design
> Downloads: Slide Show, Directory Browser, Mailing List

Ap Div Tag Problem

OK so this is my first wbesite in dreamweaver so and i ran into a problem....i made a AP div tag but i can get it where i want it.....my backrground is center in the website and i put my nav links in a AP div tag so i could then put them in a certain area where i wanted.(i think is the only way i know hjow to do this) Well how can i get them centered left and right in the website but the top and bottom i want to place by hand???? they are where they need to be when i preview it in the browser but in the dreamweaver file they are down and to the right......i had to keep messing with it and previewin it until it showed up where i wanted it to in the browser. Im sure i have a setting worng either in my CSS or html.... Please help!

First rule of web design is to stop thinking like a graphic or print designer. Web pages need to be flexible to perform well on different devices, browsers, user settings, screen and text sizes. And web designers have almost no control over these user-centric variables.
The second rule of web design, you cannot precisely position text or other elements on top of big background image and expect it to stick. It just doesn't work.
http://alt-web.com/Backgrounds.shtml
If your navigation bar requires a background, it should be separate from the page background. You'll need to use solid colors or create image slices for your nav bar in your graphics editor.
Third rule, use default CSS positioning (which is no positioning at all). Align objects with CSS margins, padding and floats.
Basic CSS Layout. (No APDivs used, no animals were harmed)
http://alt-web.com/TEMPLATES/Basic-1-col-fixed.html
Also read this tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Good luck with your project!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Dual layer problem

I'm am trying to burn a dual layer PAL SD dvd. An error box comes up to say that the break point cannot be set, use manual selection but when I switch to manual the dialogue box does not appear. Any thoughts.
90min main title (set as main)
3 other titles totaling 80min
1 first play copyright 10sec.
1 menu with 6 min video as bg
Vista 64bit
Encore running under adminstrator.
Richard Knight

Richard,
You stated:
This is what I have also started doing and it seems to work.
That is great news. Though I have never had an issue with the Layer-break on a DVD-9 in Encore, part of that could be that I edit my Sequences as Chapters and then have a separate Timeline for each of those. I've never even done a Chapter Playlist, because of my workflow.
Also, when using ImgBurn for DVD-9's, I've never had any problems either, and have appreciated the greater control with regards to the Layer-breaks.
I hope that ImgBurn continues to work for you.
Good luck,
Hunt
PS I love the little dialog and error messages in ImgBurn. I'll often do something deliberately wrong, just to see what the message will be - I need to get a life!

Dive Log Problem (Again)

yah, its me again with another problem... I got the divelog to compile correctly, and the welcome code is the same as on the site, but the images wont show up and they are name correctly and in the correct folder... could some one give me some direction in this?

no error pop up when I do it, but here is the code
package divelog;
import javax.swing.*;
import java.awt.*;
public class Welcome extends JPanel
{ // Opens class
     private JLabel jl;
     private JTextArea ta;
     private JLabel diver;
     public Welcome()
     {//opens constructor
          setLayout(new BorderLayout());
          setBackground(Color.white);
          jl = new JLabel("Java Technology Dive Log", new ImageIcon("images/diveflag.gif"), JLabel.CENTER);
          jl.setFont(new Font("Times-Roman", Font.BOLD, 17));
          ta = new JTextArea("This application uses a" +
          " typical Graphical User Interface (GUI)," +
          " featuring AWT layout managers and Project" +
          " Swing components, such as buttons, borders," +
          " text areas, menus, and more." +
          " \n\nIn addition, the dive log's functionality" +
          " uses AWT event handlers, methods to manipulate" +
          " data, Java I/O to save user input to files," +
          " and special classes to include HTML pages with" +
          " live links.");
          ta.setFont(new Font("SansSerif", Font.PLAIN, 14));
          ta.setLineWrap(true);
          ta.setWrapStyleWord(true);
          ta.setEditable(false);
          ta.setBorder(BorderFactory.createTitledBorder(" Welcome to the Java Technology Dive Log "));
          diver = new JLabel("", new ImageIcon("images/diver.jpg"), JLabel.CENTER);
          add(jl, BorderLayout.NORTH);
          add(ta, BorderLayout.CENTER);
          add(diver, BorderLayout.SOUTH);
     }//closes constructor
} // Closes class
The files are in C:\divelog
the pics are in C:\divelog\images
the pics are diver.jpg and diveflag.gif

DW8 INserting a Picture in a layer problem

Hi folks, while i design view, has anyone had any problems
after inserting the image into the layer that the "Overflow" box is
not available and only available before inserting the image?
Supposidly, you should be able to make the overflow box to
"hidden", but the overflow box disappears after inserting the image
and I cannot find it. Also, the layer moves up towards the top of
the page. Is this a poblem with DW8?
Help...

Huh?
> Is this a poblem with DW8?
Most likely not. Please list the exact steps you are taking,
and what it is
you want to do. The simple act of inserting content into any
container,
whether a 'layer' or a table, would not be expected to cause
that container
to change locations on the page.
And what is the 'overflow box'? Do you mean the visibility
column on the
Layers panel?
As a wild guess, I would imagine what is happening is that
you are not
inserting the image into the layer, you are REPLACING the
layer with the
image. Did you look at the code <shudder> to see if the
layer's markup was
still there?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"AnohterDWUser" <[email protected]> wrote in
message
news:fig25i$t3r$[email protected]..
> Hi folks, while i design view, has anyone had any
problems after inserting
> the
> image into the layer that the "Overflow" box is not
available and only
> available before inserting the image? Supposidly, you
should be able to
> make
> the overflow box to "hidden", but the overflow box
disappears after
> inserting
> the image and I cannot find it. Also, the layer moves up
towards the top
> of the
> page. Is this a poblem with DW8?
>
> Help...
>
>

AP DIV layer problem

Similar Messages

Maybe you are looking for