CFML in CSS

I am trying to add a rotating image CF tag in a CSS
element... sort of something like the following:
<style type="text/css">
div#container {
background-color : #fff;
background-image : url(<cf_coop_banner>);
background-attachment:scroll;
background-repeat : repeat-y; }
</style>
<div id="container">
</div>
After i run the cfm file and view the source I get the
following:
<!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"
xml:lang="en" lang="en">
<head>
<title>WorrySome.com</title>

<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<style type="text/css">
div#container {
background-color : #fff;
background-image : url(
The tag is blowing up the CSS, I know the tag works OK in my
other pages, this is the first time I am trying to work with it in
CSS.
I guess the question is can I us CFML in this manner?
Any ideas?

Looks like I found out the answer is yes, you can CFML in a
CSS element.
My problem is the CFTag that I am using.

Similar Messages

Delay execution of CFML

Hi there
I manage a site that "pre-generates" pages, so that the
execution time is quicker and the demands on the server are reduced
when users come to the site.
The problem is this. I have a template that contains CFML
that looks to see the browser that the user is using. When the
pages are "pregenerated" using say IE and the user visits using
Firefox, the pages to not render properly, because the
pregeneration process inserts a reference to the stylesheet for IE,
and not Firefox (which makes sense).
I would simply like to "include" the code that determines
which stylesheet should be used in the pregenerated page so that it
is executed when the user visists the site, rather than the
pregenerated page executing that code when the page is created.
Is anyone able to assist?
Thanks for your help in advance.
Goofy

Thanks very much for your response.
The problem is, my CF code (similar to that which you have
set out below) executes when I pregenerate my page. So, if I were
pregenerating the pages using (say) IE7, the line of code "<LINK
href="ie7_style.css" rel="stylesheet" type="text/css">" would be
inserted into the page, which would then be live on the website. If
a person comes along and views the page using Firefox, Opera, IE6
or any other broswer, the IE7 css will be used, because the line
<LINK href="ie7_style.css" rel="stylesheet" type="text/css">
is already in the template.
What I want to do is insert the code (such as yours below)
into the template that server executes when the Firefox (or other)
user comes to the site.
Does this assist?
Regards
Goofy

Problem with CSS in ADF 11g application

Hi,
I have added a CSS code for my login page(login.html), The issue i am facing is When ever i am opening the page the complete CSS is not coming for each time one CSS component is coming that's means if there are 4 CSS components as shown below i need to login and logout the page 4times. 5th time i am getting the complete page.
.ESPS_login_body{
background-color:#eef1f8;
margin:0px;
padding:0px;
}.ESPS_login_body *{
margin:0px;
padding:0px;
font-family: Tahoma, Verdana, sans-serif;
.ESPS_login_top_bar{
background-image: url(../skin_images/login_top_bar.png);
background-repeat: repeat-x;
background-position: left top;
height:30px;
I am running the application on firefox3.5.3 version.
Please suggest me
Thanks,

Hi,
Thanks for your quick reply.
MY CSS File:
.ESPS_login_body{
background-color:#eef1f8;
margin:0px;
padding:0px;
}.ESPS_login_body *{
margin:0px;
padding:0px;
font-family: Tahoma, Verdana, sans-serif;
.ESPS_login_top_bar{
background-image: url(../skin_images/login_top_bar.png);
background-repeat: repeat-x;
background-position: left top;
height:30px;
.ESPS_login_bottom_bar{
background-image: url(../skin_images/login_bottom_bar.png);
background-repeat: repeat-x;
background-position: left top;
height:46px;
color:#eeeeee;
text-align:center;
padding-top:9px;
font-size:small;
.ESPS_login_bg{
background-image: url(../skin_images/login_bg_gradient.png);
background-repeat: repeat-x;
background-position: left top;
background-color:#6882cc;
height:594px;
overflow:hidden;
.ESPS_login_content{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../skin_images/login_bg_main.png) no-repeat scroll center top;
color:#4269b6;
height:594px;
overflow:hidden;
.ESPS_login_content_left{
height:594px;
.ESPS_login_content_main{
height:594px;
width:650px;
margin:0px auto;
padding:20px;
.ESPS_login_content_main h1{
margin-top:230px;
margin-left:125px;
color:#4269b6;
.ESPS_login_content_main > h1{
margin-top:210px;
div.ESPS_login_from{
margin-top:20px;
margin-left:245px;
.ESPS_login_input{
background:transparent url( '../skin_images/login_input.png' ) no-repeat scroll center top;
border:none;
margin:0px;
padding-top:4px;
padding-left:7px;
width: 193px;
height: 25px;
.ESPS_login_submit{
display:-moz-inline-box;
display:inline-block;
cursor:pointer;
border:none;
font-size:0;
line-height:0;
text-decoration:none;
font-style:normal;
vertical-align:middle;
background: transparent url("../skin_images/login_go_button_i.png") no-repeat top left;
border: none;
width: 48px;
height: 25px;
margin:0px;
margin-bottom:17px;
div > a.ESPS_login_submit{
margin-bottom:0px;
.ESPS_login_submit:hover{
background: transparent url("../skin_images/login_go_button_highlighted_i.png") no-repeat top left;
.ESPS_login_submit:active{
background: transparent url("../skin_images/login_go_button_pressed_i.png") no-repeat top left;
label.ESPS_label{
display:-moz-inline-box;
display:inline-block;
font-weight:bold;
padding-bottom:8px;
width:110px;
margin-bottom:2px;
div > label.ESPS_label{
padding-bottom:3px;
margin-bottom:2px;
Login Page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>ESPS Login</title>
<link href="/skins/css/mySkin.css" rel="stylesheet" type="text/css"></link>
</head>
<body class="ESPS_login_body">
<div class="ESPS_login_top_bar">
</div>
<div class="ESPS_login_bg">
<div class="ESPS_login_content">
<div class="ESPS_login_content_main">
<h1>External </h1>
<form name="ESPS_login_form" method="POST" action="j_security_check">
<div class="ESPS_login_from">
<label class="ESPS_label">User Name:</label><input type="text" name="j_username" class="ESPS_login_input" onclick="this.value='';"/>
<label class="ESPS_label">Password: </label><input type="password" name="j_password" class="ESPS_login_input" onclick="this.value='';"/>
<a id="submit" href="#" class="ESPS_login_submit" onclick="document.ESPS_login_form.submit(); return false;">
<span> </span></a>
</div>
</form>
</div>
</div>
</div>
<div class="ESPS_login_bottom_bar">©Copyright 2009, DISH Network L.L.C., all rights reserved.
</div>
</body>
</html>
Please help me

Generally when creating a Word file from either a Mac or Win7 pc and opening it on two different machines (either one first) it always prompts that the file is open and will be opened as read only. However opening a CSS file does not prompt that it is alr

Generally when creating a Word file from either a Mac or Win7 pc and opening it on two different machines (either one first) it always prompts that the file is open and will be opened as read only.
However opening a CSS file does not prompt that it is already open on or from any machine which is causing code edits to be lost.
What we found from out testing:
- The file can be saved from one user to the server and WILL NOT PROMPT on other machines until the saving machine has the Dreamweaver program closed completely
- The file can be closed and Dreamweaver minimised to the launch bar but it still will not register on other machines that it has been changed.
- Also, until the Dreamweaver program is closed on the machines, it will continue to open it's saved version of the file.
Example Scenario:
- User 1 opens test.css (which is 2000 lines) and adds some code to the end of the file to bring it up to 2500 lines
- Meanwhile User 2 opens test.css as well (opens as 2000 lines as User 1’s edits have not yet been saved) and adds in code to bring it to 2300 lines
- User 1 saves his file and closes it - but Dreamweaver is still open.
- User 2 also saves his file and leaves Dreamweaver open.
- The server will report the size and last edit of the file the same as User 2 as he was the last person to save it (and if you open from the Win7 Machine it will show as User 2’s 2300 line version)
- If User 1 then open's the file again (from either the 'recent' in Dreamweaver OR clicking on the file directly in Finder...which version opens.... The version that User 1 saved! Not the true version on the server, but the version that User 1 edited and saved with 2500 lines in it.
- Same for User 2, he will open 'his' version with 2300 lines in.
Other information:
- Files are opened directly from the server
- Sometimes the users will save incrementally and re-open
- Most of the time users will save incrementally and keep the files open
- The users will never not save incrementally and just save when closing the file once finished
- The users are usually working on the files all day
- It is always the bottom lines of code that are lost. It could be a case of the two versions being mixed up and cutting off the newly added lines based on the line count (possibly).
It is as if Dreamweaver is holding a cache of the version locally and then only properly looking back to the server when it has been completely closed. It is very difficult to see how the server is causing such an impact on these files, there are very few logs which are giving any indication to the root cause of the problems.
Anyone know if this is a known issue?
Is there a way that there can be a featured implemented on the server that doesn't allow another user to open a file if it is already open on another machine?
Thanks

Your server file handling has nothing, and really nothing to do with Adobe software. If files don't get locked for (over-)writing and/or lose connection to the program opening them, then your server is misconfigured. It's as plain and simple and that. Anything from "known file types"/ file associations not being set correctly, MIME types being botched, crooked user privileges and file permissions, missing Mac server extensions, delayed file writing on the server, generic network timeout issues and what have you. Either way, you have written a longwinded post with no real value since you haven't bothered to provide any proper technical info, most notably about the alleged server. Either way, the only way you can "fix" it is by straightening out your server and network configuration, not some magic switch in Adobe's software.
Mylenium

How Do You Add Multiple CSS Rules to Text?

Hi everyone, I have these css rules in my css styles window they are all assigned to some text in a cell on my page.
.Def14grey4 <body>
.def14grey4 a:link <a>
.def14grey4 a:visited <a>
.def14grey4 a:hover <a>
.def14grey4 a:active <a>
.def14grey4 a:focus <a>
How do you add (all of) these styles to the text in the first place, I know how to add the first one (.Def14grey4), you select the text in the cell and choose the rule from the drop-down menu in the css panel, but how do you add the other ones to some text as well, so that it can have the same link properties.
Basically I have some more text elsewhere on the page and want to assign these rules to that as well.
thanks Gareth

You would want to change your order as shown here -
.Def14grey4 <body>
.def14grey4 a:link <a>
.def14grey4 a:visited <a>
.def14grey4 a:hover, .def14grey4 a:focus <a>
.def14grey4 a:active <a>
That way, the hover and the focus states are equivalent.
How do you add (all of) these styles to the text in the first place, I know how to add the first one
You don't really. The 4 bottom selectors say -
"find an element with a class of 'def14grey4', and style any link inside that element this way"
So, <span class="def14grey4"><a href="whatever.html">Whatever</a></span> would get the pseudo-class styles, as would any of the following -
<span class="def14grey4"><a href="whatever.html">Whatever</a></span>
<td class="def14grey4"><a href="whatever.html">Whatever</a></td>
<p class="def14grey4"><a href="whatever.html">Whatever</a></p>
<body class="def14grey4"><a href="whatever.html">Whatever</a></body>
<div class="def14grey4"><a href="whatever.html">Whatever</a></div>
<strong class="def14grey4"><a href="whatever.html">Whatever</a></strong>
and so on. These examples assume that there isn't some other more specific rule that would apply to the same links. You need to study up on the CSS cascade and specificity....

Is there a way to create a CSS image gallery with caption?

Hi everyone,
Ive been using the disjoint rollover, but I only have one
thing that I want to add to it—a caption right underneath an
image.
Besides using that Project Seven plug-in, is there a way to
create an image gallery without using layers? Or is layers the only
way to do it? All I want (words of doom, huh?) is a thumbnail to be
able to switch and image and add a caption to it. Can anyone point
me in the right direction? Or is that Project Seven plug-in deal my
best bet? What about Set Text of Layer in DW.
Oh yeah, Im still using DW with CSS sprinkled in..any help?
Thanks in advance.
-C

> Besides using that Project Seven plug-in, is there a way
to create an
> image
> gallery without using layers?
Of course.
> What about Set Text of Layer in DW.
That would do it, and it's not necessary that the layer stay
a layer after
you have done it, either. I do this frequently - make a
layer, apply the
behavior, and then remove the position:absolute from the div,
and place it
where I want it.
See the demo here -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
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
==================
"psypent81" <[email protected]> wrote in
message
news:eus555$lac$[email protected]..
> Hi everyone,
>
> Ive been using the disjoint rollover, but I only have
one thing that I
> want to
> add to it?a caption right underneath an image.
> Besides using that Project Seven plug-in, is there a way
to create an
> image
> gallery without using layers? Or is layers the only way
to do it? All I
> want
> (words of doom, huh?) is a thumbnail to be able to
switch and image and
> add a
> caption to it. Can anyone point me in the right
direction? Or is that
> Project
> Seven plug-in deal my best bet? What about Set Text of
Layer in DW.
>
> Oh yeah, Im still using DW with CSS sprinkled in..any
help?
>
> Thanks in advance.
>
> -C
>

ColdFusion 11: cfclient in the context of the CFML language, not the tooling

G'day:
I am reposting this from my blog ("ColdFusion 11: <cfclient> in the context of the CFML language, not the tooling") at the suggestion of Adobe support:
@dacCfml @ColdFusion Can you post your queries at http://t.co/8UF4uCajTC for all cfclient and mobile queries.— Anit Kumar Panda (@anitkumar85) April 29, 2014
I have edited this in places to remove language that will be deemed inappropriate by the censors here. Changes I have made are in [square brackets]. The forums software here has broken some of the styling, but so be it. There is worthwhile discussion in the comments of the article on my blog: perhaps go have a read.
G'day:
This article could end up being a complete waste of space, as I am operating under more real-world re-interpretation of the raison d'être of <cfclient>, as described by Ram:
ColdFusion [11] has added support for client side CFML (<cfclient>) and this code is translated to JavaScript
Mike Henke has pointed out that the first part of this "CF11 has added support for client-side CFML" is actually ******** (my wording, not his):
"ColdFusion Splendor has added support for client side CFML" is probably phrased wrong and gave me flash backs to VBScript or CFML running in the client browser.
Maybe this is better verbiage. "ColdFusion Splendor has added support for CFML to generate JS".
Because... there's not such thing as "client-side CFML". That would imply CFML actually running on the client (ie: the browser, or the mobile device, as is the target of <cfclient> as a concept). This is absolutely not true. I know Ram went on to qualify what he meant there, but the messaging from Adobe on <cfclient> has been inaccurate. Possibly I think to the point of actual misrepresentation (in the legal sense, I mean).
What <cfclient> does is... convert CFML code to JavaScript. So let's look at that idea.
Why I say this article could be a complete waste of space is that I dunno if this is the intent of <cfclient>; because, really, the messaging from Adobe as to what <cfclient> is for is very muddied. In general the narrative about it is bundled-in with various features of ColdFusion Builder 3.0, in regards to mobile application creation and packaging (and debugging, and all sort of stuff that sounds quite nice but I don't care about as I don't use CFB).
However <cfclient> has to stand on its own merit in the CFML language, completely decoupled from CFB features. And as far as I can tell, Mike is right: as far as CFML goes, <cfclient> is a tag which tells ColdFusion to - instead of compiling to byte code - compiles the enclosed CFML code to JavaScript instead.
This of course just sets my alarm klaxons going. Because Adobe are (I choose my words carefully) [not very good] at converting CFML to client-side code. This has been borne out by <cfform>, <cflayout>, <cfpod> etc. Back in the days of CFMX7 the "CFML-to-client-side" wizards had some merit, because the client-side arena was still immature, and the team at Macromedia actually had some exposure to the idea of "website development", so they knew where the pain points were that they could possible ameliorate. Times have changed, and the client-side of things is probably now more mature an environment than CFML is - Javascript is probably are more coherent language than CFML is, now - and it is very very very clear that the current Adobe ColdFusion Team don't know the first thing about web development (they can't even write decent CFML for their own documentation, before we get onto how they'd be doing web work!), so they are completely out of their depth when it comes to addressing pain points that web devs might have these days. Not only have they not walked a mile in a web dev's shoes, they don't even - as far as I can tell - know what shoes are, or why someone would be wearing them.
And <cfclient> is a far more "meta" solution than <cfform> or <cfpod> were... at least the CFML-to-client-side solution there had a tangible target in mind. <cfclient> has removed the targets, and is just a tag designed for converting general CFML to general JS. Yikes.
600-odd words in, here's some code. This is the first-ever code I have written using <cfclient>:
<cfclient> <cfset msg = "G'day World"> <cfoutput>#message#</cfoutput> </cfclient>
So I'm off to a false start: I admit I'm sitting in the pub and I've had a few pints (probably four, I guess; this is "having some drinks before deciding to actually drink this evening" sort of level for me), and I inadvertently [messed-up] my variable names here. And this did not yield a compile error. The error just fell through to JS, where it did error
Uncaught ReferenceError: message is not defined gdayWorld.cfm:4
If, in contrast, I tried this in CoffeeScript, I'd get this:
coffee> msg = "G'day world"
'G\'day world'
coffee> alert msg
undefined
coffee>
alert message
ReferenceError: message is not defined
at eval (eval at (http://larryng.github.io/coffeescript-repl/js/main.js:96:26), :1:9)
Important note: I know nothing about CoffeeScript - it seems like a solution to a non-existent problem to me - so I just googled "hello world coffeescript" and REPLed the code on http://larryng.github.io/coffeescript-repl/.
The point is here is that ColdFusion, during the "compile" process should actually notice I am referencing a variable that doesn't exist. I'm OK with this being a runtime error in the normal CFML-compile process, because there could be many moving parts (and other files) involved in the runtime environment, but I don't think this is a valid notion with <cfclient>? Or maybe it is?
Update:As Ray points out and Aaron agrees with below: I was being unduly harsh here... it's entirely reasonable for variables to be declared in other JS code elsewhere in the response.
Anyway, once I actually write my code properly, I get this:
G'day World
On the screen. What CF actually sends back in the response is this:
<script type="text/javascript" src="/CFIDE/cfclient/cfclient_main.js"></script> <script type="text/javascript" src="/CFIDE/cfclient/cffunctions.js"></script> <meta name="viewport" content="width=device-width"> <script type='text/javascript'>globalDivStruct=null;var _$gdayWorld_func=function(){var self=this;var variables={};self.__init=function(){var localdivstruct=globalDivStruct;var __output_var="";var tmpVarArray={};message="G'day World";localdivstruct.outputvar+=message;return""}}; function __startPage__$gdayWorld(){document.write("\x3cdiv id\x3d'__cfclient_0'\x3e\x3c/div\x3e");window.ispgbuild=false;var clientDivStruct={divId:"__cfclient_0",outputvar:""};globalDivStruct=clientDivStruct;try{_$gdayWorld=new _$gdayWorld_func;_$gdayWorld.__init()}catch(__eArg){if(__eArg!=="$$$cfclient_abort$$$")throw __eArg;}__$cf.__flush(clientDivStruct)}__startPage__$gdayWorld(); </script>
[Blimey]. To output a string variable? Really? That's what you compile my CFML down to?
Gobsmacked.
And [forget] emotive things like "gobsmacked"... if one looks at the size of the response, it's 128kB to represent "G'day World" on the screen. 128kB might not be a great deal these days when it comes to a web page, but when it comes to rendering "G'day world", it's lunacy. And on a mobile phone - which intrinsically might be in an area in which one is paying a premium for data - it's just irresponsible. This is before we get to the point that it seriously should not take 128kB of data to render 11 bytes.
Blimey. To be honest I was gonna try some more tricky CFML and see how it compiled, but I've run out of will to live (and I have to concede the beer is getting the better of me, and my laptop battery is almost dead). I'll continue this, but I will let this article stand or fall on its own merit; something <cfclient> certainly seems to be unable to do, thusfar.
I'll be back on the case with this tomorrow.
Adam

The functions defined in the cffunctions.js are not namespaced. If it is namespaced, you would have to add the namespace while using a function inside cfclient.
These functions are not namespaced, so that you can use the same syntax for using a function inside and outside the cfclient block.
This is indicative of everyone's concern that you guys would just implement / encourage poor practice in your <cfclient> implementation.
How is it - given you're "compiling" the CFML anyway - you cannot translate source code that says "listlen()" into "compiled" JS that is CF.listLen() or something? Thus good CFML can be translated into good JS.
You seem to think that there's a one-to-one mapping between what the CFML says and what the resultant JS needs to be.
You've basically written a mechanism for a CFML developer to write bad JavaScript.
Well done.
Adam

Can someone help me understand how ePub CSS @fontface Unicode characters are supported in td , but not in div or other elements?

Hi,
I'm working on a project to convert several hundred thousand life sciences articles into epub format, and we have run in to a problem with character entities.
Being that these are scientific articles, the characters are from a wide range of Unicode charts, and are essential to transmitting the meaning of the data.
The problem is that in my epub, the character entity inside a table data cell is rendering the @font-face correctly, but inside any other HTML element, the character renders as an empty box on our ipad2s.
I've placed pre tags in hopes that the unicode will not be rendered in your browser here. The code point in this example is x1d542 just in case.
So inside div, we see boxes, inside td, we see the character rendered properly.
<pre>
      <div class="stix">Let 𝕂 be a field, which will be either the complex numbers ℂ or the finite field 𝔽</div>
      <table id="t31" rules="all">
        <tr>
          <td>𝕂</td>
          <td class="stix">𝕂</td>
          <td>U+1D542 MATHEMATICAL DOUBLE-STRUCK CAPITAL K </td>
        </tr>
</pre>
My CSS looks like this:
<pre>
@font-face {
    font-family: 'STIX';
    src: url('STIX-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+02B0-02FF, U+07C0-07FF, U+0900-097F,U+0F00-0FD8, U+1D00-1D7F, U+1D80-1DBF, U+1D400-1D7FF, U+1E00-1EFF, U+1F00-1FFE,U+2000-206F, U+20A0-20B8, U+20D0-20F0, U+2300,23FF, U+25A0-25FF, U+2600-26FF, U+27C0-27EF, U+27F0-27FF, U+2900-297F, U+2A00-2AFF, U+2B00-2B59, U+2C60-2C7F ;
@font-face {
    font-family: 'STIX-Math';
    src: url('STIXMath-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+02B0-02FF, U+07C0-07FF, U+0900-097F,U+0F00-0FD8, U+1D00-1D7F, U+1D80-1DBF, U+1D400-1D7FF, U+1E00-1EFF, U+1F00-1FFE,U+2000-206F, U+20A0-20B8, U+20D0-20F0, U+2300,23FF, U+25A0-25FF, U+2600-26FF, U+27C0-27EF, U+27F0-27FF, U+2900-297F, U+2A00-2AFF, U+2B00-2B59, U+2C60-2C7F ;
.stix   {
        font-family: "STIX", "STIX-Math", sans-serif;
</pre>
Is it possible that this is a rendering bug, because the character is rendering in the table cell, but not in other elements?
Have I missed something obvious?
Thanks,
Abe

I assume you are including the STIX font as part of your epub files?
Perhaps the folks who do this blog might be able to help -- they have done some work with font embedding:
http://www.pigsgourdsandwikis.com/2011/04/embedding-fonts-in-epub-ipad-iphone-an d.html

Adobe creative Cloud photshop cs 6 register user iam not getting COPY CSS options please help

iam adobe creative cloud photshop cs 6 register user iam not getting COPY CSS options even i have updated photoshop several times
still not getting this options please help
Thanks
Koushik

13.0.1 is the last version of Photoshop to run on Windows XP but it does not include the Copy CSS feature.
The Copy CSS feature was first introduced in Photoshop 13.1 (Cloud only) and higher.
http://blogs.adobe.com/jkost/2013/02/copy-css-attributes-in-photoshop-13-1.html
Photoshop 13.1 does not run on Windows XP. So your operating system is preventing you from upgrading Photoshop to 13.1+.
http://helpx.adobe.com/photoshop/kb/new-system-requirements-photoshop-131.html
If you plan to remain a Cloud member then you will have to upgrade to Windows 7 or Windows 8 (or get a new computer) very soon in order to run Photoshop CC to be released on June 17, 2013.

CSS Designer in Depth | Creative Cloud for Web | Adobe TV

Get an in-depth look at the powerful new CSS Designer tools in Dreamweaver CC. Intuitive visual editing tools help you generate clean, web-standard code and quickly apply CSS properties like gradients and box shadows. You can see the effects on your designs immediately, eliminating tedious tweaking and the need to go back and forth to Code view.
http://adobe.ly/ZSeWkr

The new CSS Designer feature in Dreamweaver CC is a very nice addition to the interface’s workflow. However, it’s not best for all workflows, whereby there should still be a non-assisted CSS editor option available, like in CS6, “without” all the new visual designer tools.
In CS6’s CSS properties editor you can quickly glance at the currently selected element’s CSS properties and directly edit the actual property values in a column format making this a very precise and straightforward workflow process.
For me, the ability to quickly edit CSS properties by clicking on respective elements in the design view editor is the biggest advantage and real power for using Dreamweaver over notepad type editors. Without this option (when working in split mode), it requires switching back and forth between different style-sheets and code view.
Though I really like everything else I’ve seen so far, in this latest version, this seemingly small feature restriction will considerably slow down my overall typical workflow process in most cases. So, until a non-assisted CSS properties editor option is available, I’ll continue using CS6. Please, please fix this soon! Hopefully this is only a short-term oversight and resolved in a very near future update.

Using CSS instead of or with library item

I built my site using Dreamweaver 8. I used the design view
exclusively. I made a navigation bar as a library item. Utilizing
rollovers, etc. Now I have learned I should build my site utilizing
CSS and as was pointed out on this forum to me, to learn CSS and
HTML.
I am having a brain freeze. The logic escapes me as to how I
would build a navigation bar and put it on each page as I did
utilizing the library function before.
I am sure for all you pro's this is a really dumb and obvious
thing but I just don't seem to figure out the logic how to do it. I
am not talking about the CSS for the behaviors such as hover,
visited, active. This I know how to do. It is just the ability to
have a properly designed navbar and be able to put it on every page
I make.
Murry "ACE" told me not to use AP and the dreaded mm_menus so
I am trying to figure this out and build a better more code
efficient site. Mine works but is quite trashy in the code.

It can be a bit daunting.
Try going through this tutorial completely. It's a bit out of
date (using
an older version of DW), and still covers the use of tables,
but it's worth
reinforcing your basic understandings -
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Then I would suggest you do this tutorial -
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Finally, to get a grip on how to manage menus across an
entire site, use
DW's F1 help about how to use Templates, and server-side
includes.
Templates do make your life much easier. I use the following
scheme....
First, I mentally separate the page layout into three
sections:
1. Stuff that will not change for the life of the site (i.e.,
the basic
structural elements)
2. Stuff that *could* change from time to time (e.g.,
navigation elements,
burst advertisements, section-specific navigation, etc.)
3. Stuff that *will* change from one page to the next
Then I create a template containing all class1 elements. Next
I create
server-side include files containing all class 2 elements and
place them on
the template as needed. Note - some of the class 2 elements
may be
"section-specific elements", and their placement on the
template will be
subject to the next item. Finally, I insert editable regions
to cover the
class 3 items, INCLUDING the section-specific navigation.
This allows me to just cookie-cut the rest of the site. I
estimate that
even for fairly large sites, about 80% of my work goes into
planning and
creating this template file.
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
==================
"craigmini" <[email protected]> wrote in
message
news:[email protected]...
>I built my site using Dreamweaver 8. I used the design
view exclusively. I
> made a navigation bar as a library item. Utilizing
rollovers, etc. Now I
> have
> learned I should build my site utilizing CSS and as was
pointed out on
> this
> forum to me, to learn CSS and HTML.
>
> I am having a brain freeze. The logic escapes me as to
how I would build a
> navigation bar and put it on each page as I did
utilizing the library
> function
> before.
>
> I am sure for all you pro's this is a really dumb and
obvious thing but I
> just
> don't seem to figure out the logic how to do it. I am
not talking about
> the CSS
> for the behaviors such as hover, visited, active. This I
know how to do.
> It is
> just the ability to have a properly designed navbar and
be able to put it
> on
> every page I make.
>
> Murry "ACE" told me not to use AP and the dreaded
mm_menus so I am trying
> to
> figure this out and build a better more code efficient
site. Mine works
> but is
> quite trashy in the code.
>

Spry Menu Bar css not compatible with IE7? or compatibility View on IE8?

Well i've made my website
. Swimmerbuddy.com
Problem:I used the spry menu bar on a div tag. I've got it working fine on several browser and so on.. but hmm. i noticed that IE7 and only on compatibility view of IE8 it does not work...
It seems like the drop down menus get cover by the main content underneath it..
I started of with dwt i made my self.This is the DWT and the css that controll the dwt and the spry menu bar.
PLZ HELP ME.. THANKS
THIS IS THE DWT THAT THE PAGE RUNS ON
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<link href="../CSS/main.css" rel="stylesheet" type="text/css" />


<style type="text/css">
a:link {
color: #000;
text-decoration: none;
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a:visited {
color: #000;
text-decoration: none;
a:hover {
text-decoration: none;
color: #000;
a:active {
text-decoration: none;
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
    <div id="networkicons"><a href="http://www.facebook.com/?ref=logo#!/profile.php?id=100001554936595" target="_blank"><img src="../_images/facebook.png" alt="facebook.com" width="45" height="45" border="0" title="facebook.com"/></a><a href="http://www.myspace.com/swimmerbuddy" TARGET="_blank"> <img src="../_images/myspace.png" alt="myspace.com" width="44" height="45" border="0" title="myspace.com"/></a><a href="http://twitter.com/swimmerbuddy" TARGET="_blank"> <img src="../_images/twitter.png" alt="twitter.com" width="43" height="45" border="0" title="twitter.com"/></a><a href="http://www.youtube.com/swimmerbuddy1" TARGET="_blank"> <img src="../_images/youtube.png" alt="youtube.com" width="44" height="45" border="0" title="youtube.com"/></a></div>
    <div id="buyNow1">
      <p><a href="../order_now.html"><img src="../buynowbutton.png" alt="bt1" width="130" height="25" border="0" longdesc="Order Your Swimmer Buddy Today!!" /></a></p>
    </div>
</div>
<div id="mainNav">
    <ul id="mainNavcontent" class="MenuBarHorizontal">
      <li><a href="../index.htm">Home</a>        </li>
      <li><a href="../swimmer.html">Swimmer Buddy</a></li>
      <li><a href="../order_now.html">Order Now</a>        </li>
      <li><a href="#" class="MenuBarItemSubmenu">Gallery</a>
        <ul>
          <li><a href="../photo_gallery.html">Photos</a></li>
          <li><a href="../video_gallery.html">Videos</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Zinger Products</a>
        <ul>
          <li><a href="http://www.winkyscoop.com/">Winky Scoop</a></li>
          <li><a href="http://www.1800succeed.com/">Hypmovation</a></li>
          <li><a href="http://www.1800succeed.org/">1800SUCCEED</a></li>
          <li><a href="http://www.zingerproducts.com">Zinger Store</a></li>
        </ul>
      </li>
      <li><a href="../about.html">About Us</a></li>
      <li><a href="../contact.html">Contact Us</a></li>
    </ul>
</div>

<div id="pageInfo">
    <div id="info_page">
      <p class="regionID">Region ID</p>
      <hr class="breaklinePageInfo" />
      <p class="breadcrum">> <a href="../index.htm">Breadcrum </a></p>
    </div>
    <div id="mainContent">
      <div id="content">
        <p>Main Content Goes her</p>
      </div>
    </div>
</div>


   <div id="buyNow2"><a href="../order_now.html"><img src="../buynowbutton.png" width="130" height="25" /></a></div>
   
<div id="footer">
<div id="footertext">
        <p class="footertextclass">Copyright © 2010 SwimmerBuddy.com. All rights reserved. SwimmerBuddy.com is part of <a href="http://www.zingerproducts.com" class="footertextclass">Zinger Products</a>. Designated Trademarks and brands are the property of their respective owners. This page was last modified Setember 28,2010. Swimmer Buddy - Pattent Pending 2010</p>
      </div>
    <div id="footerlinks">
        <p classs="footerlinkspacing"> <span class="footerlinkspacing"><a href="../Disclaimer.html">Disclaimer</a><a href="../terms.html"> Term of Service </a><a href="../contact.html">Contact Us</a></span>
</div>
      </div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("mainNavcontent", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
THIS IS THE MAIN.CSS
@charset "utf-8";
#networkicons {
height: 50px;
width: 200px;
margin-top: 160px;
margin-left: 15px;
position: absolute;
#wrapper {
width: 933px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
position: relative;
#mainNav {
text-align: center;
position: relative;
margin-right: auto;
margin-left: auto;
width: 934px;
padding-bottom: 15px;
clear: both;
overflow: visible;
#navwrapper {
width: 935px;
margin-right: auto;
margin-left: auto;
#mainContent {
width: 910px;
padding-left: 10px;
padding-right: 10px;
position: relative;
padding-bottom: 20px;
padding-top: 20px;
#content {
width: 910px;
position: relative;
#wrapper #footer #footerlinks p .footerlinkspacing a {
margin-right: 20px;
#footer {
width: 930px;
background-color: #fff;
position: relative;
margin-top: 5px;
text-align: center;
color: #000;
padding-bottom: 10px;
margin-bottom: 15px;
#header {
width: 930px;
height: 209px;
background-image: url(../_images/header.jpg);
background-repeat: no-repeat;
#buyNow1 {
height: 25px;
width: 140px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-repeat: no-repeat;
color: #666;
padding: 5px;
position: absolute;
top: 160px;
right: 150px;
.buyNow1 {
color: #666;
#wrapper #pageInfo #info_page .breadcrum {
color: #003;
#wrapper #pageInfo #info_page .breadcrum a {
color: #003;
html, body {
margin: 0px;
padding: 0px;
#buyNow2 {
height: 25px;
width: 130px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
padding: 5px;
position: relative;
#wrapper #buyNow2 a img {
position: absolute;
top: -30px;
right: 50px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
#pageInfo {
width: 930px;
background-image: url(../_images/pageinfobackground.jpg);
background-repeat: repeat-x;
background-color:#FFF;
text-align: left;
padding-bottom: 15px;
margin-top: 18px;
position: relative;
overflow: visible;
visibility: visible;
#wrapper #mainNav #mainNavcontent {
position: absolute;
left: 0px;
width: 930px;
.regionID {
font-size: 2em;
font-weight: bold;
color: #FFC;
margin-top: 1em;
margin-bottom: 0em;
text-align: left;
margin-left: 5px;
.breaklinePageInfo {
margin-top: 0.5em;
color: #FAFEAB;
.breadcrum {
color: #003;
font-size: 1.1em;
font-weight: bold;
text-decoration: underline;
margin-top: -0.2em;
margin-left: 15px;
#breadcrum {
font-weight: bold;
color: #003;
#footertext {
width: 910px;
font-size: 0.6em;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
#footerlinks {
width: 930px;
font-size: 0.7em;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000;
position: relative;
margin-top: 10px;
margin-bottom: 5px;
.footertextclass {
color: #000;
.footerlinkspacing {
margin-top: -0.5em;
color: black;
height: 10px;
font-style: normal;
line-height: normal;
font-variant: normal;
letter-spacing: normal;
p {
margin: 0px;
padding: 0px;
body {
text-align: center;
margin-top: 5px;
background-color: #073e78;
background-image: url(../_images/background.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
font-size: 100%;
THIS IS THE dropdown menu.css
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0px;
padding: 0;
list-style-type: none;
font-size: 100%;
position: static;
text-align: center;
cursor: pointer;
width: 132.8px;
float: left;
overflow: visible;
visibility: visible;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 132.8px;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: #333;
color: #FFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #FFF;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
background-image: url(../_images/bar-top.png);
background-repeat: no-repeat;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #003;
background-image: url(../_images/bar-Bottom.png);
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
color: #003;
background-image: url(../_images/bar-Bottom.png);
background-position: bottom;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(../_images/bar-topsub.png);
background-repeat: no-repeat;
background-position: right top;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(../_images/bar-topsubhover.png);
background-repeat: no-repeat;
background-position: right bottom;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Thanks a lot for that tip. It does improve it by a whole lot.. i c what my mistake was.. however, something is still off
.. The Drop down menu is not behaving well...
As you may c by the picture, the drop down menu now moves to the right. and is not because of the object to its left, i've modified that. Zinger Products Drop Down Menu also does the same.

Moving a site in early development from CSS/HTM to PHP

Hello. I am early in the development of my latest site, which I began constructing using CSS and HTML. My pages were .htm's. After studying up on .php, I decided that i wanted this site to be in .php, so that I could do some things server side, like having secure forms for contact and etc..
So I made a new index page in .php. I copied and pasted the code from my index.htm into the index.php, and attached the CSS style sheets that I had created. So everything is displaying correctly in the new index.php, as it was in the index.htm. Can someone let me know if this is an okay practice.. a legit way of going about what I'm trying to do?
My next question revolves around hyperlinks. Is the creation of links fundamentally different in .php than in .html? I figured you could make links in the same way, by moving to html in the properties panel and turning text on the page into a link. However, when I go to view the page in a browser and try the link I made to another page in the site, and it asks me if I want to open up a file (note: I did not set up a local testing server). Do you need to set up a local testing server using MAMP (i'm on a Mac) in order for links to function properly in a .php page? Or should I be creating the links in the php code, by using the echo function?
And of course last night I was trying to set up my local testing server and was having some struggles getting it to work. I still have to figure that out, but before I ask you how to do that, I think I will try some more resources on the web, as there seems to be some videos available on that topic. And yes I did copy all the files of the site that I'd like to test to the root directory of htdocs in the MAMP application folder, I'm must just be getting some of the settings wrong in the manage sites dialogue box.
Any help/insight would be of a great help! I know this is fairly simple stuff, but thanks!

So I made a new index page in .php. I copied and pasted the code from my index.htm into the index.php, and attached the CSS style sheets that I had created. So everything is displaying correctly in the new index.php, as it was in the index.htm. Can someone let me know if this is an okay practice.. a legit way of going about what I'm trying to do?
That's fine.
Won't make any difference to the server or the end result in browsers until the server finds some PHP script in your page to process before sending the page to browsers.
A .php extension merely tells the server to check the page for PHP script to process before delivering the page to a browser. If it finds none, nothing happens server-side. The page is simply sent to the browser.
My next question revolves around hyperlinks. Is the creation of links fundamentally different in .php than in .html? I figured you could make links in the same way, by moving to html in the properties panel and turning text on the page into a link. However, when I go to view the page in a browser and try the link I made to another page in the site, and it asks me if I want to open up a file (note: I did not set up a local testing server). Do you need to set up a local testing server using MAMP (i'm on a Mac) in order for links to function properly in a .php page? Or should I be creating the links in the php code, by using the echo function?
There's no change to your normal HTML coding practices when using PHP pages. They're regular HTML pages with PHP script sprinkled through them. The script is processed by the server. End users never see it in their browsers.
Browsers understand HTML. A link is a link. Created the same as always.
PHP scripts in the page are processed by the server, then inserted in the page then delivered to the browser.
A testing server is required if you want to test PHP pages locally.
You can test by saving your pages after each edit then upload to your PHP-enabled web host then refresh your browser. It works but it can be slow.
A testing server does the same thing locally. Much quicker.

If statement in css code

can you write an if statement in your css code that if the name of a particular web page is something, apply one css style otherwise apply another.

No. If statements are used in PHP & JavaScript; not CSS.
Use External style sheets for your site wide styles. Use Embedded CSS for page specific styles inside the document's <head> tags.
<head>
    <style>
          page specific styles go here....
     </style>
</head>
Nancy O.

Html/css page out of line in firefox

hi there,
i've created a html page layout and then put the blog coding in and it looks fine in all browsers (and even the phones in my house) EXCEPT for firefox.
just wondering if anyone had any input they could offer? it would be much appreciated. the other pages are fine, but here's the link to the blog: http://voicegeek.net/news/
denise

When things go wrong, validate your code and fix reported errors. That's the first step in solving layout problems.
HTML errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fvoicegeek.net%2Fnews%2F
CSS:
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fvoic egeek.net%2Fnews%2F
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

CFML in CSS

Similar Messages

Maybe you are looking for