Designtime CSS of WPC Adv. Paragraph

Hi Forum,
I have to overwrite the Designtime style in Advanced Paragraph of a custom webform; especially the font of the text inside a table. I tried overwriting the styles in one of the css files placed @ etc\wpceditor\css\runtime , but in vain. Were any one of you able to achieve the same?
Regards,
JK
Edited by: Jagadeesh katan on May 15, 2009 11:10 AM

Hi Vishal,
I actually made the changes in css present in designtime folder only. By mistake I mentioned it as runtime folder.
So the correct problem is:
I have to overwrite the Designtime style in Advanced Paragraph of a custom webform; especially the font of the text inside a table. I tried overwriting the styles in one of the css files placed @ etc\wpceditor\css\designtime , but in vain. Were any one of you able to achieve the same?
Sorry for the goof up.
Regards,
JK
Edited by: Jagadeesh katan on May 17, 2009 12:57 PM

Similar Messages

Add Image in WPC advanced paragraph

Has anybody tried using the insert image button in the Advanced paragraph section of an Article in WPC.
I tried it, it just doesnt add it !!

Hi ,
Write some text in the advanced para , select the text and then click on the image icon , select the image and then delete the text , without the texy the image doesnt get inserted
p.s award points if useful

CSS - main content h1 and p text doesn't display properly

Hi all,
I know this is something really simple, but I just can't seem to get it right. The h1 and the p text in the main content should have left and right padding to display properly (i.e. space on either side so it's not squished against the Accordion Spry), but it doesn't work. It shows correctly in DW, but not online. I'm just learning CSS so sorry for the ignorance! I've tried everything I know and can't seem to get it right. I would appreciate ANY help at all.
http://www.TailgatorsHockey.com/news.html
Attached is the .css file...
Thanks so much!

The padding and margin are certainly showing in the browser for the h1 tag but you have no padding or margin declared in your css styles for the paragraph tag in the 'main-content' <div>
Add ths to your css styles:
#main-content p {
padding: 0 25px 0 25px; /*top/right/bottom/left*/
margin-left: 10px;

Easiest way to change font size/color with CSS?

I've never used CSS before; I need to know how to change the font size and color using CSS, since it seems to be the only way to do it now. Sometimes I just need to change the font just for a few words, or a line here and there. Not necessarily page-wide, you understand. Is there a step-by-step process showing the simplest way to accomplish this? I'm not a web developer or professional designer, nor do I want to be. I just use DW to build simple web sites for personal use. I don't build using HTML - I solely use DM's GUI functions. And I'm also trying to teach my nine year-old how to start out page-building. I certainly hope that something as simple as changing font size doesn't require one to buy a book to learn HTML, which seems to be what a lot of people are telling me. Thanks for any assistance.

Easiest is not always the best way. You must learn the fundamentals.
CSS
/**this styles all paragraphs in your site**/
p {
font-size: 18px;
color: #000;
/**This is a class. Classes are re-usable**/
.red {
color:red;
font-weight:bold;
HTML:
<p>This is a normal paragraph</p>
<p class="red">This is a red paragraph</p>
<p>This is a normal paragraph with <span class="red">some red text here</span> but not here.</p>
If you're going to teach your 9yr old how to build web pages, start with the links below.
There's no point in teaching your child bad habits that will have to be unlearned later.
http://www.html.net/
http://w3schools.com/
http://www.csstutorial.net/
http://phrogz.net/css/HowToDevelopWithCSS.html
Nancy O.

Bug in CSS Theme 50 effecting Listview alignment

Ver. 4.2.0.00.27
The of Supplemental Information Column (not Advance Formating) is awkwardly aligned with increasing distance to right margin per row/list element.
I found two CSS rules formating the paragraph object with class ui-li-aside, containg the Supplemental Information:
- one from file jquery.mobile-1.1.1.min.css
- other one from file 4_2.css
because file 4_2.css is loaded after jquery.mobile-1.1.1.min.css, these setting do overwrite the once from the jQM css. If I switch of the 4_2.css rules for this class, the paragraph element is aligned correct.

Hi Christian,
this is bug# 14684868 on our Known Issues List at http://www.oracle.com/technetwork/developer-tools/apex/application-express/apex-42-known-issues-1863578.html
Regards
Patrick
My Blog: http://www.inside-oracle-apex.com
APEX Plug-Ins: http://apex.oracle.com/plugins
Twitter: http://www.twitter.com/patrickwolf

Applying css style in DW (design view) or CT

Hi Folks,
Here's a dumb question I can't figure out. In DW and CT, you
can apply a css style to a paragraph selecting p tag, right? You
get <p class="myclass"></p>
What I don't get is why the css style apply to an image for
exemple inside the paragraph and not to the paragraph itself?
Of course as you developp a website you certainly don't worry
about that since you handcode or you never apply a style to a
paragraph.
Let's say you need to define a css style saying:
.myclass {
margin: 0 0 20px 20px;
float:right;
so the paragraph containing an image align to right and have
proper margin. Why by default the css style apply to the image and
not to the paragraph? You end with this <p><img
src="myimage.jpg" class="myclass" /></p>
What's the logic behind this, this is very annoying, specialy
for CT users.
Richard

richsky wrote:
> Hi Folks,
> Here's a dumb question I can't figure out. In DW and CT,
you can apply a css
> style to a paragraph selecting p tag, right? You get
<p class="myclass"></p>
> What I don't get is why the css style apply to an image
for exemple inside the
> paragrph and not to the paragraph itself?
> Of course as you developp a website you certainly don't
worry about that since
> you handcode or you never apply a style to a paragraph.
> Let's say you need to define a css style saying:
> .myclass {
> margin: 0 0 20px 20px;
> float:right;
> }
> so the paragraph containing an image align to right and
have proper margin.
> Why by default the css style apply to the image and not
to the paragraph? You
> end with this <p><img src="myimage.jpg"
class="myclass" /></p>
> What's the logic behind this, this is very annoying,
specialy for CT users.
> Richard
>
> .myclass {
> margin: 0 0 20px 20px;
> float:right;
> }
>
> <p class="myclass"></p>
>
> <p><img src="myimage.jpg" class="myclass"
/></p>
>
You must be selecting the image?
Try this: select the <p> tag, located along the bottom
of the design
window (it will highlited when selected) then from the style
drop menu
in the properties inspector select 'myclass'
That should apply the class to only to the <p> tag?

WPC Webforms - error

Hi Experts,
We have WPC Custom Webforms in the Home page and they are working fine for the past 6 monts.
Suddenly, some of the users (random) are getting runtime exceptions on Production.
The error log is as below and it looks like some CSS Classloader / WPC framework level issue.
Any pointers will be hightly appreciated.
[EXCEPTION]
com.sapportals.portal.prt.component.PortalComponentException: Error in service call of Portal Component
Application name : com.sap.nw.pcc.xmleditor
Component : pcd:com.sap.portal.system/pcc/rt_content/com.sap.portal.pcc/StagingAreaId/SAP/Portal/Portal/1354644894
Component class : com.sap.portal.prt.component.CachablePortalComponent
at com.sap.portal.prt.core.PortalRequestManager.handlePortalComponentException(PortalRequestManager.java:765)
at com.sap.portal.prt.core.PortalRequestManager.callPortalComponent(PortalRequestManager.java:245)
at com.sap.portal.prt.core.PortalRequestManager.dispatchRequest(PortalRequestManager.java:107)
at com.sapportals.portal.prt.core.async.AsyncIncludeRunnable.run(AsyncIncludeRunnable.java:119)
at com.sap.engine.core.thread.execution.Executable.run(Executable.java:122)
at com.sap.engine.core.thread.execution.Executable.process(Executable.java:242)
at com.sapportals.portal.prt.core.async.AsyncPortalComponentResponse.waitUntilIncludesDone(AsyncPortalComponentResponse.java:242)
at com.sapportals.portal.pb.PageBuilder.includeAlliViews(PageBuilder.java:967)
at com.sapportals.portal.pb.PageBuilder.doContent(PageBuilder.java:573)
at com.sapportals.portal.prt.component.AbstractPortalComponent.serviceDeprecated(AbstractPortalComponent.java:205)
at com.sapportals.portal.prt.component.AbstractPortalComponent.service(AbstractPortalComponent.java:121)
at com.sap.portal.prt.component.CachablePortalComponent.service(CachablePortalComponent.java:137)
at com.sap.portal.prt.core.RequestDispatcherFactory$PortalComponentRequestDispatcher$5.service(RequestDispatcherFactory.java:308)
at com.sap.engine.services.servlets_jsp.server.deploy.impl.module.IRequestDispatcherImpl.dispatch(IRequestDispatcherImpl.java:270)
at com.sap.portal.prt.core.RequestDispatcherFactory$PortalComponentRequestDispatcher.service(RequestDispatcherFactory.java:298)
at com.sap.portal.prt.core.PortalRequestManager.callPortalComponent(PortalRequestManager.java:229)
at com.sap.portal.prt.core.PortalRequestManager.dispatchRequest(PortalRequestManager.java:107)
at com.sapportals.portal.prt.core.async.AsyncIncludeRunnable.run(AsyncIncludeRunnable.java:119)
at com.sap.engine.core.thread.execution.Executable.run(Executable.java:122)
at com.sap.engine.core.thread.execution.Executable.process(Executable.java:242)
at com.sapportals.portal.prt.core.async.AsyncPortalComponentResponse.waitUntilIncludesDone(AsyncPortalComponentResponse.java:242)
at com.sapportals.portal.pb.PageBuilder.includeAlliViews(PageBuilder.java:967)
at com.sapportals.portal.pb.PageBuilder.doContent(PageBuilder.java:573)
at com.sapportals.portal.prt.component.AbstractPortalComponent.serviceDeprecated(AbstractPortalComponent.java:205)
at com.sapportals.portal.prt.component.AbstractPortalComponent.service(AbstractPortalComponent.java:121)
at com.sap.portal.prt.component.CachablePortalComponent.service(CachablePortalComponent.java:137)
at com.sap.portal.prt.core.RequestDispatcherFactory$PortalComponentRequestDispatcher$5.service(RequestDispatcherFactory.java:308)
at com.sap.engine.services.servlets_jsp.server.deploy.impl.module.IRequestDispatcherImpl.dispatch(IRequestDispatcherImpl.java:270)
at com.sap.portal.prt.core.RequestDispatcherFactory$PortalComponentRequestDispatcher.service(RequestDispatcherFactory.java:298)
at com.sap.portal.prt.core.PortalRequestManager.callPortalComponent(PortalRequestManager.java:229)
at com.sap.portal.prt.core.PortalRequestManager.dispatchRequest(PortalRequestManager.java:107)
at com.sap.portal.prt.core.PortalRequestManager.dispatchRequest(PortalRequestManager.java:141)
at com.sap.portal.prt.component.PortalComponentResponse.include(PortalComponentResponse.java:206)
at com.sapportals.portal.navigation.workAreaiView.doContent(workAreaiView.java:296)
at com.sapportals.portal.prt.component.AbstractPortalComponent.serviceDeprecated(AbstractPortalComponent.java:205)
at com.sapportals.portal.prt.component.AbstractPortalComponent.service(AbstractPortalComponent.java:121)
at com.sap.portal.prt.core.RequestDispatcherFactory$PortalComponentRequestDispatcher$5.service(RequestDispatcherFactory.java:308)
at com.sap.engine.services.servlets_jsp.server.deploy.impl.module.IRequestDispatcherImpl.dispatch(IRequestDispatcherImpl.java:270)
at com.sap.portal.prt.core.RequestDispatcherFactory$PortalComponentRequestDispatcher.service(RequestDispatcherFactory.java:298)
at com.sap.portal.prt.core.PortalRequestManager.callPortalComponent(PortalRequestManager.java:229)
at com.sap.portal.prt.core.PortalRequestManager.dispatchRequest(PortalRequestManager.java:107)
at com.sap.portal.prt.core.PortalRequestManager.dispatchRequest(PortalRequestManager.java:141)
at com.sap.portal.prt.component.PortalComponentResponse.include(PortalComponentResponse.java:206)
at com.sap.portal.prt.pom.PortalNode.service(PortalNode.java:588)
at com.sap.portal.prt.core.PortalRequestManager.callPortalComponent(PortalRequestManager.java:233)
at com.sap.portal.prt.core.PortalRequestManager.dispatchRequest(PortalRequestManager.java:107)
at com.sap.portal.prt.core.PortalRequestManager.dispatchRequest(PortalRequestManager.java:141)
at com.sap.portal.prt.core.PortalRequestManager.runRequestCycle(PortalRequestManager.java:520)
at com.sapportals.portal.prt.connection.ServletConnection.handleRequest(ServletConnection.java:201)
at com.sap.portal.prt.dispatcher.DispatcherServlet.service(DispatcherServlet.java:132)
at javax.servlet.http.HttpServlet.service(HttpServlet.java:847)
at com.sap.engine.services.servlets_jsp.server.runtime.FilterChainImpl.runServlet(FilterChainImpl.java:202)
at com.sap.engine.services.servlets_jsp.server.runtime.FilterChainImpl.doFilter(FilterChainImpl.java:103)
at com.sap.portal.http.EnrichNavRequestFilter.doFilter(EnrichNavRequestFilter.java:49)
at com.sap.engine.services.servlets_jsp.server.runtime.FilterChainImpl.doFilter(FilterChainImpl.java:79)
at com.sap.portal.http.EnrichNavRequestFilter.doFilter(EnrichNavRequestFilter.java:49)
at com.sap.engine.services.servlets_jsp.server.runtime.FilterChainImpl.doFilter(FilterChainImpl.java:79)
at com.sap.engine.services.servlets_jsp.server.HttpHandlerImpl.runServlet(HttpHandlerImpl.java:432)
at com.sap.engine.services.servlets_jsp.server.HttpHandlerImpl.handleRequest(HttpHandlerImpl.java:210)
at com.sap.engine.services.httpserver.server.RequestAnalizer.startServlet(RequestAnalizer.java:441)
at com.sap.engine.services.httpserver.server.RequestAnalizer.startServlet(RequestAnalizer.java:430)
at com.sap.engine.services.servlets_jsp.filters.DSRWebContainerFilter.process(DSRWebContainerFilter.java:38)
at com.sap.engine.services.httpserver.chain.AbstractChain.process(AbstractChain.java:78)
at com.sap.engine.services.servlets_jsp.filters.ServletSelector.process(ServletSelector.java:81)
at com.sap.engine.services.httpserver.chain.AbstractChain.process(AbstractChain.java:78)
at com.sap.engine.services.servlets_jsp.filters.ApplicationSelector.process(ApplicationSelector.java:276)
at com.sap.engine.services.httpserver.chain.AbstractChain.process(AbstractChain.java:78)
at com.sap.engine.services.httpserver.filters.WebContainerInvoker.process(WebContainerInvoker.java:81)
at com.sap.engine.services.httpserver.chain.HostFilter.process(HostFilter.java:9)
at com.sap.engine.services.httpserver.chain.AbstractChain.process(AbstractChain.java:78)
at com.sap.engine.services.httpserver.filters.ResponseLogWriter.process(ResponseLogWriter.java:60)
at com.sap.engine.services.httpserver.chain.HostFilter.process(HostFilter.java:9)
at com.sap.engine.services.httpserver.chain.AbstractChain.process(AbstractChain.java:78)
at com.sap.engine.services.httpserver.filters.DefineHostFilter.process(DefineHostFilter.java:27)
at com.sap.engine.services.httpserver.chain.ServerFilter.process(ServerFilter.java:12)
at com.sap.engine.services.httpserver.chain.AbstractChain.process(AbstractChain.java:78)
at com.sap.engine.services.httpserver.filters.MonitoringFilter.process(MonitoringFilter.java:29)
at com.sap.engine.services.httpserver.chain.ServerFilter.process(ServerFilter.java:12)
at com.sap.engine.services.httpserver.chain.AbstractChain.process(AbstractChain.java:78)
at com.sap.engine.services.httpserver.filters.SessionSizeFilter.process(SessionSizeFilter.java:26)
at com.sap.engine.services.httpserver.chain.ServerFilter.process(ServerFilter.java:12)
at com.sap.engine.services.httpserver.chain.AbstractChain.process(AbstractChain.java:78)
at com.sap.engine.services.httpserver.filters.MemoryStatisticFilter.process(MemoryStatisticFilter.java:57)
at com.sap.engine.services.httpserver.chain.ServerFilter.process(ServerFilter.java:12)
at com.sap.engine.services.httpserver.chain.AbstractChain.process(AbstractChain.java:78)
at com.sap.engine.services.httpserver.filters.DSRHttpFilter.process(DSRHttpFilter.java:43)
at com.sap.engine.services.httpserver.chain.ServerFilter.process(ServerFilter.java:12)
at com.sap.engine.services.httpserver.chain.AbstractChain.process(AbstractChain.java:78)
at com.sap.engine.services.httpserver.server.Processor.chainedRequest(Processor.java:475)
at com.sap.engine.services.httpserver.server.Processor$FCAProcessorThread.process(Processor.java:269)
at com.sap.engine.services.httpserver.server.rcm.RequestProcessorThread.run(RequestProcessorThread.java:56)
at com.sap.engine.core.thread.execution.Executable.run(Executable.java:122)
at com.sap.engine.core.thread.execution.Executable.run(Executable.java:101)
at com.sap.engine.core.thread.execution.CentralExecutor$SingleThread.run(CentralExecutor.java:328)
Caused by: java.lang.NullPointerException: while trying to invoke the method com.sap.nw.pcc.kmfacade.css.ICssLoaderService.getCSSResources(java.lang.String) of an object loaded from local variable 'cssLoader'
at com.sap.nw.pcc.ui.XmlEditorRenderer.includeCSS(XmlEditorRenderer.java:182)
at com.sap.nw.pcc.ui.XmlEditorRenderer.doContent(XmlEditorRenderer.java:62)
at com.sapportals.portal.prt.component.AbstractPortalComponent.serviceDeprecated(AbstractPortalComponent.java:205)
at com.sapportals.portal.prt.component.AbstractPortalComponent.service(AbstractPortalComponent.java:121)
at com.sap.portal.prt.component.CachablePortalComponent.service(CachablePortalComponent.java:137)
at com.sap.portal.prt.core.RequestDispatcherFactory$PortalComponentRequestDispatcher$5.service(RequestDispatcherFactory.java:308)
at com.sap.engine.services.servlets_jsp.server.deploy.impl.module.IRequestDispatcherImpl.dispatch(IRequestDispatcherImpl.java:270)
at com.sap.portal.prt.core.RequestDispatcherFactory$PortalComponentRequestDispatcher.service(RequestDispatcherFactory.java:298)
at com.sap.portal.prt.core.PortalRequestManager.callPortalComponent(PortalRequestManager.java:229)
... 92 more
Regards,
Ramesh.

Hi Ramesh
Were you able to fix this issue? I am facing exactly the same issue.
Regards
Sonal

CSS stylesheet link issue in Dreamweaver CS4

Hello,
In order to make sure that mywebsite always delivers the latest .css changes without users having to refresh their browsers, I did the trick:
link href="css/style.css?version=1" rel="stylesheet" type="text/css"
This works great, but the trick doesn't work so well when previewing a file in Dreamweaver. It doesn't link to the CSS file because of the "?version=1" part.
Do you folks know what I can do to fix this? Will I need ot have two versions of the files, one for working in and one for uploadng?
Thanks,
Mike

I don't want my users to have to hit refresh to see my CSS changes.
They won't.
The chapter on Design Time Stylesheets doesn'rt really help me.
Sure it does.
the issue is that dreamweaver isn't linking to the style sheet because of the "version" part of the link.
Remove the version part. SaveAs DesignTime.css.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

CSS Advice

I have a site that is made up of tables with pictures in cells and a comment below the picture in the next cell.
In trying to learn CSS I am confused about a plain CSS rule and a class.
Is the class just to create your own name for a rule, like, to set font, bold, color etc. If I do that and call it 'piccomment', then that is a class.
I need some direction to learn the difference.
I also want to change my site to use CSS for positioning, right now we use a table and if we need more rows we just add them.
Thanks,
Fred

Have you read any books on CSS?
Your questions causes irritation, sorry but I had to mentioned that.
Why not go to Barnes and Noble or a public Library and read some books on CSS.
Tables in general are used for displaying Spread sheet or some statistical data. I sometime find tables suitable for certain forms.
Other then that. NEVER USE TABLE FOR ANYTHING ELSE!!
Nothing I show you will help, based on your question.
I strongly recommend you get some books.
Here is a bit to read:
CSS Class: Think of a class as a salutation, any body can be called Mr., Mrs., Ms., Mam., Madam,
A class is not restricted, meaning you can call anyone sir at your job. You can call any man walking in your office Mr.
How does this apply to CSS? Well, when you create a class, you can use it to style multiple or ulimited html elements.
Example: Lets say you have a paragraph tag, like around a greeting, like this: <p>Hello Everyone</p> you can apply CSS class to the paragraph tag, like this: <p class="highlight">Hello Everyone</p>, note, the name of the class assigned to the paragraph tag is highlight.
So if we were going to use the class highlight to style the paragraph, you will do this.
To declear or create a style, you add a dot or period.
.highlight{
font-size: 24px;
color: #000;
Now lets assumed you have another paragraph, like this: <p>I need to learn CSS</p>, you can apply the same class to this paragraph with out conflict
or violations, meaning breaking html rules.
Add the style to the new paragraph: <p class="highlight">I need to learn CSS</p>
Why is this important, because you can use styles as many times as you like through out the page.
ID's work the same way but is restricted, you can only use ID one time on a page. So lets assumed I was using ID's instead of class, I would have to create a new ID everytime because I cannot use the same ID on another tag.
Think of ID's as Social Security numbers. Do you and your buddy have the same number?
Any that's it.
Feel free to ask if you have any other questions.
Remember, it takes a short while to learn CSS, it takes a life time to master.
WE
glasflugel301 wrote:
I have a site that is made up of tables with pictures in cells and a comment below the picture in the next cell.
In trying to learn CSS I am confused about a plain CSS rule and a class.
Is the class just to create your own name for a rule, like, to set font, bold, color etc. If I do that and call it 'piccomment', then that is a class.
I need some direction to learn the difference.
I also want to change my site to use CSS for positioning, right now we use a table and if we need more rows we just add them.
Thanks,
Fred

Beginner CSS questions

I previously designed an html website in Dreamweaver MX 2004
that I need to switch over to CSS. I've been studying pages and
pages of tutorials, and have some questions that haven't really
been addressed, or else I've been missing the point!
So far, I've successfully created a simple, external .css
file that had paragraph and heading rules, linked it to an
existing, table-based, html test-page, published it, and it worked
fine.
Now I want to get away from using tables to using divs, and
there's a sample layout in DW that I selected: Two column, elastic,
with header and footer. Now I'm confused.
In the sample page, along with css rules and instructions,
there are paragraphs of content:
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla
fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus,
fermentum id, molestie in, commodo porttitor, felis. Nam blandit
quam ut lacus. </p>
Question #1: Does this mean this isn't supposed to be an
external style sheet? Because I'm pretty sure one doesn't put any
content on an external style sheet. Can I turn this into an
external style sheet, and what do I need to do in order to
accomplish this?
Question # 2:
As mentioned above, my first foray into an external style
sheet worked fine with one of my table-based html pages. What I
fail to grok is when you set up an external style sheet with divs
how exactly do you put your content on your page in design view? Do
I need to convert tables to divs, which would be on each individual
page? Then am I giving up having the divs controlled by an external
style sheet? I don't mind making all new html pages to be
controlled by the divs on a css, but then I'm back to the first
question - how do you place content on an html page, when the divs
are supposed to be controlled by the external ss. This seems to be
a never-ending loop in my mind!
Many thanks in advance for trying to straighten this out!

> Dreamweaver the Missing Manual - a good overall
reference to the whole
> of Dw - but don't follow everything as it teaches you
about the bad
> bits such as frames - and nested templates.
Not so much the one on CS3....
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
==================
"Malcolm N_" <[email protected]> wrote in message
news:[email protected]...
> On Sun, 30 Dec 2007 23:44:45 +0000 (UTC), "mindi-1"
> <[email protected]> wrote:
>
>>Malcolm M,
>>
>> Thank you for your reply! I'm starting to get more
comfortable in code
>> view.
>>I appreciate your letting me know about moving the
styles from the page to
>>the
>>external style sheet. Good idea to get some books -
do you have any to
>>recommend?
>>
>> Kim,
>>
>> Thank you for the link - I'll do the tutorials, as
they are ones I
>> haven't
>>seen before.
>>
>> Happy new year to you both!
>> Mandira
>>
>>
>
>
> Yes the cssmax tutorial are good - and a good place for
css controlled
> navigation list
>
>
> My recommended library:
>
> HTML,XHTML & CSS by Elizabeth Castro - very
comprehensive, readable
> and attractive book explains all - ( or most at least )
>
> HTML Mastery - Semantics, Standards , and Styling by
Paul Haine - an
> excellent guide to how to really use html, including a
comprehensive
> guide to styling tables used for data.
>
> CSS Mastery - Advance Web Standards Solutions - by Andy
Budd - an
> excellent companion to HTML Mastery - which really
guides you into
> using CSS correctly with valid code.
>
> These two Mastery books compliment each other extremely
well.
>
> CSS - The Definitive Guide - by Eric Meyer - an
excellent reference -
> perhaps a little more difficult style to read - but
clearly the author
> is one of the top experts on CSS.
>
> Dreamweaver CS3 with CSS, Ajax and PHP by David Powers -
another
> excellent book, very readable style on how to produce
good websites
> with Dw. It is NOT like your typical guide to Dw - just
regurgitates
> the help files - including the bits of Dw that should
have been binned
> - David guides you on best practise and the parts of Dw
to avoid.
>
> Dreamweaver the Missing Manual - a good overall
reference to the whole
> of Dw - but don't follow everything as it teaches you
about the bad
> bits such as frames - and nested templates.
>
>
>
> --
>
> ~Malcolm N....
> ~

Custom Layout - Width Issues

I have created two custom layouts. The first has three columns and is only used when there is no DTN Visible. The second has two columns and is only used when there is a DTN. Both use the same style sheet and the left column of the first layout is the same width as the DTN (so it appears the same column is used on all pages just with navigation or no navigation.)
Oh and we are also using a custom innerpage layout which was derived from the existing WAandNAVPanel layout. (We removed the expand/collapse icons and changed the width of the DTN to align with our masthead image.)
Everything looks great until I start adding content. When I add wpc content (paragraphs, link lists) to the right column of the second layout it streches the right column width so it no longer lines up with our masthead images. This does not occur when adding to the first layout even when using the exact same piece of content.
Any ideas why this is happening? I assume it must have something to do with the DTN and Innerpage layout but haven't been able to come up with any conclusive reasoning for what is actually causing the right column to expand.
Any thoughts/ideas/suggestions are appreciated as we plan to push out the new layouts within the next week! Thanks in Advance!!)

For some reason this was very tricky and I ended up having to use Tables and DIVs both in my layouts. I came out with this - but it works great and does not expand the columns regardless of content:
<style TYPE="text/css">

</style>
<lyt:template>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody valign="top">
<tr>
<td width='547px' class='main'>
    <div id='main_content' style='width:547px; text-align:left; overflow=hidden;'>
          <table width="100%" cellspacing="0">
          <tbody>
               <tr><td class="main"><wpc:container id="a1" /></td></tr>
               <tr><td class="main"><wpc:container id="a2" /></td></tr>
               <tr><td class="main"><wpc:container id="a3" /></td></tr>
               <tr><td class="main"><wpc:container id="a4" /></td></tr>
               <tr><td class="main"><wpc:container id="a5" /></td></tr>
          </tbody>
          </table>
     </div>
   </td>
    <td width='225px' class='main'>
    <div id='main_content' style='width:225px; text-align:left; overflow=hidden;'>
          <table width="100%" cellspacing="0">
          <tbody>
               <tr><td class="main"><wpc:container id="b1" /></td></tr>
               <tr><td class="main"><wpc:container id="b2" /></td></tr>
               <tr><td class="main"><wpc:container id="b3" /></td></tr>
               <tr><td class="main"><wpc:container id="b4" /></td></tr>
               <tr><td class="main"><wpc:container id="b5" /></td></tr>
          </tbody>
          </table>
     </div>
   </td>
</tr>
</tbody>
</table>
</lyt:template>
Edited by: TA on Jun 17, 2009 2:34 PM

How can I get more space between items in a line of text .. elegantly

Ok I have some equations that follow each other in a text line, eg
Xc=10^6/2 pi f C     Xc = 10^6/2* pi *50 * C Xc = 10^4/pi C     .................   etc.
Is there some way I can eg put a css entity in the paragraph so I can dimension the space as a box?
I've tried with a <span class=css box></span> but it just includes the statement as text.
And if i put <p>Xc=10^6/2 pi f C</p><span class="css" box></span><p> etc
it puts the equations on different lines.
And multiple    s is a cludge, so is invisible images. There MUST be a nice way to do this?

One way is to do something like this:
1) create your styles like this:
span {
    font-family: "Courier New", Courier, monospace;
    letter-spacing: 3px;
2) create your HTML like this:
<p> <span>Xc = 10^6/2* pi *50 * C Xc = 10^4/pi C </span></p>
Now is this what you are looking for? If not please post back so that something else can be suggested like Math HTML such as this one:
<MATH>∫_a_^b^{f(x)<over>1+x} dx</MATH>
FF and latest IE9/10 supports MAtH HTML as far as I know.
This is the picture of display in IE10:
Good luck.

Good luck with the forum + ePub feature request

Good idea about the new forum! I'm sure it will thrive.
EPub creation in InDesign has advanced by leaps and bounds. Last week I created a fairly heavily illustrated fiction ePub out of InDesign in "one sitting", and -- amazingly -- without having to touch the resulting ePub in an external editor! (This was a book that I had typeset for print in InDesign as well, so of course that makes it easier.) Just a little custom CSS, and some custom paragraph styles and object export settings. I think that's great, and thanks to Douglas Waterfall who is clearly doing an amazing job, plus is very attentive to listening to users' requests and ideas.
Avoiding the use of an external editor is in my opinion very desirable, and currently, InDesign's Achilles heel when it comes to that is the navigation pane. The navigation pane is constructed according to a TOC that the user has created in InDesign, but not everything can be created with an InDesign TOC.
On the most basic level, chapters in the actual ePub might be formatted as so:
CHAPTER 1
Trains
CHAPTER 2
Planes
CHAPTER 3
Automobiles
... but in the nav. pane, one would prefer:
1. Trains
2. Planes
3. Automobiles
As far as I'm aware, the only way to achieve that currently is by opening up the ePub after export with an external editor and editing the nav pane manually.
So if InDesign could offer some way to have more flexibility with that, and avoid the need to edit externally, that would be great.
Ariel
PS And of course, some sort of live preview when editing for ePubs in InDesign is also crucial.
PPS I still can't help wondering if a separate Adobe ePub editor wouldn't be better than foisting it all on InDesign. Obviously, this ePub editor should be able to open InDesign files.

PECourtejoie wrote:
The forums are a work in progress, and we all have a say in its shaping.
You have a wonderful positive attitude, Pierre, but two things:
1. They shouldn't be a work in progress - they should be polished and complete. As it is it gives people the impression that the company's products are unpolished and lacking in function.
2. We may have a say, through threads like this one, but it rarely seems to make any difference. Again that seems to reflect Adobe's overall current philosophy for product development and release... Consider the fact that they virtually always plan to release what they already have built - even though people may feed back many problem reports during beta testing. It happened with the Photoshop CS6 beta, it happens with the Camera Raw betas, and we have this forum software that, despite being released in an unfinished state, isn't being actively modified per anyone's requests.
There's only one good reason for exposing unfinished software - to solicit feedback to help find what's unfinished and prioritize what needs to be done to finish it.
It's not working, Adobe.
Hello? Is this thing on?
-Noel

Change background of web page composer

Hi, someone knows how change the background of the web page composer?
I have seen that the body have "class=prtlBody urFontBaseFam urScrl", but I do not know where is possible to change that style or to change that line.
thanks.
regards.

Hi,
WPC uses the theme from the portal and his own theme. The portal theme can be controlled by the online and offline theme editor. There you can also define the background color of the whole portal. The WPC themes can be found at:
/etc/wpceditor/css/runtime
-> content.css
-> sdn_apps.css
-> sdn_general.css
These WPC themes can be edited using a CSS editor or any text editor and will only be used by WPC.
The actual HTML tags (class, id, divs) used by WPC are defined in the page template. In a standard WPC page:
<table class="wpc_1c_outertable">
    <COLGROUP>
        <COL class="wpc_1c_col1" />
    </COLGROUP>
     <tr class="wpc_1c_tr_o">
If you would change the background of the WPC content, change / define a CSS for .wpc_1c_outertable
Of course you can create your own pages and own divs that will be used by WPC.
br,
Tobias

Scroll bar pushing content

I'm building a site for my girlfriends illustration and some
pages have more content than others and on these pages a scroll bar
appears which pushes the content to the left which then makes going
back to a page without a scroll give the site an inconsistent look.
i'd like to know if there was a way to fix this. I don't want
to force a scroll bar to appear on pages that don't need it, only
for it to appear when needed and to not push all my content over.
All the content is centered and thats how I'd like it to stay.
I"m using Dreamweaver CS3 and am a complete novice so a
simple explanation would be good

it isn't up yet but here is the code of one of the pages.
they will all be the same just with different content
<!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>hollysims.co.uk</title>

<style type="text/css">

</style>

<link href="Styles/header.css" rel="stylesheet"
type="text/css" />
<link href="Styles/paragraph.css" rel="stylesheet"
type="text/css" />
<link href="Styles/photo.css" rel="stylesheet"
type="text/css" />
<style type="text/css">

</style></head>
<body>
<div id="wrapper">
<p align="center"><img
src="images/Site/bannerwithbuttons.jpg" width="674" height="321"
border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect"
coords="17,272,69,298" href="home.html" />
<area shape="rect" coords="76,276,130,297"
href="about.html" />
<area shape="rect" coords="137,276,256,296"
href="illustration.html" />
<area shape="rect" coords="262,275,384,301"
href="photography.html" />
<area shape="rect" coords="391,273,512,295"
href="sketchbooks.html" />
<area shape="rect" coords="519,279,566,299"
href="shop.html" />
<area shape="rect" coords="573,271,647,296"
href="contact.html" />
</map></p>
</div>

<div id="wrappertext">
<div align="center"> <span
class="header">Paris</span>
<p><a
href="images/Illustration/Full_size/Blue_Paris_full.jpg"><img
src="images/Illustration/Thumbnails/Blue_Paris_thumb.jpg"
width="80" height="80" class="photo"
/></a> <a
href="images/Illustration/Full_size/Paris_Collage_full.jpg"><img
src="images/Illustration/Thumbnails/Paris_Collage_thumb" width="80"
height="80" class="photo" /></a></p>
<p> </p>
</div>
</div>

</body>
</html>
for all i know this could be the worst code ever. i'm using
dreamweaver in design mode. never done this before so excuse me if
this makes your eyes sore

Designtime CSS of WPC Adv. Paragraph

Similar Messages

Maybe you are looking for