Formatting Lost in Child Page
I have created a template. When I create a child page from the template most of the formatting is lost. There is no bg image for the body, no bg images for my columns, and the footer floated off to the right somehow.
I can't really provide a link for this because these are native files, but does anyone know what would cause a problem like this?
This is the Source Code from the child page:
<!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"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>J.Graves Associates</title>
<!-- InstanceEndEditable -->
<link href="jgraves.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
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_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
//-->
</script>
<style type="text/css">
<!--
body {
background-image: url(images/gradientbg.jpg);
background-repeat: repeat-x;
background-color: #661F22;
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body onload="MM_preloadImages('images/attorneys_down.jpg','images/attorneys_over.jpg','images/ contact_down.jpg','images/contact_over.jpg','images/employment_down.jpg','images/employmen t_over.jpg')">
<div id="container">
<div id="banner"><a href="index.html"><img src="images/jgraves_logo02.png" alt="JGraves Logo" name="Logo" width="435" height="55" id="Logo" /></a></div>
<div id="navbar">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Employment','images/employment_down.jpg',1)" onmouseover="MM_nbGroup('over','Employment','images/employment_over.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/employment_up.jpg" alt="Employment Discrimination" name="Employment" width="346" height="35" border="0" id="Employment" onload="" /></a></td>
<td><a href="javascript:;"><img src="images/police_up.jpg" alt="Police Brutality" name="PoliceBrutality" width="227" height="35" border="0" id="Brutality" onload="" /></a></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Attorneys','images/attorneys_down.jpg',1)" onmouseover="MM_nbGroup('over','Attorneys','images/attorneys_over.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/attorneys_up.jpg" alt="Attorneys" name="Attorneys" width="160" height="35" border="0" id="Attorneys" onload="" /></a></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Contact','images/contact_down.jpg',1)" onmouseover="MM_nbGroup('over','Contact','images/contact_over.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/contact_up.jpg" alt="Contact Us" name="Contact" width="168" height="35" border="0" id="Contact" onload="" /></a></td>
</tr>
</table>
</div>
<div id="main_image"></div>
</div>
<div id="fauxcolumn_container">
<div id="left_column"><!-- InstanceBeginEditable name="LeftColumn" -->
<h4>Our attorneys are sympathetic to the legal needs of minorities. Count on our support to guide you through simple or complex legal matters you confront with your employer and any persons responsible for discrimination, sexual harassment, false arrest and police brutality.</h4>
<p>J. Graves Associates services clients in both the states of New York and New Jersey to primarily focus on civil rights matters and other matters that may affect your family. We provide a team of experienced attorneys dedicated to protecting your civil rights in the area of employment discrimination, sexual harassment, false arrest and police brutality. Our lawyers are committed to ensuring that you are well represented when faced with difficult legal matters that threaten your right to live independently and with dignity. When you are faced with a difficult legal issue and need the voice of an experienced advocate, contact J. Graves Associates. </p>
<p>As members of minority groups ourselves, we know that most workplace discrimination today may very well be subtle but it remains as harmful as even the most egregious cases of discrimination. We understand that when you are a victim of employment discrimination, police brutality or sexual harassment — it is not only your financial security at risk but your emotional well being as well. From your initial consultation through the final resolution of your case, we will provide you with a small, close-knit group of attorneys who will make sure that you will have someone who knows your case and is available to talk if you have questions or concerns. </p>
<p>Employment discrimination, sexual harassment, false arrest and police brutality are matters that require compassion for the victim and attorneys with the belief that obtaining justice for the client means helping you get money to resolve wrongs that affect you and your loved ones.</p>
<!-- InstanceEndEditable --></div>
<div id="column_container">
<div id="topright_column">
<p> </p>
<p> </p>
<p>Employment Discrimination<br />
Sexual Harassment<br />
Age Discrimination<br />
Disability Discrimination<br />
Equal Pay<br />
Retaliatory Discharge<br />
Pregnancy Discrimination<br />
Breach Of An Employment Contract<br />
Wrongful Discharge<br />
Family & Medical Leave Act (FMLA)</p>
</div>
<div id="bottomright_column">
<p> </p>
<p> </p>
<p> </p>
<p><img src="images/consult.jpg" width="275" height="30" alt="Free Consultation" /></p>
<p> </p>
<p>Contact J. Graves Associates for a free initial consultation with an experienced civil rights lawyer. </p>
<p>We serve clients in Manhattan, Brooklyn, Bronx, Queens, Nassau County Long Island, and Northern New Jersey.</p>
</div>
</div>
</div>
<div id="footer">J. Graves Associates is located in New York NY and Newark NJ and serves clients in Manhattan, Brooklyn, Bronx, Queens, Nassau County Long Island, Northern New Jersey.<br />
© 2010 by J. Graves Associates. All rights reserved.</div>
</body>
<!-- InstanceEnd --></html>
Similar Messages
-
Mac OS 10.6.8 FireFox 8 and 9
If I print a web page, either just print or save as PDF, only the first page prints well. Page 2 is offset to the right such that the information is cut off at the right edge. Information is lost at the page break, several lines of text will be lost. If I need to print a page, I open Safari, which does a very nice job of formating the page for print. But I want to use FireFox. Can you help me?Does the issue still occur if you start Firefox in Safe Mode? http://support.mozilla.com/en-US/kb/Safe+Mode
How about with a new, empty profile? http://support.mozilla.com/en-US/kb/Basic%20Troubleshooting#w_8-make-a-new-profile
If it does happen in both safe mode and with a new profile, please post the contents from about:support -
Child pages inheriting editable regions from template
I have looked far and wide and cannot find an answer to this problem:
We recently did a homepage update where the nested and/or second level template (index_template.dwt) was changed. Since much of the formatting was the same - I duplicated the original index_template and made all necessary changes. From this template two child pages were created for our US and UK site. Upon creating the page(s) from the index_template they are inheriting the editable regions, thus not having the ability to update when changes are being made to the template. I have tried multiple ways in an attempt to correct this - but to no avail. Does anyone have a clue how to correct this? As of now I have to manually update all 3 pages.
BTW I am also a relatively new user who was thrown into managing our company website and pretty much doing a redo on the whole thing. Talk about a learning experience!My issue is when you create a page from a template they are not supposed to inherit the editable regions less otherwise marked.
But that is not true. A newly created child page will inherit ALL content from its template. But changes to the editable region contents in the template will NOT propagate to existing child pages.
So, for example, if I want all child pages to have an embedded stylesheet in the head that is EDITABLE, my template would look like this -
<!-- TemplateBeginEditable name="head" -->
<style type="text/css">
</style>
<!-- TemplateEndEditable -->
All newly created child pages will then look like this -
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
</style>
<!-- InstanceEndEditable -->
If I then go back to the template and change it like this -
<!-- TemplateBeginEditable name="head" -->
<style type="text/css">
body { margin:0; }
</style>
<!-- TemplateEndEditable -->
that change will NOT propagate to existing child pages, but WILL appear in child pages created subsequently to the save of the template after the change.
And by the way, it's always been this way. -
can I show an iPhone album in spread format (instead of single page), can I show an iPhone album in spread format (instead of single page)
Christine
The ! shows up because the thumbnail in the iPhoto Window has lost the connection to the file it represents. There are two main reasons why this occurs: database coruption and/or User Activity in the iPhoto Library Folder - in this case your Party Library.
1. Hold down the abbpe and option keys and launch iPhoto. Use the resulting dialogue to rebuild the database.
2. Have you renamed, altered or moved anything in the Party Library Folder?
As for the mulitple versions of photos: Your Party Library (or any Library) is arranged as follows:
In this folder there are various files, which are the Library itself and some ancillary files. Then you have three folders
Originals are the photos as they were downloaded from your camera or scanner.
(ii) Modified contains edited pics, shots that you have cropped, rotated or changed in any way.
This allows the Photos -> Revert to Original command - very useful if you don't like the changes you've made.
(iii) Data holds the thumbnails the the app needs to show you the photos in the iPhoto Window.
So each version of the Image has a distinct role to play. To distinguish them in a Spotlight search, use file size - the tiny ones are your thumbnails etc.
Your Camera names the files. Some Cameras have a setting which allows them to sequentially number across cards. You can also use titling in the iPhoto Window to distinguish them (Photos -> Batch Change) and some people copy the pics onto their machines first, rename them with a batch renamer and then import them into iPhoto.
The book is simply a virtual album of photos and is part of the library6.iPhoto file.
As to your plan of moving and patching things up... It is strongly advised that you do not move, change or in anyway alter things in the iPhoto Library Folder as this can cause the application to fail and even lead to data loss. SO try rebuild the database first.
Regards
TD -
IE 11 Parent Page/Tab refreshes automatically when we close Child page before completion of load
HI,
We have opened the application in IE 11 then when i am click on the button it will open another window, before it is opening fully we have closed the child page then it is refreshing parent page automatically because of this what ever the changes we
are having in the parent page got lost.
Please help me regarding the same. Thanks.Hi ,
Would you please share us with more details?We will check whether it is caused by the website or the IE.
What kind of this application is ? Is it an add-on or a feature built-in the specific website?
Does this is problem occur on a specific website or all of the websites?Would you please share one problematic website with us if possible and give us a guide so I can test in my own machine?
Is it the first time to work with this application if it is an add-on?
If you are the developer of the IE application or website, then I suggest you post this issue in the
Internet Explorer Dev Center to look for help. Here is the link:
Internet Explorer Dev Center
https://social.msdn.microsoft.com/Forums/ie/en-US/home?category=iedevelopment
Best regards -
Hyperlink and child page problems
I have had no success in solving my muse problems. I will restate the problem with more detail in the hope that some knows what I am doing wrong and can recommend solutions.
The Hyperlink panel element is missing so that I cannot establish a hyperlink. This situation exists with two website I am working on, so I assume that it is a Muse setting which has to be set or re-set, in order to have the hyperlink option available. I can turn the panel off/on by going to windows>control, but tuning the control back on, it still appears without the hyperlink.
2.
In the plan mode, I created a page with two child pages attached. The plan view shows the site layout the way it was planned.
However when I choose Preview or Preview in Browser the children do not appear. One recommendation I received from this forum was to turn on “show all Pages”, but I cannot find that switch.
The inability to use these two features has brought me to a screeching halt.
The odd part is that the hyperlink worked fine until a couple of days ago, but when I went back to continue work on the site, hyperlink was not there.
The Child problem has never worked.Hi
For the last question, the show all pages is located on the top right of the menu bar; (check on top left of the screen that you have indeed selected the menu bar) once menu bar is clicked, the blue circle with white arrow will appear, it is in there you will find MENU TYPE option, select ALL PAGES.
NOTE when you selct menu bar, top left of the page has to confirm that you have selcted the menu!
Hope this helps?
Jilo -
I NEED HELP! How do you Create a Drop Down Accordion Navi with the child pages remaining expanded
I would like to know how I can create a vertical accordion navigation with some custom modifications.
I need it to function like this sites vertical navigation. (link is below) Click on the parent page "bedrooms" and it expands revealing all of the "child pages" then click on one of the child pages, it turns the font to Underlined and all the child pages remain exposed! (it does not collapse after you click on a child page!!!!!!!) I need my site to do this as it tells the visiter where they are exactly on the site! Please HELP ME! Thank You!
I would actually like mine to be a little more pronounced. Perhaps having the link turn to BOLD Font indicating you are on that page. And the main Parent page would have a diffrent background color.
Site that has the Navi that I want to Mimic:
http://www.fowfurniture.com/
EXAMPLE: Adhesives IS IN BOLD indicating you are on that page. and it remains open it should remain open until you click on another parent page like Hardwood. (Then the Hardwood child pages (Sub Menu) would expand looking like the carpet sub menus/child pages. All of the accordians i have found seam to collapse after you select a child page (sub menu) and the visitor wouldn't know where he is on the site... Please Help Me accomplish this!
Carpet
Repairs
Fibers
Adhesives
Tools
Pad
Hardwood
When nothing is selected it should look like this: The cell of "Carpet" is a slightly a diffrent color because it is in the "Hover" state.
Carpet
Hardwood
Tile
Vinyl
LinoleumStill need help, I could do it for a value lower. contact me at [email protected]
-
trying to make an ibook and have 800 photos, want format of 8 photos/page, but default is not that- "create" the initial book from iphoto "album" it loads less than 800 pics and then when i change layout i have blanks.
if i clear the book so that it is all blanks and then try to load in the pictures i have it loses the chronology of the pictures that i had established in the album.
is there a way to import photos into an ibook template and keep the original order of the photos without having to do them one at a time?
also, is there a way to insert a photo rather than just dragging it? i have tried the cut and paste funciton but it doesn't seem to work, the target site doesn't seem to register with iphoto.
many thanks for your help.Photos are added to book in chronological order. So if you want to add them to a book in the order you have placed them manually in an album do the following:
1 - select all the photos in the album.
2 - use the Photos ➙ Batch Change ➙ Date menu option as shown here. Select any date and add 1 minute between photos.
3 - select just one photo from the album and create a book from it.
4 - in the book click on the Options button ➙ Book Settings button and make sure the checkbox for Auto-layout pages is unchecked.
5 - drag the album with your book photos onto the book icon and they will be imported into the Photos tray of the book in your pre-determined order but not into the pages themselves.
OT -
How to create a template and child pages using mockup designed in Fireworks
I have created a website in Fireworks, and exported it to use in Dreamweaver. How do I use the Master page in Fireworks as my template page in Dreamweaver? When I bring in the .htm files from fireworks, it tries to bring in the entire page. I have taken 25 hours of online training for Fireworks and Dreamweaver through Lynda.com, but there is not a specific video that tells you how to get your website from Fireworks into Dreamweaver if you want to utilize the Template and child page features.
Use Fireworks to crop, slice and optimize images only. DO NOT allow any graphics app to generate your HTML code for you. This results in poorly formed code and rigid layouts that invariably fall apart when you attempt to edit them in DW. Fireworks / Photoshop generated pages are for quick prototypes or design comps to show the client. They do not work well on production sites.
Taking a Fireworks comp to a CSS Layout in DW
Part 1 - Initial Design
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Part 2 - Markup preparation
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
Part 3 - Layout and CSS
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
DWT Template Basics -
http://forums.adobe.com/message/2926278#2926278
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
How do I recover a "lost" font in Pages? The font file appears to exist in my MS Office area.
How do I recover a lost font in pages? The font management process seems very opaque, lots of areas on the hard drive with font folders. None seems to match the list of fonts I can pull down from the font menu in Pages. At the moment, the font I need is Century Gothic, which does reside in the MS Office area, but nowhere else that I can find. Would greatly appreciate help!
thanks much, EilertThanks for the idea, fruhulda. I just checked (Jul 18) and the "missing" font is there. However, yesterday I tried a full restart of my computer, and it seemed to fix (?) the problem, so I still am not sure what happened. At any rate, the problem is now gone.
Eilert -
My IPAD 3 [5.1.1 (9B206)] has a problem.
- It restarts every three (3) minutes: it goes out then comes back but lost the previous page (auto lock is set to 15 minutes)
- It can no longer connect to the mobile network orange except Wireless (WIFI)Not normal. Take it to an Apple Store for evaluation.
Make a Genius Bar Reservation
http://www.apple.com/retail/geniusbar/
Cheers, Tom -
How do I format a document in Pages 5.2 so that each sentence automatically starts with capital letter?
If you installed the Devon Technologies (Freeware) WordService Service package, there is an item that will enable you to fix selected content to show initial capitals in sentences. You may need to enable this feature in the System Preferences > Keyboard > Shortcuts > Services selections. This only works in Pages v5.2 (and maybe later releases).
-
Modifying a template resulted in all child pages with repeating editable regions - Help !
Good morning,
I have recently been appointed to update a website designed in Dreamweaver by an employee who is no longer here. I have read books on the software and practiced an insane amount which permitted me to update child pages, links, documents etc... however:
I was asked to add a new button to an "non-editable" region of a template. Trying to do so resulted in a massive mess (with massive anxiety).
Even thou the new template had all the same text and editable regions, all my pages look completely different from the template itself. The editable regions appears 2-3 times in different locations ex: Header is showed on the bottom, top etc... and the Editable region titles (EditableRegion1 etc...) repeat themselves as well.
I really need help and not sure what to do, I have tried everything and I am only making it worse and worse. All I want/need is for all my html pages created with this template, match the template.
Please note that this site is local, not online.
Since I noticed on other threads that the code is needed; here it is:
<!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>QMS: AFM</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-color: #D7D7D7;
background-repeat: repeat-x;
border-top-color: #066;
border-right-color: #066;
border-bottom-color: #066;
border-left-color: #066;
/* Tips for Elastic layouts
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
.twoColElsLtHdr #container {
width: 46em; /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 30px none #C4C4C4;
text-align: left; /* this overrides the text-align: center on the body element. */
padding-left: 10px;
background-color: #FFF;
border-top-color: #C4C4C4;
border-right-color: #C4C4C4;
border-bottom-color: #C4C4C4;
border-bottom-style: outset;
border-left-style: outset;
border-top-width: thick;
border-right-style: outset;
border-top-style: outset;
border-left-color: #C4C4C4;
border-right-width: thick;
border-bottom-width: thick;
border-left-width: thick;
.twoColElsLtHdr #header {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
background-color: #FFF;
.twoColElsLtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColElsLtHdr #sidebar1 p" rule.
.twoColElsLtHdr #sidebar1 {
float: left;
width: 12em; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 0; /* top and bottom padding create visual space within this div */
background-color: #066;
background-repeat: repeat-x;
border-top-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
color: #FFF;
padding-left: 0px;
clear: left;
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
background-color: #066;
text-decoration: inherit;
/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
.twoColElsLtHdr #mainContent {
margin: 0 1.5em 0 13em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
color:#069;
background-color:#FFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
.twoColElsLtHdr #mainContent a:link {
text-decoration: none;
color: #069;
.twoColElsLtHdr #mainContent a:visited {
text-decoration: none;
color: #069;
.twoColElsLtHdr #mainContent a:hover {
text-decoration: underline;
color: #069;
background-color:#FFF
.twoColElsLtHdr #mainContent a:active {
text-decoration: none;
color: #069;
.twoColElsLtHdr #footer {
padding: 0 10px;
line-height: 0pt;
color: #069;
background-color: #FFF;
font-size: 10px;
.twoColElsLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
background-color: #FFF;
/* Miscellaneous classes for reuse */
.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 */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
h1 {
color: #069;
font-size: 16px;
border-top-color: #069;
border-top-width: thin;
border-right-width: thin;
padding-right: 0px;
padding-left: 0px;
body,td,th {
font-family: verdana;
text-decoration: none;
color: #069;
border-top-color: #069;
border-right-color: #069;
border-bottom-color: #069;
border-left-color: #069;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
a:link {
text-decoration: none;
color: #FFF;
a:visited {
text-decoration: none;
color: #FFF;
a:hover {
text-decoration: underline;
color: #FFF;
background-color: #;
background-repeat: repeat-x;
background-position: center;
border-top-color: #069;
border-right-color: #069;
border-bottom-color: #069;
border-left-color: #069;
a:active {
text-decoration: none;
color: #FFF;
border-color: #FFF;
padding-left: 20px;
-->
</style><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColElsLtHdr #sidebar1 { padding-top: 30px; }
.twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<link href="file:///U|/AFM/Dreamweaver/Left sidebar.css" rel="stylesheet" type="text/css" />
</head>
<body link="#006699" class="twoColElsLtHdr">
<div id="container">
<div id="header">
<h1><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/pwgsc-e.gif" width="364" height="33" align="left" alt="wordmark" /><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/wordmark_canada.gif" width="83" height="21" align="right" alt="wordmark2" /></h1>
<p> </p>
<p><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/AFM QMS banner.jpg" width="709" height="80" alt="banner" border="0"/><a href="mailto:[email protected]"><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Contactus-e.JPG" width="110" height="21" alt="contactus-e" border="0" /></a><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/French-e.JPG" width="115" height="21" alt="french-e" border="0" /> <a href="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Continual Improvement/QMSTeamMembers-e.html"><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Help-e.JPG" width="115" height="21" alt="help-e" border="0" /> <img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Search-e.JPG" width="115" height="21" alt="search-e" border="0" /></a><a href="http://source.tpsgc-pwgsc.gc.ca"><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/thesource.jpg" width="120" height="21" alt="TheSource" border="0" /> <img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Home-e.jpg" width="104" height="21" alt="home-e" border="0" /></a></p>
<p> </p>
</div>
<div class="twoColElsLtHdr" id="sidebar1">
<p><a href="../QMS HOME/QMSHome-e.html"><strong>QMS Home</strong></a></p>
<hr />
<p><a href="../ABOUTAFM/AboutAFM-e.html"><strong>About AFM</strong></a></p>
<hr />
<p><a href="../AdminProcedures/AdminProcedure-e.html"><strong>Administrative Procedures</strong></a></p>
<hr />
<p><a href="../BusinessUnits/BusinessUnits-e.html"><strong>Business Units</strong></a></p>
<hr />
<p><a href="../POINTSOFINTEREST/pointsofinterest-e.html"><strong>Points Of Interest</strong></a></p>
<hr />
<p><a href="../Achievements/Achievements-e.html"><strong>Achievements</strong></a></p>
<hr />
<p><strong><a href="../MeasuringPerformance/measuringperformance-e.html">Measuring Performance</a></strong></p>
<hr />
<p><a href="../References/references-e.html"><strong>References</strong></a></p>
<hr />
<p><a href="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/ContinualImprovement-e.html"><strong>Continual Improvement</strong> </a></p>
</div>
<div id="mainContent">
<h2>Header</h2>
<p>Paragraph</p>
<h1>Sub Header </h1>
<p> </p>
<h1> </h1>
<h2> </h2>
<h1> </h1>
<p> </p>
<h2> </h2>
<!-- end #mainContent -->
</div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
<br class="clearfloat" />
</p>
<div id="footer">
<hr width="100%" size="8" noshade="noshade" color="#006666" id="color="069"" colour="#069"/>
<p><strong>Maintainted by: ASQM </strong></p>
<p><strong>Date Modified: 2013-03-25</strong></p>
<!-- end #footer -->
</div>
<script type="text/javascript">
<!--
//-->
</script>
</h3>
<!-- end #container -->
</h3>
</div>
<script type="text/javascript">
<!--
//-->
</script>
</body>
</html>I am not suprised, the previous employee tried to recreate the English version of the site in another folder structure and did not change all links and was still using a template in the wrong location.
I think I created the mess by trying to modify the existing template's non-editable region in order to add a new button. When trying to update all the pages, the fiasco started.
Do you think the best option would be to create a new template in the correct folder structure and apply it? Would it fix the current pages or will I have to fix them all manualy on by one?
I understand it is difficult to deal with a newbie of my magnitude and thanks again. -
Passing Dynamic Loop Data From Child Page To Parent
Hi All,
I'm trying to create something where when a user clicks a link on the main page, javascript opens a new window which querys a database and displays the results. The user then selects the result they want via a form button or url (doesn't matter which) from the child page, which sends a value to fill in a form field on the parent page. Sounds simple, but I can't figure out how to get the information back to the parent page from the dynamic form in the child. I get a value of Undefined in the form field on the parent page. I think its because I'm using the same name for each button with a different value, and javascript doesn't like that. I'm not really that good with JS, which I suspect is why I can't get it. I'll post my code below, and any help is greatly appreciated. Thank you!
Parent Page:
<cfform name="RRForm" action="Blah.cfm" method="POST">
<table>
<tr>
<th align="right">Start Date:</th>
<td><cfinput type="text" name="StartDate" value="#sdate#" validate="date" message="Please enter a valid START DATE" maxlength="10" size="10"></td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<th align="right">End Date:</th>
<td><cfinput type="text" name="EndDate" value="#edate#" validate="date" message="Please enter a valid END DATE" maxlength="10" size="10"></td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<th align="right">Client Number(s):</th>
<td><input type="text" name="clientnums" size="20" maxlength="60" value=""> <font style="font-size:8pt">(Comma Separated)</font> <a href="javascript:void(0);" OnClick="window.open('http://192.168.0.189/BlahList.cfm','ClientList','toolbar=0,menubar=0,resizable=0,location= 0,status=0,scrollbars=1,height=300,width=500')">Client List</a></td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<th align="right" valign="top">Precision Level:</th>
<td><cfinput type="Radio" name="PrecisionLevel" value="Y" checked="No">Years<br><cfinput type="Radio" name="PrecisionLevel" value="M" checked="Yes">Months<br><cfinput type="Radio" name="PrecisionLevel" value="W" checked="No">Weeks<br><cfinput type="Radio" name="PrecisionLevel" value="D" checked="No">Days</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<th align="right">Display Zero:</th>
<td><cfinput type="Checkbox" name="DisplayZero" value="1" checked="Yes"></td>
</tr>
</table>
<br>
<br>
<input type="submit" name="RunReport" value="Run Report">
</cfform>
Child Page:
<cfquery name="GetClients" datasource="BlahOLE">
SELECT clientno,name,inactive
FROM clients
ORDER BY #sortcrit# ASC
</cfquery>
<html>
<head>
<script type="text/javascript">
function SendInfo(){
opener.document.RRForm.clientnums.value = document.CForm.PassData.value;
window.close();
</script>
<title>Client List</title>
<style>
td{font-size:10pt;}
</style>
</head>
<body bgcolor="black" text="white" link="aqua" alink="red" vlink="aqua">
<cfoutput>
<form name="CForm" method="post">
<table>
<tr>
<th><a href="http://192.168.0.189/BlahList.cfm?sortby=CNO">Client ##<hr></a></th>
<th> </th>
<th><a href="http://192.168.0.189/BlahList.cfm?sortby=CNAME">Client Name<hr></a></th>
<th> </th>
<th>Status<hr></th>
</tr>
<cfloop query="GetClients">
<cfset cno=Trim(ClientNo)>
<tr>
<td><input type="Button" name="PassData" value="#cno#" style="width:50" onclick="SendInfo()"></td>
<td></td>
<td>#name#</td>
<td></td>
<td><cfif inactive is "FALSE"><font color="##33ff33">ACTIVE</font><cfelse><font colore="Silver">INACTIVE</font></cfif></td>
</tr>
<tr>
<td colspan="5"><hr></td>
</tr>
</cfloop>
</table>
</form>
</cfoutput>
</body>
</html>Dan, that was exactly it. Thank you so much for the help! I'm displaying the corrected code changes below for future reference by others.
<script type="text/javascript">
function SendInfo(incomingValue){
opener.document.RRForm.clientnums.value = incomingValue;
window.close();
</script>
AND
<input type="Button" name="PassData" value="#cno#" style="width:50" onclick="SendInfo(#cno#)"> -
Put a child page into a region in a parent page? (APEX 2.2.0)
Hi, all,
Thanks so much for all of your help previously.
I want to have the entire contents of child page inserted into a region of parent page. The child page uses the "Empty Template" template and has an report region that uses the "No Template" template.
The parent page has a region containing a single div into which I want to insert the child page. If I do this using JavaScript and htmldb_Get object, inserting the result of the AJAX request into the DIV, I get what I want. I can't figure out how to preload the page into the region.
I've tried using the URL region, but I keep getting
ORA-29273: HTTP request failed
ORA-06512: at "SYS.UTL_HTTP", line 1674
ORA-12545: Connect failed because target host or object does not existwhen I enter the URL for the child page.
I can't use UTL_HTTP.REQUEST, either.
select utl_http.request('http://myserver/f?p=100:100:12345678901234')
from dual;I get roughly the same error. (I copy and paste the same URL that I use for the AJAX request. I can also type that URL into a browser and get the page.)
I can get both Google's and Oracle's Web sites this way.
My other option is to render the entire page to a string, store it in a VARCHAR2 / CLOB, and output it to the screen. Is there a way (maybe using WWV_FLOW) to render a page to a string?
I want to avoid using DHTML when it's not needed and I don't think that I would need it to initially load the page.
Thanks!Carl,
(Sorry about the reply gap.)
As best as I can tell, iframes can't auto-fit their contents without JavaScript. I've also heard mixed things about iframes and accessibility. The contents of the iframe also don't inherit the CSS definitions from the parent frame. (None of those may be good enough reasons to not use iframes, but I am totally unfamiliar.)
There are workarounds for all of those problems, but I'm just as inclined to write some PL/SQL function that generates my page for me and call that from a PL/SQL region, since the page is so simple. It might take me less time to write the PL/SQL function and PL/SQL region than it will to make the iframes look pretty.
Thanks for the reply!
Message was edited by:
Don_84
Well, that's odd. When I changed my authentication scheme from what I was using to the database authentication (the DAD one), the utl_http.request call works, as does the URL region. So the authentication is getting in the way. I wonder if there is a (elegant) way around that?
Message was edited by:
Don_84
Is WWV_FLOW.SHOW documented? In a PL/SQL region, I can call
WWV_FLOW.SHOW(P_INSTANCE => '&SESSION.', P_FLOW_ID => '100', P_FLOW_STEP_ID => '1000');where 100 is my app number and 7000 my page number, but it only works if I have no other regions. Otherwise, the page entirely fails to render.
Maybe you are looking for
-
Cisco Jabber Client - QoS Config
Hi Guys, I'll be deploying the new jabber client for a customer and i'm unsure of what QoS to configure on the switch ports for end users. Users will also have 7942 handsets, so if i configure auto qos voip cisco-phone, I doubt this will protect the
-
File-to-File/RFC scenario with reading filename
Hi, i have a File-to-File/RFC scenario which causes some problems in desining it correctly. Maybe some of you has an idea how to do this. Scenario: - A file is picked up by a File-Adapter. The files are different: pdf, doc, tiff, jpg, txt, ... - The
-
I just updated iTunes to version 10.6 on my 10.6.8 OS X Mac Book Pro and am getting the old "english version" prompt. This version of iTunes has not been correctly localized for this language. Please run the english version Yes, that's right, I canno
-
Hi , I am doing an IDOC to IDOC scenario. Idoc from source system is successfully sent to xi and xi is able to delivery the idoc to the target system. When the idoc is posted to target system the status is 64 IDoc ready to be transferred to applicat
-
Disk images from CDs are always damaged
I'm not sure when this first cropped up, but it's been happening for a while now. Every disk image I make from a CD, seemingly no matter what disk it is, gets flagged as possibly being damaged from the very first time I attempt to mount it. I've trie