CSS tags and classes

Hi, after playing around with css for a night, i still cannot
figure out whats the difference between using a class and tag css.
Under what circumstances should i use them?
Helps are greatly appreciated. Thanks.

> while CSS class allows creation of new tags which can be
applied freely.
No, not really. Custom classes can be applied to any HTML
tag, they don't
allow creation of new tags.
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
==================
"paydnar" <[email protected]> wrote in
message
news:euv9gk$l7j$[email protected]..
> I've had it figured out now.. i meant tag and class.CSS
Tag applies to
> existing html standard tags, while CSS class allows
creation of new tags
> which can be applied freely.

Similar Messages

Regarding CSS and CLASS TAG.

Hi Java People,
I am basicaly an ABAPer , can anyone please tell me where is are attributes of the Tag CLASS defined in an HTML page?
Basically i am working on BSP where we have to use Javascript along with ABAP.
In the layout part of BSP i am not able to find the definition of the CLASS tag.
Thanks in advance.
Regards,
Vevek.

Dear Vivek,
                  This is the following example where you can use the CSS and JSP togeather...
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-color
http://www.w3schools.com/css/css_examples.asp
Jsp Examples to use CSS in Class Tags:
<table class="table_bdr">
                    <tr>
                 <td class="datatxt">
                 <td><input type="text" name="assoid" value="" size="10" class="inputText_Full" /></td>
Reward Points if useful

Trying to make sense of div tags and css

i know that i am a few years late here, but i am looking ot make the migration from using tables and switching over to div tags and css. i have watched a few tutorials on you tube and am trying to understand everything.
please tell me if this is correct. a div tag is basically a table and css is what is used to style that div tag to meet your needs, is this a correct assumption??
if you go to my current site www.tankinz.com you can clearly see that the site is made up of tables, basically these boxes or tables contain a different item or package that a customer can click on and buy. by using div tags and css would each of these boxes, or tables be their own div?
sorry for sounding a bit moronic but i am trying to make sense of all of this.
please help!

Markup (html) contains elements, such as html, body, h1, h2, p, span, div and so forth. Hence a <div>-tag is part of an element; the other part being the </div>-tag.
The element structure of many web sites is basically (using HTML5 element names)
html
     head
     body
          header
          nav
          aside
          article
          footer
These elements can be positioned and styled using style rules (css). Depending on the style rules, the above structure can take on many different styles, without ever touching the markup.
Have a look here for a simple two-column layout using the same structure as above http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

Code hints for id's and classes, already used in CSS

Often when writing CSS I have to repeat #idnames and .classnames again and again, because I tend to write like this:
#myelement {}
#myelement .inner {}
#myelement .inner .subdiv {}
#myelement .inner .subdiv ul li {}
#myelement .inner .subdiv ul li a {}
#myelement .inner .subdiv ul li a:hover {}
Is there a code completion for already used id's and classes in the CSS CodeView in Dreamweaver?
I know the HTML Codeview give you hints for id's and classes from the CSS, but I want hints for id's and classes inside the CSS View.
I know this from Aptana and it is really handy so I've just wondered.
Thanks for answers.
Pete

Hello Susan;
I don't know if this helps, but I was having code hint issues also, here is the link to the discussion.
http://forums.adobe.com/thread/553610?tstart=0
John

Include In Head adaptive Tag and Webcenter Default CSS questions

Hello I'm fairly new to Webcenter
I`m currently working on a project that`s requiring us to do a lot of customizing of Templates and Stylesheets changes, I have a couple of questions I was hoping someone might be able to help me with.
1) I want to inject some code into the page header of all webcenter pages. I understand that there is an adaptive tag "includeinhead", documented here:
http://download.oracle.com/docs/cd/E13174_01/alui/devdoc/docs60/Portlets/Adaptive_Portlets/Using_Adaptive_Tags/plumtreedevdoc_integration_portlets_adaptive_namespacetoken.htm
This works, for the most part. However, for IE I would like to include the 'ie shim' which fixes behaviours for IE (adding things like border radius), etc...this code goes as follows:

As you can see, there are 'comment' tags that are not really comments, but directives to IE to process the script. This unfortunately gets parsed out by webcenter because (I assume) it just sees the whole block as a comment...So I am wondering what can be done about this.
2) I am wondering where the 'default' stylesheet that webcenter uses resides. By default, I am referring to the styles that get applied in the cases where tags are not defined in the skin file. I am having some difficulties around this because often Webcenter injects inline CSS into the controls where I don't really want it to... For example, in the "panel header" control, webcenter injects code for the title field and automatically sets the width of the cell. I would like to override this and control it completely.
Thanks.

Is that really a big deal or is it ok .... ? I'm always thinking .... oh god how heavy that is , anytime you call up the page the browser has to go through all that first ... is it actually ok or are there any tricks or tips ?
It's always a good idea to worry about how heavy the LINKED files are since they contribute to the overall weight of the page. The contribution of the links themselves, though, is negligable. There is also benefit in managing the order in which those links appear. Put CSS links first and follow them with javascript links (since the CSS will affect the page rendering, while the javascript most likely will not), so the browser can begin to render the page even while it's waiting for the js files to be fetched.
2 - Templates are great but If a spry is only needed on some pages,how do we handle that ? By setting up another template ? Or is there a better way ?
If you are applying Spry effects to a Template child page, DW is smart enough to drop those links into the editable region in the head of the page (which is what it should do). Just make sure that the editable region falls BETWEEN your CSS links and your JS links to allow you to arrange things as mentioned above. There is never a real need to have more than one Template per site.
3 - is it better to have 1 single compressed css file with ALL styles in it or various css files ?
There is a small performance hit everytime you have to go back to the server for another file. So two pages of the same overall weight, one with 1 externally linked file, and the other with 10 externally linked files will show a difference in their download time. How significant that difference is will depend on many variables, but it will be a real difference. That being the case, it's always better to opt for a single file than multiple files. Practically speaking, the difference will usually be small, especially when you consider how small these 'incremental' css files usually are....

[svn:fx-trunk] 15669: * Package and class level javadoc for the flex2. compiler.css,

Revision: 15669
Revision: 15669
Author:   [email protected]
Date:     2010-04-23 10:12:53 -0700 (Fri, 23 Apr 2010)
Log Message:
Package and class level javadoc for the flex2.compiler.css,
flex2.compiler.common, and flex2.compiler.config packages.
QE notes:
Doc notes:
Bugs:
Reviewer: Corey (post-commit)
Tests run: checkintests
Is noteworthy for integration: NO
Modified Paths:
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/CompilerConfiguration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/Configuration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/ConfigurationPathResolver. java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/DefaultsConfigurator.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/FontsConfiguration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/FramesConfiguration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/LocalFilePathResolver.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/MetadataConfiguration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/MxmlConfiguration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/NamespacesConfiguration.ja va
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/PathResolver.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/SinglePathResolver.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/AdvancedConfigurationInfo. java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/CommandLineConfigurator.ja va
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/ConfigurationException.jav a
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/ConfigurationFilter.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/ConfigurationInfo.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/ConfigurationValue.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/FileConfigurator.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/SystemPropertyConfigurator .java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/ConditionTypeNotSupported.jav a
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/CssCompiler.java
Added Paths:
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/package.html
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/package.html
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/package.html

Set by script the tag and/or the class of a paragraph style for HTML / EPUB export?

Is it possible to set by script the tag and/or the class of a paragraph style for HTML / EPUB export?

I found a way
tell application "Adobe InDesign CS6"
tell document 1
tell paragraph style 2
--get count of style export tag map
tell style export tag map 1 -- HTML , 2 = PDF
--get export class
--get export tag
set export tag to "H1"
set export class to "blue"
end tell
end tell
end tell
end tell
and its works
but thanks for help to use the class "style export tag map"

[svn] 790: ASDocs update (3.0.x branch) -- added @ productVersion tag and some @see tags to class descriptions for mx.core. windowClasses.StatusBar and TitleBar.

Revision: 790
Author: [email protected]
Date: 2008-03-12 13:09:50 -0700 (Wed, 12 Mar 2008)
Log Message:
ASDocs update (3.0.x branch) -- added @productVersion tag and some @see tags to class descriptions for mx.core.windowClasses.StatusBar and TitleBar.
Modified Paths:
flex/sdk/branches/3.0.x/frameworks/projects/airframework/src/mx/core/windowClasses/Status Bar.as
flex/sdk/branches/3.0.x/frameworks/projects/airframework/src/mx/core/windowClasses/TitleB ar.as

Ooops, I must have accidentally clicked 'Submit' - I didn't mean to post it.
Try using some more nouveau goodness. I have no idea why nouveau-drm is unavailable atm - it was here yesterday ...
http://arm.kh.nu/search/index.php?a=32& … ommunity=1 <- this is for 32-bit
Last edited by karol (2010-07-21 00:01:30)

[svn] 791: ASDocs update (trunk) -- added @productVersion tag and some @ see tags to class descriptions for mx.core.windowClasses. StatusBar and TitleBar.

Revision: 791
Author: [email protected]
Date: 2008-03-12 13:11:30 -0700 (Wed, 12 Mar 2008)
Log Message:
ASDocs update (trunk) -- added @productVersion tag and some @see tags to class descriptions for mx.core.windowClasses.StatusBar and TitleBar. These fixes have already been made in the published livedocs source.
Modified Paths:
flex/sdk/trunk/frameworks/projects/airframework/src/mx/core/windowClasses/StatusBar.as
flex/sdk/trunk/frameworks/projects/airframework/src/mx/core/windowClasses/TitleBar.as

solved by myself.
also if there's port 8084 configured on server properties, jboss start using 8080 (maybe i've done some error while registering jboss, i dunno but i'm a newbye of eclipse). So changing port to 8080 in server properties for jboss solve the problem.

Is there a 'macro' to convert a Word style to CSS tag?

The text in my source (Word) has a named character style applied to selected words/phrases throughout the text. I want to detect that specific character-style spec. in the source (pasted from Word into a DW target page) and have a way to translate what was a Word style-spec. into a specific CSS style for that same piece of text in the HTML.
For example, say the Word style is a character style named "boldBlue" (which, when applied to the text, makes it appear in ... bold and blue). In CSS, I have a style named "BB" -- I want the HTML to have the same text tagged correctly using the CSS spec. for "bold blue" (BB), without needing to assign that CSS tag over and over and over to each case.
Is there some 'macro' (or 'batch') way to accomplish this in CS6?

Honestly, the best thing you can do is strip out all Word generated code. Word is a horribly writer of html and css and will increase the headache factor of your project by an order of magnitude. DW has a feature built into it specifically to strip out all Word generated gibberish simply because it is so terrible...
Commands > Clean Up Word HTML
To change code from something like class="BoldBlue" to class="BB", you can open the page in source view and use the Find & Replace feature to replace all instances of BoldBlue with BB.
Ctrl + F or Edit > Find and Replace
When the dialogue window pops up, choose Current Document and Source Code from the drop downs. Put the exact text, spaces and all into the Find field and the new info in the Replace, then click Replace All.

Beginner CSS problems and questions

I'm trying to learn CSS, but first, I have to knock out this simple site for a client, CSS or not, asap.
Problem #1:
Here is the page: http://larrysullivandesign.com/sourceprintmedia.com/_contact.html
Here is the style sheet: http://larrysullivandesign.com/sourceprintmedia.com/sourceprintmedia.css
I want the email link the same font size as the text around it, which is:
class="bodycopy-content"
I don't understand why it appears in the text-links page bottom (class="link-typeA") size.
Problem #2:
Dreamweaver WYSIWYG shows the text links at page bottom in the #00F blue, (see attached jpg: "scrncap_DW_WYSIWYG.jpg) when clearly they should display only as the grey in the external stylesheet. In the browser, they look good. Frustrating, DW bug?
Problem #3:
I tried to merge all the CSS into one style sheet but no matter what I try, DW won't let me. Now I have 3 CSS categories. (see attached jpg "scrncap-csspanel.jpg") How come I can't have any/all style sheets in one?
thanks in advance!
-Larry

Problem #1:
You have defined a font size (8px - which btw, renders extremely small on my 1440x900 laptop, suggestion to follow) for the "a" tag. Because of this any link regardless of where it is will be that font size. Personally speaking I would recommend taking the font-size off of the "a" tag in your CSS document and then let the other classes control the font size throughout your page.
Problem #2:
You defined a class fine, but links do not work on a class. They will always work on a:link, a:active, a:visited, and a:hover. With this in mind what you need to do to change the color of links in a particular area is to do the following:
.link-typeA a { CSS stuff goes here }
That will change the links in that class to have certain features.
Problem #3:
This has to do with code in the header of your page where you have re-declared link styles. Delete that from your page and you will be set
Now back to Problem #1 about the fonts. Your best bet is to use "em" to define your font size. Think of the EM like a multiplier. It takes the default size of the end-users settings and 1.1em would be 1.1x larger than the default font, 2em would be twice as large, and .5em would be half the size. This way your text is readable on all screens regardless of the end-users resolution.

[svn:fx-trunk] 10973: Removing sentence in [Deprecated] tag and referring them to the channelSet property.

Revision: 10973
Author:   [email protected]
Date:     2009-10-12 13:30:33 -0700 (Mon, 12 Oct 2009)
Log Message:
Removing sentence in tag and referring them to the channelSet property. The ASDoc explains the deprecation.
QE notes: None
Doc notes: None
Bugs: SDK-20066
Tests run: Checkintests
Is noteworthy for integration: No
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-20066
Modified Paths:
    flex/sdk/trunk/frameworks/projects/rpc/src/mx/rpc/soap/mxml/WebService.as

Sorry about that. I am not exactly sure where the problem is, but I know it takes place after I put the <nav> in (in the html portion). If I understand what I am learning, the CSS at the top will structure my html code so I would have thought the CSS tageting my nav would be the focus. Maybe it is a different section though.
CSS part:
nav p {
font-size: 90%;
color: #FFC;
text-align: right;
font-weight: bold;
background-color: #090;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #060;
HTML part: (bold italic is the part I added)
<body>
<div class="container">
<div id="apDiv1"><img src="Lessons/images/butterfly-ovr.png" width="170" height="158" alt="GreenStart Logo"></div>
<header></header>
<nav>
    <p>Home | About Us | Contact Us</p>
</nav>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="#">Green News</a></li>
      <li><a href="#">Green Products</a></li>
      <li><a href="#">Green Events</a></li>
      <li><a href="#">Green Travel</a></li>
      <li><a href="#">Green Tips</a></li>
    </ul>

Modifying tag and module icons?

Hi folks,   Is there a way to modify tag displays?    like:
   {tag_nextpage}    {tag_previouspage}   {tag_pagination}
In php I could create icons within the repeating areas that would not appear when there was no Next tag, e.g. Or would only appear when there was pagination.   Since these are enclosed tags with no options in the tag reference, it seems it is not possible. ?
Next | Previous becomes
| Previous when there is no next tag and it looks stupid.
Also, is there a way to modify module tags?   I want the shopping cart icon to be included in the linking when someone tries to access their cart. Right now only the text is selectable, but because it is part of {module_shoppingcartsummary} and I don't see any way to find or modify this module, I don't see a way to alter its display and link actions.

I think you are missing my point.
The Cart ICON is not clickable
The code for the template is:
<div class="cart">
        {module_shoppingcartsummary}
        </div>
I cannot find the module code or source to edit the module to include the cart icon within the <a href   ="      Tag…
I realize the icon is a CSS background which makes it unselectable. I'd like to include the image within the shopping cart summary module if possible.

Loading .jar and .class in MX7

I have a cfx tag that includes a .class and .jar file. I
could do this on the old MX server but in MX7 the option is not in
the cfide/administrator.
I copied the .jar and .class files into the
c:\cfusionmx7\runtime\lib\ directory and then added them to the
bottom of the jvm.config file with the following entry. (note: The
.jar file is called MYNEWFILE.jar)
java.class.path={application.home}/servers/lib,{application.home}/../lib/macromedia_driver s.jar,{application.home}/lib/cfmx_mbean.jar,{application.home}/lib,{application.home}/lib/ MYNEWFILE.jar,{application.home}/../wwwroot/WEB-INF/lib/
I then rebooted the server. I also have a ".class" file that
goes with this. I have no idea where to put that thing. The cfx
(which I mapped in the administrator).
I get the standard 500 error saying:
HTTP 500 - Internal server error
Internet Explorer
even though I have debugging going to my laptop.
Here is the output of the exception.log
"Error","jrpp-0","07/05/07","16:04:14",,"com/allaire/cfx/CustomTag
The specific sequence of files included or processed is:
C:\Inetpub\wwwroot\Pauly\example.cfm "
java.lang.NoClassDefFoundError: com/allaire/cfx/CustomTag
at java.lang.ClassLoader.defineClass0(Native Method)
at java.lang.ClassLoader.defineClass(Unknown Source)
at java.security.SecureClassLoader.defineClass(Unknown
Source)
at java.net.URLClassLoader.defineClass(Unknown Source)
at java.net.URLClassLoader.access$100(Unknown Source)
at java.net.URLClassLoader$1.run(Unknown Source)
at java.security.AccessController.doPrivileged(Native Method)
at java.net.URLClassLoader.findClass(Unknown Source)
at java.lang.ClassLoader.loadClass(Unknown Source)
at sun.misc.Launcher$AppClassLoader.loadClass(Unknown Source)
at java.lang.ClassLoader.loadClass(Unknown Source)
at
jrunx.util.JRunURLClassLoader.loadClass(JRunURLClassLoader.java:77)
at java.lang.ClassLoader.loadClass(Unknown Source)
at
jrunx.util.JRunURLClassLoader.loadClass(JRunURLClassLoader.java:77)
at java.lang.ClassLoader.loadClass(Unknown Source)
at
jrunx.util.JRunURLClassLoader.loadClass(JRunURLClassLoader.java:77)
at
jrunx.util.JRunURLClassLoader.loadClass(JRunURLClassLoader.java:69)
at
coldfusion.bootstrap.BootstrapClassLoader.loadClass(BootstrapClassLoader.java:207)
at java.lang.ClassLoader.loadClass(Unknown Source)
at java.lang.ClassLoader.loadClassInternal(Unknown Source)
at java.lang.Class.forName0(Native Method)
at java.lang.Class.forName(Unknown Source)
at coldfusion.tagext.CfxTag.doStartTag(CfxTag.java:88)
at
coldfusion.runtime.CfJspPage._emptyTag(CfJspPage.java:1908)
at
cfexample2ecfm2026642798.runPage(C:\Inetpub\wwwroot\Pauly\example.cfm:3)
at coldfusion.runtime.CfJspPage.invoke(CfJspPage.java:152)
at
coldfusion.tagext.lang.IncludeTag.doStartTag(IncludeTag.java:343)
at
coldfusion.filter.CfincludeFilter.invoke(CfincludeFilter.java:65)
at
coldfusion.filter.ApplicationFilter.invoke(ApplicationFilter.java:210)
at coldfusion.filter.PathFilter.invoke(PathFilter.java:86)
at
coldfusion.filter.ExceptionFilter.invoke(ExceptionFilter.java:50)
at
coldfusion.filter.BrowserDebugFilter.invoke(BrowserDebugFilter.java:52)
at
coldfusion.filter.ClientScopePersistenceFilter.invoke(ClientScopePersistenceFilter.java:2 8)
at
coldfusion.filter.BrowserFilter.invoke(BrowserFilter.java:38)
at
coldfusion.filter.GlobalsFilter.invoke(GlobalsFilter.java:38)
at
coldfusion.filter.DatasourceFilter.invoke(DatasourceFilter.java:22)
at coldfusion.CfmServlet.service(CfmServlet.java:105)
at
coldfusion.bootstrap.BootstrapServlet.service(BootstrapServlet.java:78)
at jrun.servlet.ServletInvoker.invoke(ServletInvoker.java:91)
at
jrun.servlet.JRunInvokerChain.invokeNext(JRunInvokerChain.java:42)
at
jrun.servlet.JRunRequestDispatcher.invoke(JRunRequestDispatcher.java:257)
at
jrun.servlet.ServletEngineService.dispatch(ServletEngineService.java:527)
at
jrun.servlet.jrpp.JRunProxyService.invokeRunnable(JRunProxyService.java:204)
at
jrunx.scheduler.ThreadPool$DownstreamMetrics.invokeRunnable(ThreadPool.java:349)
at
jrunx.scheduler.ThreadPool$ThreadThrottle.invokeRunnable(ThreadPool.java:457)
at
jrunx.scheduler.ThreadPool$UpstreamMetrics.invokeRunnable(ThreadPool.java:295)
at jrunx.scheduler.WorkerThread.run(WorkerThread.java:66)
"Information","Thread-10","07/05/07","16:14:10",,"Address
already in use: JVM_Bind"
java.net.BindException: Address already in use: JVM_Bind
at java.net.PlainSocketImpl.socketBind(Native Method)
at java.net.PlainSocketImpl.bind(Unknown Source)
at java.net.ServerSocket.bind(Unknown Source)
at java.net.ServerSocket.<init>(Unknown Source)
at java.net.ServerSocket.<init>(Unknown Source)
at
coldfusion.server.jrun4.metrics.CfstatServer.run(CfstatServer.java:64)
Any help would be greatly appreciated, as I've been working
on this for a while. I couldn't find a solution in the forums so I
thought I would post. Thanks!
Pauly

>> java.lang.NoClassDefFoundError:
com/allaire/cfx/CustomTag
Is the CFX.jar in the classpath?
> The option is not in the cfide/administrator.
What option? The administrator has several options for custom
jars, tags, et.
- Extensions -> Custom Tag Paths
- Extensions -> CFX Tags
CF will also look in these directories automatically
- {cf_webroot}/WEB-INF/classes (for classes)
- {cf_webroot}/WEB-INF/lib (for jars)

Does Acrobat Pro 9 support "page-break-before" CSS tag? ie Pagination issues

Hey there
Converting a whole stack of html files to PDF and having some pagination issues. Titles not staying with images and tables getting chopped in half by page breaks etc.
Thought i could solve it by using carefully placed "page-break-before:always" tags where i wanted the page break. Works as expected in Safari when i go to print but not when i "File:Create PDF: From File" in Acrobat Pro. They get ignored.
Here's how they should work:
http://www.w3.org/TR/CSS21/page.html#x3
This is a major hassle. I've got over 600 webpages to convert to PDF's and manually entering <br> to force items onto the next page is getting old.
Here's some sample html, paste it into a file, save, open it in Safari and then go to print. It should print 7 pages. Open it in Acrobat Pro 9.1.0 and you get one page.
<body>
test0
<p style="page-break-before: always">
test
<p style="page-break-before: always">
test1
<p style="page-break-before: always">
test2
<p style="page-break-before: always">
test3
<p style="page-break-before: always">
test4
<p style="page-break-before: always">
</body>
The really nice thing is this would be so useful. You can attach the tag (page-break-before:avoid) to a Caption style and always be assured that it will stay with a following graphic when you print the webpage. Or use it to make sure a table doesn't get cut in half.
http://reference.sitepoint.com/css/page-break-after
http://reference.sitepoint.com/css/page-break-before
Any hints would be great
tia
Jeremy

Nope. Did the </br> thing.
Cost me some serious cash. Very annoying.
I haven't tried it with Safari 5. Acrobat allowed me set page margins, something that Safari 4 didn't allow (didn't support margin css tags). But acrobat didn't support the pagination and Safari 4 did.
Like i said annoying
I'll see if Safari 5 supports the print margins css tags.
I'll prob get asked to do this again so would like to sort it out
Jeremy

CSS tags and classes

Similar Messages

Maybe you are looking for