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.
>
Similar Messages
-
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
>>
>
> -
Make a menu tab active when using templates
Could anyone tell me how de we achieve making a menu tab active when using a template and a combination of html & php. I am putting the code I am using for my menu and do not see how to do this and how to relate inner pages to the right menu tab ... The site has hundreds of pages so i hope there is an easy way to do this without having to create duplicated templates. Many thanks.
<li><span class="divider divider-vert" ></span></li>
<li><a href="Hostels.html">Hostels Brasil</a></li>
<li><a href="Historico.html">Historico e Filosofia</a></li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="Brasil-Carteira.html">Carteira HI Brasil</a>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="hostels-mondo/index.html">Hostels do Mundo</a>
</li><li><a class="item-primary" href="Contato.html">Contato</a>
</li></ul>Humm .. really not sure what I'm doing wrong here .... I've been redesigning the whole menu but cannot get that to work , if you dont mind I am sending you the code here first so you can already have a look and see if there is some obvious mistake , I am still testing all this on my local machineand as I completly re made the menu for the purpose I cannot upload the files and let the client see a menu like this (now I was also wondering if maybe this would only work on a live server ?)
So my menu is like this
<div id="nav-container"><div id="nav">
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="../viagem-brasil/destinos.html">Destinos</a></li>
<li><a href="#">menu</a></li>
</ul>
</div>
</div>
Then just befor the </body> tag I have the following :
<script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryDOMUtils .js"></script>
<script>
function InitPage(){
Spry.$$('nav li').forEach(function(node){
var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
if(a.href == window.location){
Spry.Utils.addClassName(node,"activeMenuItem");
Spry.Utils.addLoadListener(InitPage);
</script>
And my css is, you will notice I am trying to get an image as background but this is only a detail .....
#nav{
margin: auto;
color: #FFF;
height: 65px;
width: 1060px;
text-align: left;
background-image: url(../images/menubg.gif);
#nav-container
height:65px;
background-image:url(../images/menubg.gif);
width: 100%;
#nav-container ul {
padding:0;
margin:0;
list-style-type:none;
#nav-container li {
margin-left:2px;
float:left;
height: 55px;
/* [disabled]padding-top: 25px; */
#nav-container ul li a {
display:block;
float:left;
width:100px;
/* [disabled]background-color:#6495ED; */
color:#FFF;
text-decoration:none;
text-align:center;
padding:5px;
/* [disabled]margin-top: 20px; */
height: 25px;
padding-top: 30px;
#nav-container ul li a:hover {
background-image: url(../images/menuHome.png);
display:block;
float:left;
width:100px;
/* [disabled]background-color:#6495ED; */
color:#FFF;
text-decoration:none;
text-align:center;
padding:5px;
/* [disabled]margin-top: 20px; */
height: 25px;
padding-top: 30px;
.activeMenuItem a {
background:#a59a84;
color:#000;
.activeMenuItem a {
background:#a59a84;
color:#ffffff;
background-image: url(../images/menuHome.png);
I really thank you for your time and hope you'll spot the mistake, if not I will do upload something so we can see it live !
Many thanks -
I am having an line through my css item and it is telling me that I have a css inherited tag error. I don't know what that means.
I am not sure why espically because all I am doing is changing the image from one to another but when I try to relink the image it goes to a blank page and doesn't display the new image.
I will post my css and my html code but also the url to the site is www.unicornforwriters.com ( the template I am referring to access' the services tab)
any help would be appreciated.
thank you
CSS
@charset "utf-8";
.Containter {
height: auto;
width: 1000px;
margin: 0 auto;
background-image: url(../images/New_backgroud_servicespage.tif);
.Containter #Header {
background-image: url(../images/Page1/logo.jpg);
background-repeat: no-repeat;
position: relative;
height: 82px;
width: 1000px;
#Main_content {
font-family: Verdana, Geneva, sans-serif;
background-image: url(../images/New_backgroud_servicespage.tif);
background-repeat: no-repeat;
height: 750px;
width: 1000px;
#Menu_horizontal {
width: 1000px;
background-image: url(../images/menubar_background%20Image.png);
background-repeat: no-repeat;
#left_maincontent {
float: left;
height: 620px;
width: 430px;
margin-top: 80px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 80px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
#right_maincontent {
float: right;
height: 620px;
width: 430px;
margin-top: 80px;
margin-right: 50px;
margin-bottom: 10px;
margin-left: 0px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
#left_image_wrap{
margin: 20px;
}.Containter #Main_content #right_maincontent p_header {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: center;
vertical-align: middle;
.rightmain_header {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-align: center;
HTML
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<link href="../css/CSS_Main.css" rel="stylesheet" type="text/css" />
<!-- Start css3menu.com HEAD section -->
<!-- End css3menu.com HEAD section -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
#forwardright {
position:absolute;
left:976px;
top:789px;
width:55px;
height:59px;
z-index:1000;
background-image: url(../images/unicorn_page_right.jpg);
background-repeat:no-repeat;
#forwardleft {
position:absolute;
left:36px;
top:793px;
width:50px;
height:56px;
z-index:1001;
background-image: url(../images/unicorn_page_left.jpg);
background-repeat:no-repeat;
</style>
<link href="../css/MenubarCSS.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="forwardright"></div>
<div id="forwardleft"></div>
<div class="Containter">
<div id="Header"></div>
<div id="Menu_horizontal">
<!-- Start css3menu.com BODY section id=1 -->
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="../Pages/Home.htm" style="height:18px;line-height:18px;">Home</a></li>
<li class="topmenu"><a href="../Pages/About_us.html" style="height:18px;line-height:18px;">About</a></li>
<li class="topmenu"><a href="../Pages/Services_main.html" style="height:18px;line-height:18px;">Services</a></li>
<li class="topmenu"><a href="../Pages/Fee_Sheet.html" style="height:18px;line-height:18px;">Fees</a></li>
<li class="topmenu"><a href="../Pages/Events.html" style="height:18px;line-height:18px;">Events</a></li>
<li class="topmenu"><a href="../Pages/Resources.html" style="height:18px;line-height:18px;">Resources</a></li>
<li class="topmenu"><a href="http://www.unicornwritersconference.com/" style="height:18px;line-height:18px;">Conference</a></li>
<li class="topmenu"><a href="http://www.jankardys.com/BlackHawk_Literary_Agency.html" style="height:18px;line-height:18px;">Literary Agency</a></li>
<li class="toplast"><a href="../Pages/Contact_us.html" style="height:18px;line-height:18px;">Contact</a></li>
<li class="toplast"><a href="#" style="height:18px;line-height:18px;">Links</a></li>
</ul>
<p style="display:none"><a href="http://css3menu.com/">Horizontal Menu Using CSS Css3Menu.com</a></p>
<!-- End css3menu.com BODY section -->
</div>
<div id="Main_content">
<!-- TemplateBeginEditable name="Editable_leftmaincontent" -->
<div id="left_maincontent">
<div id="left_image_wrap" align="center"><img alt="" name="Left_page_image" width="400" height="32" align="middle" id="Left_page_image_wrap" style="background-color: #00FF66" /></div>
</div>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="EditRegion_rightmaincontent" -->
<div id="right_maincontent">
<div class="rightmain_header">
<p>google</p>
</div>
<p>main paragraph content</p>
<p> </p>
<div id="right_maincontent2"></br>
<a href="../Fee_Sheet.html">See Price List. </a></div>
<p> </p>
</div>
<!-- TemplateEndEditable --></div>
<div></div>
<div id="Footer" style="font-size: 9px">This site was built by Techno Mage LLC.</div>
</div>
</body>
</html>I don't understand your question at all. You are talking about template but the link you have posted doesn't seem to be from a tempalte.
However, when I go to your site, I get this image:
Now ehen I click on the image I get this page:
I then click on the Services tab, I get this:
Now explain what image should be on this page? Why do you say you get a blank page?
You need to explain your question again and provide which image isn't loading!! Post that image on these forums. You will need to login to these forums to post your image otherwise it won't come at all. It will be blank!!!!! if this is what you mean! -
How to Map XML Summary comments/tags from OpenScript into OTM through Java
Hi,
I would like to know if there is a possibility of copying the XML Summary comments/tags of a test case method in Openscript as test action and expected results of a test case in OTM
The goal/reason is have to all the test case steps/actions and expected results and the corresponding automation code at one place so that maintenance is easy.
Something like a testcase method below from openscript
<Summary>
<testproperties>
<testcaseTiltle =" Automation of Expense Bill ">
</testcaseTitle>
<testcaseId>
</testcaseId>
<testAction>
Click Menu -> Main Menu -> Expense
</test action>
<expectedResult>
Expense form should be opened successfully
</expectedResult>
<testAction>
Enter the Expense Amount and Date
Click Save
</testAction>
<expectedResult>
Expense for a given date should be submitted successfully
</expectedResult>
</testproperties>
</Summary>
{{@TestCaseMethod}}
public void submitExpense()
....... automation code......
}Did you find a way?? I need to do the same thing!!
-
Color not changing on Selected Menu tab
I'm creating a custom css and in doing so have been trying to change the text color of the selected menu tab. I've added it to my stylesheet but it is not changing upon running it. If I change the menu tab specifically via the properties of the tab, it will change. Is 'color' something we can change?
Here is a snipet of my css:
.af|menuTabs::selected {color:red;
white-space:nowrap;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:200%;
background-color:white;
font-weight:bold;
text-decoration:none;
Thanks,
Lisa
Your '.' before af|menuTabs is wrong.
It's just "af|menuTabs::selected" not ".af|menuTabs::selected".
Also, you need to use the ::selected-link pseudo-element to style the color of the text.
/* Make the selected tab bold */
af|menuTabs::selected-link
font-weight: bold;
font-size: 14pt;
color: green;
}
Your '.' before af|menuTabs is wrong.
It's just "af|menuTabs::selected" not ".af|menuTabs::selected".
Also, you need to use the ::selected-link pseudo-element to style the color of the text.
/* Make the selected tab bold */
af|menuTabs::selected-link
font-weight: bold;
font-size: 14pt;
color: green;
}
Every time (ALMOST) I open a comment tag 'pop-up,' the Thumb-Nail section opens, very annoying. Have tried everything I can think of. Any ideas? No other problems elsewhere, either in Adobe or Word or my entire computer for that matter. Very strange glitch. Ran several deep virus checks - nothing. Booted and re-booted. Entered different ways into Adobe, no help. Thought about my keyboard (wireless of course) might be doing it, but in other web-sites and in WORD - no problems.
I use WINDOWS 8.1. Also doubled checked my up-date status. Is there a chance that this is a continuing problem that is still being encountered from the last major Adobe up-date? Use Adobe for years with never a problem until the latest up-date. Parting thought, maybe just my batteries in my keyboard are getting low, or a really low threshold virus of some sort, no idea. Any help would be greatly appreciated.
Thank you! Charlie
these are the sites and the information that i followed and none of these things gave me a solution. i am still getting a second tab with every single window that opens. . . thank you for your help!
https://support.mozilla.org/en-US/kb/stop-firefox-opening-multiple-tabs-when-it-starts
https://support.mozilla.org/en-US/questions/959049
https://support.mozilla.org/en-US/questions/959413
https://support.mozilla.org/en-US/kb/firefox-repeatedly-opens-empty-tabs-or-windows
Good Afternoon,
I want to say thank you for all of your advice and direction!!!
I have a few more questions in reference to menu tabs, upon creation of my tabs there are additional links created for each tab although they are nice features how do I get RID of them?? also when I created my tabs they were created at the right side of the page how do I move them to the left side of the page? I apologize if these questions seem a bit simple.
You can achieve the similar effect , if your prepared to change your css skin a little :-
af|showOneTab::cell-start
The style on the first cell. You can left-align by setting width:0% on this, and width:100% on af|showOneTab::cell-end
was not able to get this working successfully , have posted request here:-
force af|tabbar to be right to left
Message was edited by:
kequinoxed
Is there a way to backup my bookmarks from the bookmarks menu tab?
After recently having a problem reinstalling my old bookmarks, I'm now wondering if there is a easy way to backup my very recent bookmarks, when I enter my bookmarks from the menu tab? I don't see a link within the bookmarks tab to do so. It would be nice to see a specific link within the bookmarks tab to do such a function. Does anyone have any solutions, or know a way to quickly backup my bookmarks? Thank you.
Bookmark backup and restore
*http://kb.mozillazine.org/Backing_up_and_restoring_bookmarks_-_Firefox
*https://support.mozilla.org/en-US/kb/restore-bookmarks-from-backup-or-move-them
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-ann
I 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.
Consider the following html code where I open a textarea and include a comment tag within the textarea. Within the comment tag (which Firefox 4 should ignore) I've included a close textarea tag. Firefox 4 (unlike FF3 and IE) closes the textarea.
The following code is also available at
http://www.cems.uwe.ac.uk/caa/ffbug/index.html
We are about to start a textarea....<p>
<pre><nowiki><textarea rows='20' cols='40'>
Here is the textarea.
Inside these comment blocks I'll put a close textarea tag which Firefox should ignore but does not.
<p>
<!--
We are now inside comment blocks...
<br>
This code should be inside the text area.<br>
</textarea>
<br>
and so should this code be <b>inside</b> the text area (but is not in Firefox 4).
-->
</textarea>
<p></nowiki></pre>
This code should be outside the textbox.
Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.
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?
>
If i open a new window instead of a new tab, in the new window does not appear the menu tab
i want to open new windows instead of tabs and in the new window should appear the menu tab and scrolling up and down, but now with the new version the menu tab does not appear and i cannot scroll up and down.
Do you mean opening a window via the File menu (File > New Window) or do you always want to open links that you click on web pages in a new window?
See also:
*http://kb.mozillazine.org/Prevent_websites_from_disabling_new_window_features
You can open the <b>about:config</b> page via the location/address bar.
You can accept the warning and click "I'll be careful" to continue.
*http://kb.mozillazine.org/about:config
Hi there,
I have done a lot of reading, gone to BC gurus, looked at Liam's post on Web Menu V2and I am still stumped on this one. The BC gurus tutorial and Liams' item were way above my head.
How do you apply CSS you have written to a BC menu?
I have set up a BC menu and put items in it. The menu type is CSS (HTML) Only
The menu items have a name, a page link Item Height of 30 and .menuLeft in the Item CSS Class Name
The template the menu is on is responsive and linked to a stylesheet with the CSS code below in it.
The menu is completely unaffected by the CSS in the stylesheet. All menu items have a dot in front of them, and look like the default link style for the site.
So the CSS below is not having any affect on the menu items. Why is this?
What basic, simple step have I missed here?
How do I get the menu in BC to notice the CSS below?
I have also tried making the CSS into an id #menuLeft and putting that into the Item ID Name field in each menu item. The CSS is still completely ignored. Why? (anguished cry)
.menuLeft {
list-style-type: none;
.menuLeft ul{
list-style-type: none;
padding: 5px;
margin: 0px;
line-height: 30px;
border: thin solid #CCCCCC;
border-radius: 3px;
text-decoration: none;
.menuLeft li a:link {
color: #3F823D;
text-decoration: none;
.menuLeft li a:visited {
text-decoration: none;
color: #999999;
background-color: #B9E09A;
.menuLeft li a:hover {
color: #999999;
text-decoration: underline;
background-color: #B9E09A;
.menuLeft li a:active {
color: #999999;
text-decoration: none;
background-color: #B9E09A;
Hi Liam,
The class is definitely .menuLeft and that is what is showing in the code. However, for the menu, only the line height set in the backend of BC is showing. All other styling in the CSS is ignored. By the way I have to have two CSS stylesheets as this is a responsive design using CCDW. You have to use a separate stylesheet to style body, links, headers and other items. I have done this in eternityfonts.css which is where the styling for the menu is. The webpage is using all other instructions from the eternityfonts.css file, including headers, links etc, but it is ignoring the menu styling.
TEST PAGE SHOWING THE MENU NOT WORKING
Here is the test page where I am trying to style the menu. http://eternitycosmetics.businesscatalyst.com/test
It is linked to these stylesheets:
<link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" /> BC standard stylesheet with all sites
<link href="../boilerplate.css" rel="stylesheet" type="text/css"> DW CC stylesheet that comes with fluid design
<link href="/stylesheets/eternity4.css" rel="stylesheet" type="text/css"> DW CC stylesheet that accompanies the fluid design - the fluid design will break if I edit this stylesheet manually
<link href="/stylesheets/eternityfonts.css" rel="stylesheet" type="text/css"> stylesheet containing body bground, header, a link and other manual styles for the site. I can edit this stylesheet manually
CODE RENDERING ON THE PAGE
Here is the code on the page for the menu in question when I do view source. It appears to be ignoring the .menuLeft code in eternityfonts.css and just looks at the setup in the BC menu.
<div id="leftMenu" class="fluid"> (this div is in the DWCC generated stylesheet that I cannot touch called /stylesheets/eternity4.css)
<script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script><!-- Dynamic Menu Begin CSS Output -->
<div id="cat_673629_divs">
<ul id="nav_673629">
<li class=".menuLeft" style="height:30px;"><a href="/index.htm">Home</a></li> (this class is in the /stylesheets/eternityfonts.css stylesheet that I can edti)
<li class=".menuLeft" style="height:30px;"><a href="/about-us">About Us</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/products">About Our Products</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/impact-cosmetics">Products Online</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/anti-aging-treatments">Anti-aging Treatments</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/acne-treatments">Acne Treatments</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/doctor-services">Doctor Services</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/testimonials">Testimonials</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/contact-us">Contact Us</a></li></ul></div>
<script type="text/javascript">catSetSelectedCSSItem('nav_673629');</script>
<!-- Dynamic Menu End CSS Output --></div>
BC MENU SETUP SCREEN
Here is the BC setup screen showing that I have applied the class of .menuLeft to the menu items:
CSS CODE THAT IS BEING IGNORED WHEN THE PAGE IS DISPLAYED
Here is the code in eternityfonts.css that is not being applied to the CSS menu. I have bolded the code that is not being actioned in the BC CSS/HTML menu.
WHY IS THIS CODE BEING IGNORED?
What step have I missed here?
Full dump of code in eternityfonts.css
@charset "utf-8";
/* CSS Document */
body,td,th {
font-family: Arial;
font-size: 12px;
color: #000;
font-style: normal;
font-weight: 400;
body {
background-color: #FFFFFF;
background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(178,221,145,1.00)),color-stop( 100% , rgba(255,255,255,1.00)));
background-image: -webkit-linear-gradient(270deg,rgba(178,221,145,1.00) 0%,rgba(255,255,255,1.00) 100%);
background-image: linear-gradient(180deg,rgba(178,221,145,1.00) 0%,rgba(255,255,255,1.00) 100%);
background-repeat: no-repeat;
a {
color: #3F823D;
text-decoration: none;
a:visited {
color: #3F823D;
text-decoration: none;
a:hover {
color: #3F823D;
text-decoration: underline;
a:active {
color: #3F823D;
text-decoration: none;
h1 {
font-size: 20px;
color: #3F823D;
h2 {
font-size: 18px;
color: #FF7546;
h3 {
font-size: 16px;
color: #3F823D;
h4 {
font-size: 14px;
color: #FF7546;
#buyButton2 {
width: 100px;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
border: thin solid #CC6600;
border-radius: 3px;
background-color: #FFAC77;
float: right;
#buyButton1 {
width: 100px;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
border: thin solid #CC6600;
border-radius: 3px;
background-color: #FFAC77;
.menuLeft {
list-style-type: none;
.menuLeft ul{
list-style-type: none;
padding: 5px;
margin: 0px;
line-height: 30px;
border: thin solid #CCCCCC;
border-radius: 3px;
text-decoration: none;
.menuLeft li a:link {
color: #3F823D;
text-decoration: none;
.menuLeft li a:visited {
text-decoration: none;
color: #999999;
background-color: #B9E09A;
.menuLeft li a:hover {
color: #999999;
text-decoration: underline;
background-color: #B9E09A;
.menuLeft li a:active {
color: #999999;
text-decoration: none;
background-color: #B9E09A;
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
.menu ul{
height:50px;
list-style:none;
margin:0;
padding:0;
.menu li ul{
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:200px;
z-index:200;
.menu li:hover ul{
display:block;
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"...
Maybe you are looking for
-
Problem in creation of Nested Table
Hi Everyone, I have applied thisexample for creating nested tables but at the end I got the message of invalid datatype current_address full_mailing_address_type, ERROR at line 4: ORA-00902: invalid datatype http://www.praetoriate.com/oracle_tips_nes
-
When I try to play a song on iTunes, it won't play. Tt says it's playing but it never plays on past the 0:00 mark. It even does this for music I have recently bought on iTunes and my music works fine on my iPhone but not on iTunes. I haven't had this
-
Ipod no longer turns on and is not recognized by computer
My ipod ran out of battery about two weeks ago. When I tried to charge it again with my wall charger, the ipod did not recognize that it was charging. No light came on or screen changed to show that it was charging. The back of the ipod felt warm but
-
Do not want viewer for RAW files - want to open directly in photoshop
I have Photoshop Extended as part of CS4. I am trying to open RAW files from my Canon 5D Mark II for batch processing. Each time the RAW file is opened it brings up some form of viewer where I need to click OPEN Image. This prevents me from automatin
-
Is there a background image option
In CS4 Properties Inspector? I am trying to figure out if I have a faulty install?