CSS Comments in DW CS3
rally like the new preset css configurations that DW3
provides and the css comments are nice as well. However, they
bloats the code and many of the comments are not necessary unless
you are a beginner.
Does anyone know if there is a setting somewhere that will
generate the css without the comments?
Use a find/replace to delete them:
Find:
\/\*[\s\S]*?\*\/
Make sure regular expression is checked.
Tom Muck
co-author Dreamweaver MX 2004: The Complete Reference
http://www.tom-muck.com/
Cartweaver Development Team
http://www.cartweaver.com
Extending Knowledge Daily
http://www.communitymx.com/
"htown" <[email protected]> wrote in message
news:f2iagd$okr$[email protected]..
> rally like the new preset css configurations that DW3
provides and the css
> comments are nice as well. However, they bloats the code
and many of the
> comments are not necessary unless you are a beginner.
>
> Does anyone know if there is a setting somewhere that
will generate the
> css
> without the comments?
>
Similar Messages
-
hello DW knowers!
When writing code i like to use shortcuts for inserting commands.
For instance, to insert a html comment, i created a shortcut in the panel for creating shortcuts (you can do this finding in the shortcuts panel the 'insert' option and then find 'comment').
however, i did not find a way to create this for a css comment (/* */) and i find myself forced to use the coding toolbar to insert this.
I would really like to find a way to avoid this. Ofcoarse i can still type it in manually, or use the css rules panel to temporarely deactivate a rule, but selecting a piece of code and then typing a shortcut would be much easier.
Otherwise a great idea for the next upgrade of DW?
thanks for an answer, if there is a possibility
jo-annI use a Logitech G19 keyboard, which allows you to create one keypress shortcuts for virtually any keypress sequence. It has ten extra keys on the left side of the keyboard which you can program however you please (a total of 30 shortcuts). This particular keyboard is kind of expensive ($200) but there are other less expensive keyboards that offer similar capabilities. Think how many times a day you type <p> or how about <a href= . With a keyboard like this, you can do it in one keypress.
-
Remove CSS Comments in CSS layouts
In Stephanie Rawls article on What's new in Dreamweaver CS5 CSS layouts she mentions David Powers free extension :Stored Query to Remove CSS Comments. How do I find and download that extension?
http://foundationphp.com/tools/css_comments.php
"I loves me some Google"... -
CSS Comment Tags in Menu Tab?
Is there a way to add CSS comment tags to my FAVORITES menu
tab? Whenever I want to add comments to an external CSS document, I
have to manually type /*...*/. It would be great if there was a
comment button for CSS, like there is for HTML, so I could just
select the text I want to comment out, click a button, and it
automatically wraps the CSS in comment tags.There is. It's on the Code toolbar.
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
==================
"shockbyte" <[email protected]> wrote in
message
news:gff1k2$q6p$[email protected]..
> Is there a way to add CSS comment tags to my FAVORITES
menu tab? Whenever
> I
> want to add comments to an external CSS document, I have
to manually type
> /*...*/. It would be great if there was a comment button
for CSS, like
> there is
> for HTML, so I could just select the text I want to
comment out, click a
> button, and it automatically wraps the CSS in comment
tags.
> -
Ok, I was given the suggestion of using comment tags in my
css code to make
it more readable. I did this by moving all my styles under
appropriate
comment sections, but then DW changed all my comment tags by
removing the
<!-- --> opening and closing tags which really messed
up my css file. What
am I doing wrong that DW would change the code like this?
My Code:
<!-- COMMENT -->
#divWrapper {
width: 100%;
DW Modified Code:
COMMENT
#divWrapper {
width: 100%;
Brandon
http://www.presentationsdirect.comThanks. Another user instructed me to use <!-- -->
which is why I went with
that. But the correct way (as you suggested) fixed my styles.
Thanks!
Brandon
"Ken Binney" <[email protected]> wrote
in message
news:eurnqj$5f8$[email protected]..
>A CSS comment begins with "/*", and ends with "*/".
Comments can appear
>before or within rule sets as well as across multiple
lines. They can also
>be used to comment out entire rules or individual
declarations.
>
>
> "Brandon" <[email protected]>
wrote in message
> news:eurn97$4pt$[email protected]..
>> Ok, I was given the suggestion of using comment tags
in my css code to
>> make it more readable. I did this by moving all my
styles under
>> appropriate comment sections, but then DW changed
all my comment tags by
>> removing the <!-- --> opening and closing tags
which really messed up my
>> css file. What am I doing wrong that DW would change
the code like this?
>>
>> My Code:
>>
>> <!-- COMMENT -->
>> #divWrapper {
>> width: 100%;
>> }
>>
>>
>> DW Modified Code:
>>
>> COMMENT
>> #divWrapper {
>> width: 100%;
>> }
>>
>> --
>> Brandon
>>
http://www.presentationsdirect.com
>>
>
> -
Show CSS comments in CSS Style list?
Hi,
I've been using Dreamweaver for a numbef of years, but one small feature is forcing me to move away to newer CSS editors. "I need the CSS Style list to show comments from my style sheet". Is this possible?
Put simply, some of my CSS stylesheets are huge, and I organise them by having comments to separate out the various types of selectors.
In order for me to navigate my styles, it would help me immensely if the CSS Style list also included comments, so I could quickly see which section was which.
Is this something which I've missed?
Thanks,
Chris.lHello,
I believe I've had a similar problem over the last day or so (wasted 3 hours).
I create a "standard" page with all my basic stuff in it.
Then create two sections with comments like this:
<!--------------------- Start variable <style> definitions------------------------------>
<!---------------------Endvariable <style> definitions-------------------------------->
<!--------------------- Start variable code------------------------------>
<!---------------------Endvariable code-------------------------------->
So this way, I can just go quickly to that section of the <header> or <body> and copy and paste code.
(I'm not at the level of templates yet)
After three hours of trying to get a table to work, and comparing it to other stuff I've written
I said to myself "I wonder if comments are allowed in the <style> section".
The comments were deleted and everything worked fine.
Based on the above posts, I'm guessing that is a known feature?
Is it correct that comments can be put in the <head> section, but not in the <head><style> section?
Again, I thank you in advance. -
When working in split or design mode, any linked css styles
do not seem to be applied to my document. I can preview the file
and view it with the linked CSS working, but that's really
annoying. Anyone else having this problem? Is there an easy fix I
am missing?
Thanks.
Josh
OSX 10.5
CS3
PowerPC G5 Dual 1.5Hi guys,
Everything I'm working on is local on my computer. the
stylesheet (backend.css) is in the same folder as the .html files.
It is linked in my header as follows:
<link href="backend.css" rel="stylesheet"
type="text/css">
Nothing special about it. If I preview it in Safari, Opera,
Firefox, and IE it looks fine. In DW, if I use styles in the head
tags it shows up fine. If I link a stylesheet, it doesn't show up.
Here are some images that may help further illustrate the
problem:
Linked
Stylesheet
Styles in
Header -
I'm new to DW (CS3). I'm making an external CSS and when I
press return to get a new line I get a code hint that pops up to
select which attribute I might want next. I find if I click on an
item in the list it is not entered for me.
If I use the arrow keys and press return/enter it accepts it
an enters it for me.
Is this how it is supposed to work? That seems like an error
to me."Rothrock" <[email protected]> wrote in
message
news:f2a22l$ccm$[email protected]..
> Not 'til you suggested it. But no dice.
>
> So say I type "te?" to jump to text? and I want
text-decoration. If I
> click on
> text-decoration (or double click!) the code hints window
goes away and I'm
> left
> with "te" on the line.
>
As you type the hint zeros in on the rule that you want (or
you can use the
up and down keyboard arrows to select the rule that you want)
Once the
desired rule is highlighted pressing the Enter key on your
keyboard will
place the rule in your stylesheet.
Regards
Phill
P Hellewell
P&M Software
Maintenance Management Software
http://www.pmsoftware.co.uk -
Import Spotlight comments into Bridge CS3?
Has anyone figured out a way to do this yet?
ThxHas anyone figured out a way to do this yet?
This sounds like a request after an earlier post but I don't know what you
exactly want or to what post you are referring to. As I rarely use Spotlight
I saw an option to place a comment but never used it in my workflow nor have
I heard anyone else about it.
Bridge uses metadata according to IPTC, if you need to copy text to those
fields you might try the scripting forum elsewhere on this site.
Maybe you can specify a bit more what you want to do and what your goal is.
Meanwhile you could already start to use a workflow with adding text to the
metadata fields in Bridge itself. You can select multiple files that need
same info and you only have to fill in once for those selected files to fill
them all in one go.
BTW, the current version is CS5 and needless to say you are a little behind
with upgrading, especially Bridge CS3 was not the best version. CS6 will be
your last chance to an upgrade after this you will have to get a complete
new version. -
Comment installer photoshop CS3 sans cd d'installation?
Je suis passée d'un pc à un mac et souhaiterais réinstaller Photoshop CS3. Problème: le cd d'installation de photoshop n'est pas valable pour OSX et je n'arrive pas à le telechargersur le net...
http://helpx.adobe.com/creative-suite/kb/cs3-product-downloads.html
Mylenium -
Selectively overide css div tag properties (CS3)
I have created a:link, a:visited, a:hover and a:active div
tags for three different navbars. They are functioning correctly,
with separately linked words appearing grey when linked, grey after
being visited, orange when hovered upon and orange when active. I
have been unable to figure out how I can override the grey linked
and visited tags and have selected words within the navbars appear
as a new color when I want them to, on a page by page basis.
I tried making a class tag of the new type color and applying
it to the selected word using the the style menu in the properties
pallette. The formatting appears in the coding (whether properly or
not I do not know) but does not appear as the new color in the
design view or when saved and previewed in a browser. It simply
doesn't override the color attributes of the a:link and a:visited
tags. How can I achieve this? The selected words will change from
page to page with innumerable permutations.
Please help if you can. Heartfelt thanks await you.Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
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
==================
"zipson" <[email protected]> wrote in
message
news:fm3c2e$l2f$[email protected]..
>I have created a:link, a:visited, a:hover and a:active
div tags for three
> different navbars. They are functioning correctly, with
separately linked
> words
> appearing grey when linked, grey after being visited,
orange when hovered
> upon
> and orange when active. I have been unable to figure out
how I can
> override the
> grey linked and visited tags and have selected words
within the navbars
> appear
> as a new color when I want them to, on a page by page
basis.
>
> I tried making a class tag of the new type color and
applying it to the
> selected word using the the style menu in the properties
pallette. The
> formatting appears in the coding (whether properly or
not I do not know)
> but
> does not appear as the new color in the design view or
when saved and
> previewed
> in a browser. It simply doesn't override the color
attributes of the
> a:link and
> a:visited tags. How can I achieve this? The selected
words will change
> from
> page to page with innumerable permutations.
>
> Please help if you can. Heartfelt thanks await you.
> -
Dreamweaver CS3 3 column CSS footer issue
Has anyone used the Three Column Absolutely Positioned Header
and Footer (thrColAbsHdr) CSS template in Dreamweaver CS3? If so,
has anyone figured out how to address issue of Sidebar1 and
Sidebar2 content floating over top of the footer (instead of
growing and pushing the footer down)?
Adrian Senior appears to have addressed it regarding the
twoColElsLtHdr CSS...
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_pt3_cs3.html
I've tried his suggestion and it still doesn't appear to be
working properly with this CSS/template (thrColAbsHdr).Example 3-column CSS layout:
http://alt-web.com/TEMPLATES/3-col-fixed-layout.shtml
CSS divisions do not produce equal height columns. You'll need to trick the eye into thinking they are equal buy using a repeating background-image that tiles down the page. This technique is called Faux Columns.
You can see a crude example here:
http://alt-web.com/TEMPLATES/3-col-white-gray.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
I'm kinda wondering why the id's are preceded with a class if
you open any of the premade CSS layouts in DW CS3.
example:
Two Columns, all widths in percent, with right sidebar header
and footer.
CSS:
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and
padding of the body element to account for differing browser
defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5*
browsers. The text is then set to the left aligned default in the
#container selector */
color: #000000;
.twoColLiqRtHdr #container {
width: 80%; /* this will create a container 80% of the
browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a
width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center
on the body element. */
.twoColLiqRtHdr #header {
background: #DDDDDD;
padding: 0 10px; /* this padding matches the left alignment
of the elements in the divs that appear beneath it. If an image is
used in the #header instead of text, you may want to remove the
padding. */
.twoColLiqRtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the
#header div will avoid margin collapse - an unexplainable space
between divs. If the div has a border around it, this is not
necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will
allow you to keep the element away from the edges of the div */
/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use
padding on the sidebar. It will be added to the width for standards
compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within
it can be created by placing a left and right margin on those
elements as seen in the ".twoColLiqRtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element
is rendered, you may occasionally run into unexplained bugs with
percentage-based columns. If you need more predictable results, you
may choose to change to pixel sized columns.
.twoColLiqRtHdr #sidebar1 {
float: right; /* since this element is floated, a width must
be given */
width: 24%;
background: #EBEBEB; /* the background color will be
displayed for the length of the content in the column, but no
further */
padding-top: 15px 0; /* top and bottom padding create visual
space within this div */
.twoColLiqRtHdr #sidebar1 h3, .twoColLiqRtHdr #sidebar1 p {
margin-left: 10px; /* the left and right margin should be
given to every element that will be placed in the side columns */
margin-right: 10px;
/* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created
with the right margin on the mainContent div. No matter how much
content the sidebar1 div contains, the column space will remain.
You can remove this right margin if you want the #mainContent div's
text to fill the #sidebar1 space when the content in #sidebar1
ends.
2. to avoid float drop at a supported minimum 800 x 600
resolution, elements within the mainContent div should be 430px or
smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the
zoom property is used to give the mainContent "hasLayout." This
avoids several IE-specific bugs.
.twoColLiqRtHdr #mainContent {
margin: 0 26% 0 10px; /* the left margin should mirror the
margin on the header and footer for proper alignment. */
.twoColLiqRtHdr #footer {
padding: 0 10px; /* this padding matches the left alignment
of the elements in the divs that appear above it. */
background:#DDDDDD;
.twoColLiqRtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in
the footer will avoid the possibility of margin collapse - a space
between divs */
padding: 10px 0; /* padding on this element will create
space, just as the the margin would have, without the margin
collapse issue */
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right
in your page. The floated element must precede the element it
should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left
in your page. The floated element must precede the element it
should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or
break element and should be the final element before the close of a
container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
take a look at this
.twoColLiqRtHdr #container {
width: 80%; /* this will create a container 80% of the
browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a
width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center
on the body element. */
how do you interpret
.twoColLiqRtHdr #container?
in the code, .twoColLiqRtHdr is a class for the <body>
tag only.
So i guess I just need some enlightenment on how this CSS
works, maybe I'm used to just defining the ID of <div> tags
(ex: #wrapper {}).
Is this use for inline styles only?
what's the advantage of using this type of styles?
I hope someone can take a look at this, thank you in advance!
:)Yeah.... I can't really see a use for class here at all. But
that's me
(and now you!)....
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
==================
"Thierry | www.TJKDesign.com" <[email protected]>
wrote in message
news:f0lh1l$ng$[email protected]..
> Murray *ACE* wrote:
>> I use this often when I have a single template with
variable layout
>> (i.e., section-specific layouts). You can use either
>> server-scripting or template parameters to change
the ID attribute on
>> the body tag, which will trigger an entirely
different set of CSS
>> selector assignments.
>
> FWIW, I believe it makes more sense to use an ID
attribute - as you do -
> rather than a class on "BODY" as this element is unique
through the
> document.
>
> --
> Thierry
> Articles and Tutorials:
http://www.TJKDesign.com/go/?0
> The perfect FAQ page:
http://www.TJKDesign.com/go/?9
> CSS-P Templates:
http://www.TJKDesign.com/go/?1
> CSS Tab Menu:
http://www.TJKDesign.com/go/?3
>
> -
How to add a comment in a php file which has html code
Hi
I have a html file which I renamed .php after adding a form. I discovered that the html comment text I was using - <!--this is a comment --> - was affecting how the page rendered, particularly in IE9.
My question is, now that it is a php file do I need to change all the comments syntax? I started to do it using the "apply comment" button in CS5 i.e. syntax: <?php /*?>form<?php */?>.
Is this the right way to do it? It gives "php" icons in design view but appears to render ok.
ThanksPHP comments:
<?php
//This is a comment
This is
a php comment
block
?>
Use PHP comments inside PHP scripts/code.
HTML comments:
<!--comment-->
<!--this is
an html comment
block-->
Use HTML comments inside HTML code.
CSS Comments:
/*comment*/
/*this is
a css comment
block*/
Use CSS comments inside CSS code (either embedded or external).
JavaScript comments:
//this is a single line comment
//this is another single line comment
/*this is a multi-line
javascript
comment
Use JavaScript comments inside JavaScript code (either embedded or external).
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
I wanted to see if CS3 would run on my new notebook Core Duo
2 with Vista Home Premium? Min requirements say yes. I currently
have DW MX on it as well as Expression Web.(I liked the way EW
handled CSS but the crashes in the middle of a code session is
annoying) The CSS features on DW CS3 seem to me the ticket and I
wanted to try it out on the new computer. Downloaded the DW CS3
trial and ran setup several times but all I get is "there seems to
be a problem with your trial, try reloading" error msg when I try
to run it. After an hour of frustration I called Adobe and was told
by the "technical support person" that DW CS3 is only compatable
with XP and Vista business.??? Anyone know if this is true? I don't
think so and believe the problem may some kind of wierd
compatibility issue with MS EW??? Would like to know before I pony
up for the upgrade.
Backyard Max> Anyone know if this is true?
A check here shows it not to be -
http://www.adobe.com/products/dreamweaver/systemreqs/
See if this helps:
http://www.adobeforums.com/cgi-bin/webx?128@@.3bc3b755
Search for the post by gorodek about modifying the
ContainerProxy.js file.
It seems to have solved the problem for several Photoshop
users, and it's
solved the problem for some DW users as well.
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
==================
"backyardmax" <[email protected]> wrote in
message
news:f2mq3k$8ch$[email protected]..
>I wanted to see if CS3 would run on my new notebook Core
Duo 2 with Vista
>Home
> Premium? Min requirements say yes. I currently have DW
MX on it as well as
> Expression Web.(I liked the way EW handled CSS but the
crashes in the
> middle of
> a code session is annoying) The CSS features on DW CS3
seem to me the
> ticket
> and I wanted to try it out on the new computer.
Downloaded the DW CS3
> trial
> and ran setup several times but all I get is "there
seems to be a problem
> with
> your trial, try reloading" error msg when I try to run
it. After an hour
> of
> frustration I called Adobe and was told by the
"technical support person"
> that
> DW CS3 is only compatable with XP and Vista business.???
Anyone know if
> this
> is true? I don't think so and believe the problem may
some kind of wierd
> compatibility issue with MS EW??? Would like to know
before I pony up for
> the
> upgrade.
>
> Backyard Max
>
Maybe you are looking for
-
My computer crashed. Had to reset totally. Re-installed Itunes, forgot my Apple ID, so I created a new one. Now I don't have my music library. I just purchased two new songs, they are now in the Itune library. But I can't sync them to my Ipod, much l
-
24" 2.4ghz al imac freezes constantly after 10.5.8 update
Hi, I have a 24" al imac that run perfectly for years until I installed the 10.5.8 update. Now my screen dims, displays the power button graphic and says "press the power button to restart..." which I do and then send the report to apple... It's lock
-
MacBook pro 17 2.15 GHz and Leopard
just installed Leopard but ... the keyboard brightness keys F8 F9 F10 do not work anymore. HELP!!!
-
M Audio Interface and MicroKorg.
I just bought an M audio fast track usb interface. I cant seem to get it to work with my microkorg. everytime i press a key, the lights on the front of the interface light up, but i hear no sound. can someone please help me. thanks
-
After unpairing a device I cannot pair it again
I successfully paired my 4S to our Polk sound bar. After getting frustrated because I couldn't get the soundbar to work with the TV again, I unpaired my phone. Now when I try to pair it again, it appears in my Bluetooth window but the pairing is alwa