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"...
Similar Messages
-
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. -
Removing white line in CSS layout
Hello everyone,
I'm hoping that one of you experienced lot can help out a newbie (again!)
I've been getting to grips with CSS and building my layout with it instead of with tables, following the advice of some of you guys on here. It's going great so far, and I can see why you recommended it, but I've hit a roadblock.
At the very top of my page, in a div tag, I have my header image. Just below that, in a new div tag, I have an undefined list of words which I have arranged in a single row. Below that again, I have another image.
What I want is for each of those layers to flow from one to the other, without any white gap in the middle (my page background is white). There is no white gap between my list of words, which are on a green background, and the image below, but between the top image and the block of green background which my row of words is on, there is a white line.
I have tried everything in my limited arsenal of 'expertise', which amounts to trying margin=0 tags on the top image, and on the row of words, but no matter what I try, the white line won't go away. I've double checked to be sure and it isn't part of the image either. When you insert an image in html using src, does DW automatically add a white line underneath that you can't remove in CSS?
I can put up a screenshot if that helps?
Huge thanks in advance for anyone who can help me. This is driving my n00b mind nuts!
Best wishes all,
Jack.For best answers here, please upload your test page & dependant files to your remote server and post a link so we can see it in our browsers. Also, please tell us which browsers you're seeing this in.
My best guess without benefit of seeing your page is that you may have some default browser margins & padding appearing around one or both images.
In code view, add an inline CSS style to your images like so:
<img style="display:block" src="image1.jpg">
<img style="display:block" src="image2.jpg">
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
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
>>
>
> -
Hi everyone, I have two CSS questions regarding my layout.
First off, it is located at:
http://robles.clunet.edu/~ssmi/tsr9/tsr9template.html
The CSS is embeded in the file (it will linked from a
different file once I am done with this design, but beside the
point)
My first question is about how I can keep the right top image
from being bumped down to the next line when the window is resized.
I want it to squeeze into some, but then at a point have the scroll
bars kick in.
My other question is how I could make the title image "The
Scott Report" centered between the two left and right images up
top.
Could anyone help out?
Thanks a lot!Check the AppleCare number for your country here:
http://support.apple.com/kb/HE57
Call them up, and let them know you would like to be transferred to the Account Security Team. -
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.
-
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?
> -
CSS - Table width breaking layout
I have a CSS issue with page layout. I have created a layout where I have a main wrapper that encompasses the page. Inside the wrapper are three sections: header, content, and footer. These all adjust 100% to the width of the browser. I will have tables of varying sizes within the content area. My issue is that when the browser goes to a size smaller than the width of the table, the content area will scroll to the right, but the rest of the areas will not stay at the same width as the content area. The result is that the header and footer will remain at 100% in the viewable area, but you have to scroll to the right to see the rest of the information. This breaks the layout. What I would like to see is that the header and the footer will always match the width of the content area and so if a table happens to push to the right, the header and footer will always match it. Here is a link to an example: http://www.artomicblast.com/csstest/interior.html.
You'll see that if you have the browser filling up the whole screen, everything looks fine. As you start adjusting the size down, the center section will reach a point where you get a scrollbar and it breaks out of the width of the screen so that you'll see the header and footer to the left, and it sticking out to the right.
Is there a way to make it to where the outside wrapper will keep everything contained no matter the size of the table in the content area?
Thanks!I have a CSS issue with page layout. I have created a layout where I have a main wrapper that encompasses the page. Inside the wrapper are three sections: header, content, and footer. These all adjust 100% to the width of the browser. I will have tables of varying sizes within the content area. My issue is that when the browser goes to a size smaller than the width of the table, the content area will scroll to the right, but the rest of the areas will not stay at the same width as the content area. The result is that the header and footer will remain at 100% in the viewable area, but you have to scroll to the right to see the rest of the information. This breaks the layout. What I would like to see is that the header and the footer will always match the width of the content area and so if a table happens to push to the right, the header and footer will always match it. Here is a link to an example: http://www.artomicblast.com/csstest/interior.html.
You'll see that if you have the browser filling up the whole screen, everything looks fine. As you start adjusting the size down, the center section will reach a point where you get a scrollbar and it breaks out of the width of the screen so that you'll see the header and footer to the left, and it sticking out to the right.
Is there a way to make it to where the outside wrapper will keep everything contained no matter the size of the table in the content area?
Thanks! -
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.
> -
I want to remove the comments section
hi this is my site http://demo402.businesscatalyst.com/news/company-announces-record-profits
i want to remove the comments section . how i will do thatIf you're not familiar with HTML make sure you create a backup of the html in a text editor before editing, that way you can replace it later if you need to.
What you want to do is go into the
Site settings > Module templates > News Layouts > Detail layout.
Click the html tab bottom of the editing window.
Remove the comment form div code which should look like this: starting with <div class="comment-form"> and ending with </div>
<div class="comment-form">
<h5>Comment</h5>
<form name="catratingform2343" onsubmit="return checkWholeForm2343(this)" method="post" action="/RatingProcess.aspx?OID={module_oid}&OTYPE={module_otype}">
<div class="form">
<div class="item"> <label>Was this helpful?</label><br />
No <input type="radio" name="Rating" value="1" /> <input type="radio" name="Rating" value="2" /> <input type="radio" name="Rating" checked="checked" value="3" /> <input type="radio" name="Rating" value="4" /> <input type="radio" name="Rating" value="5" /> Very </div>
<div class="item"> <label>Name (optional)</label><br />
<input class="cat_textbox_small" type="text" name="FullName" maxlength="255" /> </div>
<div class="item"> <label>Website (optional)</label><br />
<input maxlength="255" name="website" class="cat_textbox_small" /> </div>
<div class="item"> <label>Email Address (optional)</label><br />
<input class="cat_textbox_small" type="text" name="EmailAddress" maxlength="255" /> </div>
<div class="item"> <label>Enter Word Verification in box below</label><br />
{module_captchav2} </div>
<div class="item"> <label>Comment (optional)</label><br />
<textarea class="cat_listbox_small" name="Feedback"></textarea> </div>
<div class="item"> <input class="cat_button" type="submit" value="Submit" /> </div>
</div>
<script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
<script type="text/javascript"> //<![CDATA[
function checkWholeForm(theForm){var why = "";if (theForm.EmailAddress) if (theForm.EmailAddress.value.length > 0) why += checkEmail(theForm.EmailAddress.value);if (theForm.CaptchaV2) why += isEmpty(theForm.CaptchaV2.value, "Enter Word Verification in box below");if (why != ""){alert(why);return false;}return true;}
//]]> </script>
</form>
</div>
Then save.
If you delete the wrong code, restore from the backup copy. -
How to remove default comment from XML output
Hi,
I have a requirement to generate the XML report with XML output(Not PDF). Everything is working fine except I am getting one comment line "<!--Generated by Oracle Reports version 6.0.8.28.0--> which is not required and I want to remove this line. This report will be run through Oracle Apps 11i.
Thanks.Hi,
There is option to change the "Prolog Value" but nothing is there to remove the comment.
Thanks -
Remove the comment time stamp in a PDF document
Does anyone know what's the best way to remove the comment time stamp from a document?
thanksDo you mean that you want to remove the timestamp of a particular comment? If so, there are two timestamps associated with a comment, the creation date and the modified date. The modified date is what's shown in the comments list in Acrobat/Reader and can be altered by a script, but the creation date will still be present though unseen and unmodifiable directly with a script. It's possible to export the comments to a data file (FDF/XFDF), edit the file to remove/replace any timestamp info, and re-import the comments into a copy of the file that doesn't have comments. So the best approach really depends on what it is you're trying to accomplish.
-
Spry menu for my phone.css and tablet.css?
I finished learning how to set up my media queries and during the process I changed the properties of my spry menu for my phone.css. I now realize that all my menu bars are the size that I did for my phone.css.
How can I get my phone.css and tablet.css to recognize different spry menu bars? I was thinking to place certain spry menu css information inside of the appropriate phone.css or tablet.css (in my case) then within my #navigation ID.
Does anyone see what trap I have set for myself?
This has come about when I started to make a current site viewable in a tablet and phone device. As I change the spry menu bar it changes all of my navigation.
Thanks in advance for the help.So in other words are you saying to paste in my spry menu bar css code into let's say my phone.css?
current phone.css code:
<><>
@charset "utf-8";
@import url("SpryAssets/SpryMenuBarHorizontal.css");
body {
text-align: center;
background-color: #be7042;
#wrapper {
height: 750px;
width: 320px;
margin-right: auto;
margin-left: auto;
background-color: #006400;
position: static;
#bottombanner {
text-align: center;
height: 192px;
width: 320px;
margin-right: auto;
margin-left: auto;
margin-top: 25px;
font-family: Verdana, Geneva, sans-serif;
font-size: 8px;
line-height: 2px;
color: #FFF;
position: static;
#ckimage {
text-align: center;
height: 145px;
width: 75px;
margin-top: 50px;
margin-left: 20px;
font-family: Verdana, Geneva, sans-serif;
font-size: 6px;
color: #FFF;
position: static;
#estriolimage {
text-align: center;
height: 75px;
width: 56px;
margin-top: 45px;
margin-left: 26px;
font-family: Verdana, Geneva, sans-serif;
font-size: 6px;
color: #FFF;
position: static;
#maincopy {
font-family: Verdana, Geneva, sans-serif;
text-align: left;
height: 350px;
width: 200px;
margin-top: -265px;
margin-left: 115px;
color: #FFF;
font-size: 8px;
position: static;
#navigation {
text-align: center;
height: 49px;
width: 320px;
margin-top: 1px;
position: static;
#topbanner {
text-align: center;
height: 48px;
width: 320px;
margin-right: auto;
margin-left: auto;
position: static;
><><
Would I paste my spry menu bar css code into my #navigation portion of my phone.css (I bolded the part where I think I would paste in my spry menu css.) -
Updating css in the CSS repository
Hi,
I have a problem with updating a css which is in the CSS repository. It seems that none of the updates has any effect on the page. Even if I delete the css from the CSS repository it seems to be still there. How can I update a css in the CSS repository??
Thanks, MarenI am experiencing the same situation and dont understand what is happening.
I have my own css which has been working fine.
When I edit the css in HTML with the edit button and press APPLY CHANGES it save it somewhere because when I edit again the change is there but I dont see the change in my application since the classes I changed are still showing with the old values.
If I press the link on the cssname I Download the css and I get the old version.
It seems that html updates css in one place and the css file is in another.
Can someone please give me an idea of what is happening.
Thank you.
Carlos -
Revision: 21260
Revision: 21260
Author: [email protected]
Date: 2011-05-16 07:46:54 -0700 (Mon, 16 May 2011)
Log Message:
Update the qa-frameworks.zip to remove all comments from the base xml when merging config files.
Modified Paths:
blazeds/trunk/qa/resources/frameworks/qa-frameworks.zipTry options=('!makeflags') in PKGBUILD.
Maybe you are looking for
-
Apply gradient to flex applicationBar
hello guys i 'm trying to port an application from flex 3.5 sdk to flex 4.5 however im having problems with styles. for example on applicationcontrolbar in my css i used to be able to do this. ApplicationControlBar.appBarDayCell{ fillAlphas: 1.0, 1.
-
How to change the resolution af adobe captivate
Hi, I have a surface 3 with high resolution (2160 x 1440). In Adobe captive - the menu bar is very small due to the high resolution So i tried to modify the resolution of adobe captivate in the compatibily mode but it won't work :-( In the meantime,
-
I have been getting the following message each time I try to update my Ipod: error -54 [permErr: permissions error (on file open)] Can anyone help me fix this problem? The sceond problem is that when my Ipod has completed updating it states that ther
-
Unable to connect to internet as Self assigned IP address Since Aple repair
Right this is currently winding me up a treat and i am posting this via windows under bootcamp on my iMac as it is the only way i can connect to the internet. Picked my iMac up from the Apple store in Bristol UK (i dont know if this is related or not
-
Photoshop CS 6 Extenstion Manager
I don't understand the Extension Manager for Photoshop CS6 I need clarity on what to do. The disk is an upgrade.