Template messing up DIVs

my site worked fine until i turned it into a template so i
could creat sub pages based on it. as soon as i changed the file
format to a template, the floating divs which are supposed to mimic
a two column layout, and both extend to the same height, are no
longer the same height.
http://www.projectseven.com/tutorials/css/pvii_columns/index.htm
any known reason as to why this occurs? i would like to keep
my site based on a template for obvious regions.
http://www.newlineofwork.com/about_us.html

>I have a real disliking for dreamweaver templates! If you
are building a
>CSS
> based design, which it sounds like you are, I would
plump for an external
> style
> sheet that would enable you to create a consistent
design without them.
There is no conflict between DW templates and external
stylesheets.
Remember, templates are not about layout - they are about
content. The
layout is dependent on the methods you use to build the page,
and template
markup has no impact on that.
The question is relevant to the PVII tools and should be
asked on their
support forum.
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
==================
"big_old_bird" <[email protected]> wrote in
message
news:e2ttmd$ki7$[email protected]..
>I have a real disliking for dreamweaver templates! If you
are building a
>CSS
> based design, which it sounds like you are, I would
plump for an external
> style
> sheet that would enable you to create a consistent
design without them.
>
> I have looked at your code and can't see any immediate
problems, but then
> the
> only problem I can see in your page is the shorter left
column ... is that
> all
> that is wrong? If it is I would be easier to set the
background of your
> containing div to be a repeating image that had the
white block on the
> right
> and the orange border line. Bit of a cheat but it would
work!
>
> Karen
>

Similar Messages

Pages from template not showing DIV background images

Hi;
I have a template with several DIVs that each contain a background image. When I create a new page from that template, the the background images are missing. The code for the new page shows absolute paths to the images while the template show relative paths.
template code for header:
.twoColFixLtHdr #header {
    padding: 0 10px 0 20px;
    height: 215px;
    background-image: url(../images/10banner.jpg);
template based page code for header:
.twoColFixLtHdr #header {
    padding: 0 10px 0 20px;
    height: 215px;
    background-image: url(file:///C|/Documents and Settings/patrick/My Documents/web sites/The Marketing Guy/images/10banner.jpg);
I don't know if the path codes are relevant in this case, but why don't the background images appear ?
Thanks;
Pat

background-image: url(file:///C|/Documents and Settings/patrick/My Documents/web sites/The Marketing Guy/images/10banner.jpg);
You've got a path pointing to files on your local computer instead of your local site.
Did you save new page as "somefilename.html" or is still "untitled"?
Did you properly define your DW local site folder?
Creating your first website in DW CS4 -
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

New pages made From Template messed up!

Hello,
I have made a template that is not yet finished... I decided
to test it out, but when I make new pages from it, the formatting
is messed up (in any new pages that I create from the template).
This of course is happening prior to uploading to the pages... (I
need to make many different pages from the template but cannot
proceed because of this...)
If I preview the new ‘messed up’ page in Safari
(that is by clicking the Preview button in Dreamweaver itself), it
is almost OK, but the background image does not show up. Could
anyone suggest what I might need to do to get the ‘new’
page to appear fine in Dreamweaver itself.
I am new to Dreamweaver and have just started with it since
moving from GoLive...
Thanks in advance.

> Well, that solved the problem. Changed my hard disk name
from D's 200 to
> just
> D 200. After that I had to reset the site root folder
but now pages made
> from
> the template are correctly formatted...
If it would be considered a bug, then many programs would
have it! As a
general rule of thumb, it's best to avoid any characters in
your
file/pathnames other than letters, numbers, and
hyphens/underscores. That
would eliminate spaces, quotes, ampersands, parentheses, etc.
> One remaining question. In the template, I used
Modify/Page Properties to
> add
> a background to it. When I make a new page from the
template, the
> background
> does not appear. Is that normal or should it appear?
It should appear, so there must be something wrong in the
resulting code.
Can we see it?
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
==================
"Peace Freak" <[email protected]> wrote in
message
news:[email protected]...
> Hello,
>
> Read through both the latest suggestions and decided to
try getting rid of
> the
> single quote first as it was the easiest to do. I am on
a Mac by the
> way...
>
> Well, that solved the problem. Changed my hard disk name
from D's 200 to
> just
> D 200. After that I had to reset the site root folder
but now pages made
> from
> the template are correctly formatted...
>
> Thank you so much for this excellent troubleshooting
experience. I guess
> this
> single quote problem would be considered a bug (surely
single quotes
> should be
> allowed in the names of hard disks???) as I don't ever
remember Apple
> saying
> don't use single quotes when naming a hard disk...
>
> Should I/we report it to Adobe? I would be happy to. I
don't know how
> these
> forums work but it might be an idea to post a
topic/sticky with
> appropriate
> keywords so that others will be made aware of it easily.
>
> One remaining question. In the template, I used
Modify/Page Properties to
> add
> a background to it. When I make a new page from the
template, the
> background
> does not appear. Is that normal or should it appear?
>
> Thanks so much.
>
>

Horiz Menu Bar (in a template) Messed up on PHP page; Only in IE Browser

I have redesigned a fairly large website for someone (I'm using DW CS3) and I developed a template which includes a Spry Horizontal Menu Bar. The menu bar was working fine on all of the HTML pages. As I come to the end of my project, I have created a PHP page (using my template with the horizontal menu bar) because I have included a PHP script for an Events Calendar (ComDevWeb). Ever since I added the includes for the calendar, the horizontal menu bar gets messed up when viewing the page with IE. The menu bar looks fine on all of the other html pages. The menu bar on the PHP page also looks fine when I view it with Safari or Mozilla. Since the menu bar is in the template (that will affect every other page that is working just fine), I'm not sure how to proceed with my troubleshooting.
Here is the website: www.ourtruecolors.org/newsite
Here is the PHP page with the calendar (where the horiz menu bar appears messed up in IE, but looks fine in Safari & Mozilla browsers): http://www.ourtruecolors.org/calendar/index.php
Any help or suggestions would be greatly appreciated.

I have redesigned a fairly large website for someone (I'm using DW CS3) and I developed a template which includes a Spry Horizontal Menu Bar. The menu bar was working fine on all of the HTML pages. As I come to the end of my project, I have created a PHP page (using my template with the horizontal menu bar) because I have included a PHP script for an Events Calendar (ComDevWeb). Ever since I added the includes for the calendar, the horizontal menu bar gets messed up when viewing the page with IE. The menu bar looks fine on all of the other html pages. The menu bar on the PHP page also looks fine when I view it with Safari or Mozilla. Since the menu bar is in the template (that will affect every other page that is working just fine), I'm not sure how to proceed with my troubleshooting.
Here is the website: www.ourtruecolors.org/newsite
Here is the PHP page with the calendar (where the horiz menu bar appears messed up in IE, but looks fine in Safari & Mozilla browsers): http://www.ourtruecolors.org/calendar/index.php
Any help or suggestions would be greatly appreciated.

Web template layout with divs

Hello Dreamweavers.
Id like know if I am thinking correctly, I'm coming from Indesign into Dreamweaver, and trying to understand the philosophy of DW.
ive have done a rough website layout just for educational purposes. So am I thinking correctly, that we divide our website into DIVS sections
and then drag and drop our content within the divs?we have initially planned our website how it will look and then we go and structure it in DW.
so in this case I have made 9 Div tags and named them,is this a correct approach to it? I have also nested some divs within some divs just to confuse my mind
on how to go on about the design process. So any feed back and advise is always welcome.
thank you.

Try
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
body {
    width: 1000px;
    margin: auto;
    background: #BEBFC1;
.header {
    height: 100px;
    background: #A8A9AE;
    padding: 15px;
.nav {
    height: 35px;
    background: #848283;
    margin: 15px 100px;
    padding: 5px 15px;
.aside.left {
    width: 350px;
    float: left;
    margin: 0 20px;
    background: #848283;
    padding: 5px 30px;
.aside.left .box {
    background: #6E6F74;
    margin: 15px 0;
    padding: 5px 15px;
.aside.left .box.upper {
    height: 150px;
.aside.left .box.lower {
    height: 100px;
.aside.right {
    width: 570px;
    float: right;
    height: 80px;
    margin: 0 20px;
    background: #A8A9AE;
    padding: 5px 15px;
.article {
    width: 570px;
    float: right;
    margin: 15px 20px;
    background: #828388;
    padding: 5px 15px;
.article .box {
    height: 190px;
    width: 100px;
    background: #706D74;
    padding: 5px;
    margin: 15px 0;
    float: right;
.footer {
    height: 60px;
    background: #A8A9AE;
    padding: 15px;
    margin: 15px 0;
    clear: both;
</style>
</head>
<body>
<div class="header"><h1>HEADER</h1></div>
<div class="nav">Menu Bar</div>
<div class="aside left">
    Left Bar
<div class="box upper">Upper box</div>
<div class="box lower">Lower Box</div>
</div>
<div class="aside right">Right Sidebar</div>
<div class="article">
    Article
    <div class="box">Column</div>
</div>
<div class="footer">Footer</div>
</body>
</html>

CS4 DW - Template messed up

Template looks good, but when updating or creating new pages fonts and colors are wrong. Scanned for problems like viruses and the folder is clean. Not an html person so utterly lost and frustrated. Checked properties and the only things that seems wrong is Headings, I correct the colors and save, but they are still wrong when I create or update a page.
I reloaded the pages from the site back to my computer using FTP so they are good. It has to be a program issue. Should I uninstall and reinstall?
I appreciate your help!

Hi Chris,
It would help a great deal if you could provide us a link to your site after uploading it. It isn't very clear from your email about the colors that you require and what exactly goes wrong. Being explicit will help the experts here understand and solve your problem.
Thanks,
Preran

Template Mess

Hi everyone, this is my very first post.
I am creating a site with potentially around 1114 pages.
I have started using templates in dreamweaver for the first time and I have run into a small problem (i hope it's small).
I began the template to create the 8 main pages that link to the 8 items on the menu bar. No probs so far.
Then I went back to make my home page and this is where the problems started.
I used another .dwt to create my index page. Now when I try to access the home page from any page created from the first dwt it will not pull up the index page created from the second dwt. I have updated the first dwt with the correct link to index.htm (what I called my home page created from dwt2) but dreameaver will not pull up the index.htm whenever I try to access the link through a page created from dwt1.
I know I just repeated myself. I know I know....but can anyone help?One possible fix I have thought of is to turn the 2nd dwt (home page) into just a plain old htm file. Maybe then pages creted from dwt1 will call up the index.htm and display it to screen.
Any suggestions would be helpful.
Thankyou
Ad

Thankyou all so much for the very helpful advice.
I am looking into PHP and how I can use it to create the site.
There are three or 4 static designs and the multitude of pages are, as you correctly summised, made up of varying content inserted into those designs.
I have started looking into coldfusion as a method of calling up the content from a database to automatically insert into the page designs but have run into some problems installing and setting up CF.
I think I need to go and look further into the capabilities of PHP.
I have a webserver setup using Apache and have installed PHP and MySQL during the process of setting up the web server.
The design and content is all ready so I am hoping PHP will be the answer to propogating the 1000+ product pages.
Thankyou again for all of your help and advice.

Template messes up currency

Hi all,
I made a template for writing invoices.
However, the cells formatted with € are automatically turned into £ when I open the template.
Does anybody know how to remedy this ?
Thanx,
C.

Hello
As Ashka explained yesterdays in an other thread, may you try to leave the cell as "automatic" and enter the € from the keyboard or from the Character palette.
In this table, Numbers is running in French on a French system.
in column B cells are set to "currency" format.
In column C cells are set to "automatic" and I inserted the £ symbol by hand in row 2 and 3
In column D cells are set to "automatic" and I inserted the ¥ symbol by hand in row 2 and 3
in row 5, the formulas are:
=SUM(B2:B3)
=SUM(C2:C3)
=SUM(D2:D3)
(I disabled the feature using column names in formulas so formulas are shorter)
As you may see, in the columns C and D, the "addedbyhand" currency symbol is taken in account and the values are treated as numbers.
The only problem I met is with $.
When I insert one, it is moved to the right when it is assumed to be on the left and the decimal comma used here is interpreted as a digit separator so 12,34 is displayed as 1 234$.
I assumes that it is a "not too odd" behaviour because the parser is forced to arbitrate between the $ rules and the system settings.
I repeat, I didn't discovered this feature. It's Ashka which passed it in an other thread. So thank you Ashka.
Yvan KOENIG (from FRANCE samedi 16 février 2008 14:16:48)

Different background image (div) on each page of site complicated by template

Hope I can explain this: Below are specifics
- Using Dreamweaver cs5.5
- Making the pages from a template.
- Each page will have a different backround image; but the image is contained in a div tag (div name is .mainbackground) which runs behind the main core of the site, the image is not in the <body>
- The div .mainbackground is EDITABLE
- I have already made a specific css class to assign to that div on each page so that the image is different on each page.
- On the template page the div .mainbackground has no image class assigned to it (thus no background image)
- Since that div is editable I can then go into each page and assign the desired image class to it - works great. EXCEPT...... & here's my main question:
- In the code all of the other regions are contained IN that above mentioned div of .mainbackground SO that means that:
- if I need to update the structure of the pages I will have to remove the Editable region that controls the background image which would be - removing the .mainbackround editable region. Then go back to my template, make changes and save everything - thus all the changes will carry through to my other pages. This is good and bad because I would get all the structural changes but I would also loose all of the text specific to those pages.
-Then when I'm finished I would have to go back and first add an editable region back to the .mainbackground class and then re-apply the background classes back to the .mainbackground to fix the images on the pages again...
The site is very small site so I can deal with it but am I going about this all wrong?
Is there some template feature I'm not getting? I would like to keep using the template feature, and i do want a different pic on each page.....
I have attached a picture showing one page so you can see the background image - which will be different on each page.

If your Template has embedded CSS within the <head> tags, and the <head> has an editable region defined, you should be able to change styles in child pages.
TEMPLATE CODE:
<head>
<style type="text/css">
.mainbackground { }
</style>
</head>


CHILD PAGE CODE:
<head>
<style type="text/css">
.mainbackground {
background-image:url(page2-BG.jpg)
</style>
</head>
Give it a try.
Nancy O.

Scrolling main content in an AP Div disappearing behind other AP Divs...?

Newbie here, using CS3. No CSS power user (yet!)--general concepts, yes, but not much practice. Meanwhile two recent CS3 classes, several books, and a concerted search through online forums have failed to point me toward a fix for this prob. Any help greatly appreciated.
Prob statement: In design view the core content of my pages disappears behind my footer and a secondary box, both AP Divs, so that I cannot see or edit anything beyond the bottom edge of the core-content AP Div. Overflow for that AP Div is set to scroll. The "obscured" content shows up only as an outlined shape extending past the footer etc. (and I can see some of the obscured text "through" the footer). Down arrow doesn't get me there: it just scoots down the outlined-but-obscured section. Doubleclicking highlights everything that's obscured so that I can see the relative shapes of the paragraphs, but doesn't expose the content. This seemed to start the first time I set the content div to scroll any overflow. I've changed it back/forth since; no joy.
Rendered in IE or Firefox, all the pages with all their varying content lengths look fine. Scrollbar works great. It's just that in order to edit or compose further, I have to copy everything into Notepad or something, work there, and then paste it back into DW. Definitely non-optimum, though: can't format or add hyperlinks to the content.
I'm using AP Divs, with scroll on in the "content" AP Div, because I couldn't figure out how to create a template where the footer would slide down the page in response to varying amounts of content. Started out with a table to handle all this, but an instructor recommended AP Divs so I went that way. I'd like to resolve this, rather than just go back to using tables while leaving this AP Div oddness a mystery.
The footer is full of a Spry tabbed panels giving my legal/green/design statements and other small bits of info. The secondary box is an AP Div called "quotations" and is for friendly little bits of cute/clever nonsense at the bottom of each page.
Tried a number of different settings so far and by now I've probably truly messed things up. Can anyone suggest a fix?
The code for the template file seems long, so my apologies. However, the content type isn't allowed for attachments so I've pasted it in below.
Much appreciation!
=================================
<!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></title>
<style type="text/css">

</style>
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>

<style type="text/css">

</style>
<meta name="Description" content="Skyway Consulting: taking your information to a higher level! We do information design: planning, writing, editing, and indexing your user documentation. We also design websites, website graphics, print layouts, and logos. Basically, we want to be your source for the way your organization interfaces with the world. " />
</head>
<body onload="MM_preloadImages('../Images/Button_WebDesignOver.gif','../Images/Button_UserDocsO ver.gif','../Images/Button_LogoDesignOver.gif','../Images/Button_PrintLayoutOver.gif','../ Images/Button_ITSvcsOver.gif','../Images/Button_Home.gif','../Images/Button_HomeOver.gif', '../Images/Button_WebDesign.gif','../Images/Button_UserDocs.gif','../Images/Button_ITSvcs. gif','../Images/Button_LogoDesign.gif','../Images/Button_AboutUs.gif','../Images/Button_Co ntact.gif','../Images/Button_AboutUsOver.gif')">
<div id="LeftSidebar"></div>
<div id="Banner">
<div align="center"><img src="../Images/Banner.gif" alt="Skyway Consulting" width="335" height="184" /></div>
</div>
<div id="BannerPhone">
<p align="center">Taking your information to a higher level.</p>
<p align="center">530.965.2624</p>
<p align="center"><img src="../Images/email_Info.gif" alt="Address" width="203" height="23" /></p>
</div>
<div id="NavBar">
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><a href="../index.html" target="_top" onclick="MM_nbGroup('down','group1','Home','../Images/Button_HomeOver.gif',1)" onmouseover="MM_nbGroup('over','Home','../Images/Button_HomeOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_Home.gif" alt="Skyway Consulting Homepage" name="Home" border="0" id="Home" onload="" /></a></td>
      <td><a href="../webdesign.html" target="_top" onclick="MM_nbGroup('down','group1','WebsiteDesign','../Images/Button_WebDesignOver.gif', 1)" onmouseover="MM_nbGroup('over','WebsiteDesign','../Images/Button_WebDesignOver.gif','',1) " onmouseout="MM_nbGroup('out')"><img src="../Images/Button_WebDesign.gif" alt="Website Design Services" name="WebsiteDesign" width="106" height="30" border="0" id="WebsiteDesign" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','UserDoc','../Images/Button_UserDocsOver.gif',1)" onmouseover="MM_nbGroup('over','UserDoc','../Images/Button_UserDocsOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_UserDocs.gif" alt="User Documentation Services" name="UserDoc" width="106" height="30" border="0" id="UserDoc" onload="" /></a></td>
      <td><a href="../it_svcs.html" target="_top" onclick="MM_nbGroup('down','group1','ITServices','../Images/Button_ITSvcsOver.gif',1)" onmouseover="MM_nbGroup('over','ITServices','../Images/Button_ITSvcsOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_ITSvcs.gif" alt="IT Services" name="ITServices" width="106" height="30" border="0" id="ITServices" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','LogoDesign','../Images/Button_LogoDesignOver.gif',1) " onmouseover="MM_nbGroup('over','LogoDesign','../Images/Button_LogoDesignOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_LogoDesign.gif" alt="Logo Design Services" name="LogoDesign" width="106" height="30" border="0" id="LogoDesign" onload="" /></a></td>
      <td><a href="../about.html" target="_top" onclick="MM_nbGroup('down','group1','AboutUs','../Images/Button_AboutUsOver.gif',1)" onmouseover="MM_nbGroup('over','AboutUs','../Images/Button_AboutUsOver.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Button_AboutUs.gif" alt="AboutUs" name="AboutUs" border="0" id="Contact" onload="" /></a></td>
    </tr>
</table>
</div>
<div id="Content">
<p>Content</p>
</div>
<div id="Footer">
<div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">Info</li>
      <li class="TabbedPanelsTab" tabindex="0">Legal</li>
      <li class="TabbedPanelsTab" tabindex="0">Privacy Policy</li>
      <li class="TabbedPanelsTab" tabindex="0">Green Statement</li>
      <li class="TabbedPanelsTab" tabindex="0">Design Credit</li>
      <li class="TabbedPanelsTab" tabindex="0">Webmaster</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">Click for information on these topics.</div>
      <div class="TabbedPanelsContent">(c) 2009 Skyway Consulting. All content, including photographic content, is owned by Skyway Consulting. You may not copy, reproduce, modify, or publicly display, perform, distribute, or otherwise use the content provided on this site in any way for any public or commercial purpose. Skyway Consulting will not work on websites involving objectionable material, including but not limited to pornography, hatred, intolerance, or animal abuse. Our management staff's decision on what constitutes "objectionable material" is final. </div>
      <div class="TabbedPanelsContent">We recognize that your privacy is important. This privacy policy applies to all of our services and website pages. We do not set cookies. We do not sell or otherwise seek to profit from the contact information you provide, although we may preserve some information for use by Skyway Consulting. If you have questions about this privacy policy, please [link]contact us.</div>
      <div class="TabbedPanelsContent">Skyway Consulting is an American home-based business that makes every effort to conserve, reduce, reuse, and recycle.</div>
      <div class="TabbedPanelsContent">
        <p>Page design by Skyway Consulting. (Of course!)</p>
        <p>Tiling forest graphic at left by the talented Silvia Hartmann, <a href="http://silviahartmann.com/">http://silviahartmann.com/</a>. (Thank you, Silvia!)</p>
      </div>
      <div class="TabbedPanelsContent">Page problems? Contact <img src="../Images/email_Webmaster.gif" alt="Webmaster e-dress" width="177" height="18" align="absmiddle" /></div>
    </div>
</div>
</div>
<div id="Quotation">Quotation</div>
<div id="Heading">Heading</div>
<div align="center"></div>
<script type="text/javascript">

</script>
</body>
</html>

I hadn't looked at the code at all. I was relying on the Dreamweaver GUI to correctly guide me to a desired outcome.
I think that this is not a desirable approach to Dreamweaver, which will write perfect HTML if you let it, but it's too easy to click buttons and apply wizards without regard for the markup consequences, thereby producing a veritable pig's ear of a page. If you are going to use DW professionally, you will have to become comfortable with code. That doesn't mean you will have to spend 100% of your time in Code view, but you will definitely need to watch the code as it is formulated.
I'm not starting from an engineering background.
Neither did I. But I did start with a sincere desire to become proficient, and to learn the technology.
Murray, I get the idea of redoing my template without AP Divs, and will get into that. I don't know what "image swaps and links" mean, though. Would you mind teaching this newbie on this point?
Not at all. When you select the "NavBar" feature, you are placing elements and code on your page that were designed in the dark ages of HTML (frames). Some of the features in the NavBar will only work in a framed page (the down image and the over while down). The code is antique, invalid, and just wrong to be included. My suggestion was to forego this and just place your button images on the page (in whatever container you need to use), and apply links to them so that they link to the desired pages. Then apply swap image behaviors to them to create your rollover effects, one for each button. The result will be modern code, that has none of the legacy stuff of the navbar, and that will work fine for you. As you become more familiar with CSS you can investigate even better ways to do such menus (if you want a preview of this, Google "CSS Sprites). The latter method is usually the only way I do menus anymore. And even then, I use both text and graphics for accessability and SEO purposes.
I will say that I like your attitude. A determination to learn and improve is a winning approach.

Creating a New ADF Page Template

-- I posted this in the WebCenter forum but since it is primarily around ADF I thought I would post here also
-- Extending WebCenter Spaces 11.1.1.3: Creating New Page Template w/Float Div
Hi all,
I am attempting to create a new group space page template for Spaces that has a floating div on the right side that will have content wrap around it. It should look similar in concept to the image in this link:
http://css.maxdesign.com.au/floatutorial/tutorial0104.htm
This seems like it should be simple enough but I need to allow dynamic content to be added each region with Oracle Composer. Currently when I am testing this and add content the two regions end up in distinct columns. This appears to be a result of the html elements that get wrapped around the content by the ADF tags. Has anyone successfully created a page template / page similar to this or have any ideas on how I might get it to work? Below is the current code I am using:
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
          xmlns:pe="http://xmlns.oracle.com/adf/pageeditor"
          xmlns:cust="http://xmlns.oracle.com/adf/faces/customizable"
          xmlns:trh="http://myfaces.apache.org/trinidad/html">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
    <af:document id="d1">
      <af:form id="f1">
        <pe:changeModeLink id="cml1"/>
        <pe:pageCustomizable id="pageCustomizable1">
        <af:panelStretchLayout id="psl1">
            <f:facet name="center">
              <af:panelGroupLayout layout="scroll"
                                   xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
                                   id="pgl1">
                <af:panelBox text="PanelBox1" id="pb1">
                  <f:facet name="toolbar"/>
                  <trh:tableLayout id="tl1" width="100%">
                    <trh:rowLayout id="rl1">
                      <trh:cellFormat id="cf1" width="20%" valign="top">
                          <cust:panelCustomizable id="mainC"/>
                      </trh:cellFormat>
                      <trh:cellFormat id="cf2" width="80%" valign="top">
                        
                            <cust:panelCustomizable id="mainC1"/>
                        </ div>
                        <cust:panelCustomizable id="mainC2"/>
                      </trh:cellFormat>
                    </trh:rowLayout>
                  </trh:tableLayout>
                </af:panelBox>
              </af:panelGroupLayout>
            </f:facet>
          </af:panelStretchLayout>
          <f:facet name="editor">
            <pe:pageEditorPanel id="pep1"/>
          </f:facet>
        </pe:pageCustomizable>
      </af:form>
    </af:document>
</f:view>
</jsp:root>

Hi ,
I understand that you want to be able to select content type when creating a wiki page to a Wiki Page library. In browser ,you cannot add content types to a wiki page library .You need to edit the library in SharePoint Designer.
Open the site in SharePoint Designer.
Click on the library. Check ‘Allow management of content types’ in the Settings section.
Then you can add content types to this page library.
Then you can add content types in the Site Content Types gallery which inherit from the Wiki Content type.
Add the newly added content type to the Wiki Page Library.
In this way ,when you add a new page in the Wiki Page library ,you can choose a different content type .
Edit the content type in Library Settings .Choose Advanced Settings for the content type .Here you can upload new page for the content type .
Thanks,
Entan Ming
Entan Ming
TechNet Community Support

Custom Sort via the XSL and custom template?

I am trying to add a sort order to a CQWP. I would like a template style that does the sorting? I have to sort by a field called SortOrder, then I want it to be by file name - here is the code:
I am thinking to do a foreach but not able to get it working? Is there another easier way?

    <xsl:template name="PolicySortedBullets" match="Row[@Style='PolicySortedBullets']" mode="itemstyle">
        <xsl:variable name="SafeLinkUrl">
            <xsl:call-template name="OuterTemplate.GetSafeLink">
                <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
            </xsl:call-template>
        </xsl:variable>
        <xsl:variable name="DisplayTitle">
            <xsl:call-template name="OuterTemplate.GetTitle">
                <xsl:with-param name="Title" select="@Title"/>
                <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
            </xsl:call-template>
        </xsl:variable>
        <div class="item link-item bullet">
            <xsl:call-template name="OuterTemplate.CallPresenceStatusIconTemplate"/>
   <a href="{$SafeLinkUrl}" title="{@LinkToolTip}" target="_blank">
              <xsl:if test="$ItemsHaveStreams = 'True'">
                <xsl:attribute name="onclick">
                  <xsl:value-of select="@OnClickForWebRendering"/>
                </xsl:attribute>
              </xsl:if>
              <xsl:if test="$ItemsHaveStreams != 'True' and @OpenInNewWindow = 'True'">
                <xsl:attribute name="onclick">
                  <xsl:value-of disable-output-escaping="yes" select="$OnClickTargetAttribute"/>
                </xsl:attribute>
              </xsl:if>
              <xsl:value-of select="$DisplayTitle"/>
            </a>
        </div>
    </xsl:template>


http://stackoverflow.com/questions/5415383/xslt-sortingboth-ascending-and-descending
http://sharepoint.stackexchange.com/questions/81167/content-query-web-part-group-by-sort
You can use the XSLT <xsl:sort> element to customize your sort order.
https://sites.google.com/site/icsharepoint2010/xslt/sorting-in-xslt
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="text"/>
<xsl:template match="employees">
<xsl:apply-templates>
<xsl:sort select="salary"/>
</xsl:apply-templates>
</xsl:template>
<xsl:template match="employee">
Last: <xsl:apply-templates select="last"/>
First: <xsl:apply-templates select="first"/>
Salary: <xsl:apply-templates select="salary"/>
Hire Date: <xsl:apply-templates select="@hireDate"/>
<xsl:text>
</xsl:text>
</xsl:template>
</xsl:stylesheet>

Template help : CLoudy Theme 24

Application Express 4.1.1.00.23
Internet Explorer - 8
Oracle Database 11g Enterprise Edition Release 11.2.0.3.0 - 64bit Production
Hi wanted some help with the Cloudy- Theme 24 I am using. By default it puts "Logout" as part of the #NAVIGATION_BAR# as default in white writting. See default template code below:
<div class="uAPEXNavBar">
<ul>
#NAVIGATION_BAR#
</ul>
</div>
I added the following code and it put the Welcome meessage above the "Logout" link and in black writting. So both end up on different lines.
<div class="uAPEXNavBar">
<ul>
#WELCOME_USER#
#NAVIGATION_BAR#
</ul>
</div>
I also tried the following and it puts the Wecome message on the same line as the "Logout" link and in white writing but puts the welcome message after the "Logout" link. But I want it before the "Logout" link
<div class="uAPEXNavBar">
<ul>
#NAVIGATION_BAR#
#WELCOME_USER#
</ul>
</div>
What I want is for it to say is the welcome message, followed by the "Logout" link all on one line in white writing.
Hope this all makes sense and hope someone can help.
Regards
Ash

Ash,
    #NAVIGATION_BAR#
//replace above line in your template with below code
   <li><span style="color:white;">#WELCOME_USER#</span></li>
   #NAVIGATION_BAR#Thanks,
Vikram

CSWP Display Template Item - Include Like / Rating SharePoint control

I'm working with the Content Search Web Part to bring details from Announcements lists up to the home page. Each of these lists has the Like / Rating Social elements enabled and I would like to surface this on the Item Display Template but can't find
out how.
Is there a SharePoint control or JavaScript that I can use to surface this content?
Thanks

Ok, after searching I've found a solution for this. It will be a 2 stage solution, the first simply displaying the rating or number of likes, the second actually updating them.
So, stage 1:
1. You need to login to your Central Administration site and go to your Search Service Application. Once there, under "Queries and Results", click "Search Schema". You can apply a filter to help find the relevant managed property, so filter
on "Like" or "Rating". In this example I wanted to use the number of likes, so after filtering on "Like" I clicked to edit the "LikesCount" managed property. From the edit page, located the "Main characteristics" heading and ensure that the "Searchable"
checkbox is ticked. Click "Ok" and run a "Full Crawl" on your content source.
2. Once this has been done, locate the Display Item Content Template that will be used for the Content Search Web Part. At the top of this file you will find an <mso:ManagedPropertyMapping /> tag. In this you want to register the
LikesCount managed property from earlier. This can be done by copying something similar to below:
'Likes Count'{Likes Count}:'LikesCount'
Further down the template, within the <div> where you can define content you need to setup a variable that reads the LikesCount value. I also had some trouble reading this value when there were no Likes on an item, == null and isNaN() didn't
seem to work so I added an if statement to check for 0 items.
var likesCount = $getItemValue(ctx, "Likes Count");
if (!(likesCount > 0)) {
likesCount = 0;
Finally, you can surface this variable into your content by simply using the normal notation. i.e.
_#= likesCount =#_
I hope this has been of use to some people. I will be posting an update once I've figured out if it's possible to like the source list item from the CSWP.

Absolute Centering an AP Div

I've created a template using AP DIVs as layers. I want to
absolute center the DIVs for any size screen on the internet so
that the layers appear with equal white space on either side of the
AP DIV.

"Katie Shoshana" <[email protected]> wrote
in message
news:ffnud0$vs$[email protected]..
> I've created a template using AP DIVs as layers. I want
to absolute
> center the DIVs for any size screen on the internet so
that the layers
> appear with equal white space on either side of the AP
DIV.
use
Try this:
position:absolute;
left:50%;
marging-left: - the value to use here is half of the width of
your DIV;
top:50%;
marging-top: - the value to use here is half of the height of
your DIV;
Note that you need to use "-" (minus) as these values are to
set neagtive
margin
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
- divaGPS - Add "you are here" highlighting to virtually any
menu
- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers
- divaPOP - Easy, clean, standards-compliant popup windows.

Template messing up DIVs

Similar Messages

Maybe you are looking for