Css code completion everywhere?

Would it be possible to make css code completion work in these two situations?:
inside style="" attributes
inside things like background-image:

Taking an example like 'box-shadow', what sort of code hints would you want to see?
Most of the individual bits of the property value are lengths in pixels, so it probably wouldn't make sense to show any hints for them individually. But we could, for example, show hints for the entire value by just listing other 'box-shadow' values you've used elsewhere in your code (making reuse easy in cases where you're not using a preprocessor). Is that the sort of thing you'd want?
- Peter

Similar Messages

CSS code completely fouled up by CSS designer

I'm having a bunch of bugs with Dreamewaver CC. Inserting images in code view or in design view always places them in the wrong place. For example inserting an image using Cmnd/Ctrl + Alt/Option + i with the cursor placed before paragraph 1 will insert the image after the last paragraph in the document or some other random place in the page. The only thing that kind of works is that the insert stays in the right div.
That's not the worst of it. I made a few edits to a fluid layout using the new CSS design panel and all of the line feeds and line breaks have dissapeared making the code extremely hard to read, troubleshoot and edit. Has anyone seen this?
Here's what the code looks like now:
@charset "UTF-8";
/* Simple fluid media   Note: Fluid media requires that you remove the media's height and width attributes from the HTML   http://www.alistapart.com/articles/fluid-images/ */
img, object, embed, video {          max-width: 95%;          margin-left: auto;          margin-right: auto;          display: block;}/* IE 6 does not support max-width so default to width 100% */.ie6 img {          width:100%;          }/*          Dreamweaver Fluid Grid Properties          ----------------------------------          dw-num-cols-mobile:                    4;dw-num-cols-tablet:                    8;dw-num-cols-desktop:          14;dw-gutter-percentage:          15;Inspiration from "Responsive Web Design" by Ethan Marcotte           http://www.alistapart.com/articles/responsive-web-design                    and Golden Grid System by Joni Korpi          http://goldengridsystem.com/*/body {                    background:#333;          }.fluid {                    clear: both;          margin-left: 0;          width: 100%;          float: left;          display: block;          }.fluidList {              list-style:none;          list-style-image:none;          margin:0;          padding:0;          }          /* Mobile Layout: 480px and below. */ .gridContainer {          margin-left: auto;          margin-right: auto;          width: 96.7391%;          padding-left: 1.6304%;          padding-right: 1.6304%;          clear: none;          float: none;}#mainHeader {          width: 100%;          border-bottom: thin dotted #666666;          background-color: #FFFFFF;} #headerHome {          width: 100%;          margin-left: 0;          } #mainTitle {          width: 100%;          margin-left: 0;          clear: both;          display: none;          }#mainNav {          width: 100%;          clear: both;          margin-left: 0;          }#mainNavList {          width: 100%;          margin-left: 0;          }.manNavBtn {          width: 48.3146%;          clear: none;          margin-left: 3.3707%;          }#sideNav {          width: 100%;          background-color: #FFFFFF;          border-bottom-right-radius: 4px;          border-bottom-left-radius: 4px;}#mainArticle {
          width: 100%;
          clear: both;
          background-color: #FFFFFF;
}#adSide {          width: 100%;          clear: both;          margin-left: 0;          background-color: #FFFFFF;}#          mainFooter {}#footer {}.zeroMargin_mobile {margin-left: 0;          }.hide_mobile {display: none;          }/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */@media only screen and (min-width: 481px) {.gridContainer {          width: 93.451%;          padding-left: 0.7744%;          padding-right: 0.7744%;          clear: none;          float: none;          margin-left: auto;          }#          div1 {}#mainHeader {          width: 100%;          border-bottom: thin dotted #666666;          }#headerHome {width: 36.464%;          margin-left: 0;          }#mainTitle {width: 61.8784%;          clear: none;          margin-left: 1.6574%;          display: block;          }#mainNav {          width: 61.8784%;          margin-left: 1.6574%;          clear: none;          float: right;          }#mainNavList {width: 100%;          margin-left: 0;          }.manNavBtn {width: 17.8571%;          margin-left: 2.6785%;          clear: none;          }#sideNav {width: 11.0497%;          }#mainArticle {width: 61.8784%;          margin-left: 1.6574%;          clear: none;          }#adSide {width: 23.7569%;          margin-left: 1.6574%;          clear: none;          }#mainFooter {}#footer {}.hide_tablet {display: none;          }.zeroMargin_tablet {margin-left: 0;          }}/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */@media only screen and (min-width: 769px) {.gridContainer {          width: 94.1149%;          max-width: 1000px;          padding-left: 0.4425%;          padding-right: 0.4425%;          margin: auto;          clear: none;          float: none;          margin-left: auto;          }#div1 {}#mainHeader {width: 100%;          }#headerHome {width: 20.6896%;          margin-left: 0;          }#mainTitle {width: 78.3699%;          clear: none;          margin-left: 0.9404%;          display: block;          }#mainNav {          width: 78.3699%;          clear: none;          margin-left: 0.9404%;          float: right;          }#mainNavList {width: 100%;          margin-left: 0;          }.manNavBtn {width: 17.2%;          clear: none;          margin-left: 1.2%;          }#sideNav {width: 20.6896%;          }#mainArticle {width: 49.5297%;          clear: none;          margin-left: 0.9404%;          }#adSide {width: 27.8996%;          clear: none;          margin-left: 0.9404%;          }#mainFooter {}#footer {}.zeroMargin_desktop {margin-left: 0;          }.hide_desktop {display: none;          }}#mainArticle img {          border: thin solid #333333;          border-radius: 6px;          -webkit-box-shadow: 0px 0px;          box-shadow: 0px 0px;          padding: 5px 5px 8px;          background-color: #E9E9E9;}
Does anyone have any ideas about how to fix this and turn it back into readable code without going through each line and looking for natural breaks?
What a mess.
Mac, OSX 10.8.4, Dreamweaver 13.0 Build 6391
NOTE: If I use something like Styleneat to clean up this code it seems to break the styles for the Mobile and Tablet layouts and causes Dreamweaver to crash every time I turn on or off the fluid grid layout display.

Does anyone have any ideas about how to fix this and turn it back into readable code without going through each line and looking for natural breaks?
What a mess.
mg, object, embed, video { max-width : 95%;
margin-left : auto;
margin-right : auto;
display : block;
.ie6 img {
width : 100%;
body {
background : #333;
.fluid {
clear : both;
margin-left : 0;
width : 100%;
float : left;
display : block;
.fluidList {
list-style : none;
list-style-image : none;
margin : 0;
padding : 0;
.gridContainer {
margin-left : auto;
margin-right : auto;
width : 96.7391%;
padding-left : 1.6304%;
padding-right : 1.6304%;
clear : none;
float : none;
#mainHeader {
width : 100%;
border-bottom : thin dotted #666666;
background-color : #FFFFFF;
#headerHome {
width : 100%;
margin-left : 0;
#mainTitle {
width : 100%;
margin-left : 0;
clear : both;
display : none;
#mainNav {
width : 100%;
clear : both;
margin-left : 0;
#mainNavList {
width : 100%;
margin-left : 0;
.manNavBtn {
width : 48.3146%;
clear : none;
margin-left : 3.3707%;
#sideNav {
width : 100%;
background-color : #FFFFFF;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
#mainArticle {
width : 100%;
clear : both;
background-color : #FFFFFF;
.zeroMargin_mobile {
margin-left : 0;
.hide_mobile {
display : none;
@media only screen and (min-width:481px) {
#mainHeader { width : 100%;
border-bottom : thin dotted #666666;
#headerHome {
width : 36.464%;
margin-left : 0;
#mainTitle {
width : 61.8784%;
clear : none;
margin-left : 1.6574%;
display : block;
#mainNav {
width : 61.8784%;
margin-left : 1.6574%;
clear : none;
float : right;
#mainNavList {
width : 100%;
margin-left : 0;
.manNavBtn {
width : 17.8571%;
margin-left : 2.6785%;
clear : none;
#sideNav {
width : 11.0497%;
#mainArticle {
width : 61.8784%;
margin-left : 1.6574%;
clear : none;
#adSide {
width : 23.7569%;
margin-left : 1.6574%;
clear : none;
.hide_tablet {
display : none;
.zeroMargin_tablet {
margin-left : 0;
@media only screen and (min-width:769px) {
.gridContainer { width : 94.1149%;
max-width : 1000px;
padding-left : 0.4425%;
padding-right : 0.4425%;
margin : auto;
clear : none;
float : none;
margin-left : auto;
#mainHeader {
width : 100%;
#headerHome {
width : 20.6896%;
margin-left : 0;
#mainTitle {
width : 78.3699%;
clear : none;
margin-left : 0.9404%;
display : block;
#mainNav {
width : 78.3699%;
clear : none;
margin-left : 0.9404%;
float : right;
#mainNavList {
width : 100%;
margin-left : 0;
.manNavBtn {
width : 17.2%;
clear : none;
margin-left : 1.2%;
#sideNav {
width : 20.6896%;
#mainArticle {
width : 49.5297%;
clear : none;
margin-left : 0.9404%;
#adSide {
width : 27.8996%;
clear : none;
margin-left : 0.9404%;
.zeroMargin_desktop {
margin-left : 0;
.hide_desktop {
display : none;
#mainArticle img { border : #333333 solid thin;
border-radius : 6px;
box-shadow : 0 0;
padding : 5px 5px 8px;
background-color : #E9E9E9;

Modifying CSS code to customize a theme

Hello:
I'm trying to change some CSS code to customize a theme for an application. I make my change, upload, and the change takes into effect. I make additional changes, click Apply Changes, and the changes do not take affect.
I then go back to my CSS file, make the additional changes, upload the file, and the changes do not take into effect.
My issue is that some of the time when I make a change to the CSS code, the changes take into effect. Other times, they do not.
I installed Firebug which lets me print the HTML and CSS code for a page that is being currently viewed on the screen. I reviewed the HTML and found the "id" that I want to change. I make my changes, upload the CSS file, and the changes do not take into effect.
What is the secret with the CSS code in these themes that will not take my changes?
Here's an example of what happens:
I change the background color for a table. I then want to change the font-color. Instead of displaying both changes; my page reverts to the original colors of the theme.
I am at a complete loss. I have experience in CSS coding and I just don't understand why these changes aren't working all the time.
Can someone give me some insight as to the secret of customizing these themes?
Thanks,

Hi,
You can find your uploaded file in the table APEX_APPLICATION_FILES (or HTMLDB_APPLICATION_FILES in older versions of Apex) - search for your css filename in the FILENAME column.
I tend to upload custom stylesheets through Shared Components, Cascading Style Sheets and then replace the existing LINK tag in the page template with:
<link rel="stylesheet" href="#WORKSPACE_IMAGES#MyThemeFileName.css" type="text/css"/>Then, when I need to change the css, I do so using a text editor, delete the file through Shared Components and add in the new version. Sometimes the browser's cache holds an old copy of the stylesheet, but clearing the cache sorts that out. Otherwise, I've not had any problems doing it this way.
The css files you're seeing in your images folder will be referenced within the page templates. As these may be updated with any upgrade to Apex, you should avoid updating these.
Andy

CSS code to change cursor to magnify symbol on hover over specific images

Hi to you experts out there! I'm having a problem getting my CSS code to work. (I'm using Adobe CS4 Design Premium)
The web pages I'm working on are a gallery of images, with linked thumb images to the left which when clicked show the complete image on the right of the page. All 'main images' can also be clicked on to link to the next main image along, corresponding to the order of the thumbs. However, some 'main images' when clicked on are linked to larger, full page versions of an image. In this instance I want the user to see the pointer/cursor to change from the little hand to a magnify symbol when hovering over these specific main images. This is where I can't get the css code to work/achieve this.
For your info the main images reside in '#main_image' div. There is a compound CSS Rule for the main image pic called 'main_image a img', for a 2px, white border. There is then a hover state for this 'main_image a img:hover' where the border changes colour. (the main pic is assigned the ID 'img')
I have created a new compound CSS Rule for specific main images, where I want the cursor to change to a magnify symbol, again corresponding to the '#main_image' div, named 'main_image a zoomin' and also a hover state, 'main_image a zoomin:hover'. These two still have the same border attributes as above, 'a img' and 'a img:hover' (these main pics have been assigned the ID 'zoomin'). However, this is where I have also added CSS code for the cursor change. I have tried 15 or so variations of the following, without success:
#main_image a zoomin {
     cursor: url ('images/magnify.cur'), pointer;
     [then the border attributes...]
and...
#main_image a zoomin {
     cursor: url ('images/magnify.cur'), -moz-zoom-in, auto;
     [then the border attributes...]
What am I doing wrong? This can't be difficult! Would welcome some help please!
(Within the root directory: WinVista(C)/local_sites/sjcillustration/images' there are two files 'magnify.cur' (a downloaded img) and 'magnify.png' (my custom img - created in Illustrator, which I would actually prefer to use, but can't export as a .cur file). )

Call me Capt. Obvious, but why can't you put a "magnify" icon next to or below the thumbnail image along with the words "Click to Zoom?"
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

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.

How can I convert my css code into table format?

Wasn't sure how to word the title, but what I am trying to do is post my html code generated with Dreamweaver CS4 into craigslist for an advertisement I designed. Craigslist seems to only accept "TABLE FORMAT". I just learned enough to design this AD using css, now do I have to go back and learn table cell coding? Is there something I am not aware of like a conversion or something that will work?
Thank you very much for any help, I am very anxious to get my ad placed.

Example of the accepted code:
<table border="0" cellpadding="5" cellspacing="0" width="100%" id="table4" align="center">
<tr><td width="125"><b><font size="2" face="Verdana">Contact Name:</font></b></td><td><font face="Verdana" size="2">Patrick</font></td></tr>
You must have an old HTML editor because that isn't INLINE CSS CODE. It's deprecated HTML code. It might work OK on Craig's List... but <font> tags won't pass W3C validation in XHTML doc types.
To express what you have above using inline CSS styles without tables would like this:
<p style="font:16px Verdana, Arial, Helvetica, Sans-serif; text-align:center"><strong>Contact Name:</strong> Patrick</p>
http://www.w3schools.com/CSS/css_howto.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How do I cut and paste text in css code in dw cc?

How do I cut and paste text in css code in dw cc? I only licensed it a few days ago, it worked fine in trial! Thanks...

copy the code in Notepad (Window Machine) or MAC (Copy in texteditor) & paste it in DW, i think its working.

Is there any way to fix the slow code completion in Netbeans 5.5+

Netbeans 5.5 or Netbeans 5.5.1
Is there any possible fix for the slow code completion within the editor? I've googled this issue and haven't found much of anything relevant.
While, not used all the time - a faster than what it is now code completion would be helpful.
Thanks,
--Todd

helloWorld
Thanks for the response and useful response.
:P
I'm not a decent machine now and I guess I'll just keep on typing.
--Todd

Code completion particular not working

Hello,
in my program there are serveral internal classes. Each class has its own include file. Code completion seems not working for internal classes in other include files.
example:
lcl_class1 in includec01   (first included)
     class-methods static1_1
     methods method1_1
lcl_class2 in includec02   (second included)
     class-methods static1_1
     methods method1_1
problem:
While development in lcl_class2 there are no code completion for lcl_class1.
No code completation for lcl_class1=>static1_1
but if you declarate "data lo_myclass type ref to lcl_class1." code completion is working fine for public member methods and attributes in the same file.
In Functiongroups all working fine.
Best Regards
Markus Bauernschmitt
Und da hier eh die meisten deutschsprachig sind und mein Englisch grausam ist, nachfolgend die Erklärung nochmal auf deutsch.... ;-)
In meinen Programmen findet die Codevervollständigung keine interne Klassen aus vorangegangenen include Dateien. Dadurch werden weder die Klassen selbst noch die statischen Methoden angezeigt. Gebe ich eine statische Methode ein und möchte die Hilfe anzeigen (F2) erscheint die Fehlermeldung "Codeinformationen sind nicht verfügbar".
Dieses Problem tritt nicht auf, falls die Deklaration einer Variablen in der gleichen Include Datei erfolgt.
Deklaration einer Variablen in der aktuellen Include Datei -> Dokumentation der öffentlichen (nicht statische) Methoden und Attribute funktioniert
Zugriff auf öffentliche (statische oder nicht statische) Methoden und Attribute von globalen Variablen (deklariert in einer anderen Datei) funktioniert dagegen nicht.
Es sind nur anscheinend nur Programme betroffen. Bei Funktionsgruppen (getestet am Beispiel "ldemo_cr_car_rental_screen") trat der Fehler nicht auf.

Hi Dominik,
thank you for your answer. The internal classes are already simple and lightweight. In my understanding of OO I keep classes private as possible and so I create this specific "one program helper classes" in the smallest reasonable scope.
However, this is a architektur decission. But the pivotal question is: Why working this kind of code completion in function groups but not in programs.
Some additional information.
- Code completion working in "START-OF-SELECTION."
- In Functiongroup includes (Testcase lcl_class1 show as public type and lcl_class2 show as local public class.
Best regards
Markus

Code completion(insight) not working in SQL Developer Version 2.1.1.64

I recently downloaded SQL developer Version 2.1.1.64. However the code completion feature is not working automatically. I have checked the Automatically complete code in SQL worsheet checkbox under Tools->Preferences-> Code Editor-> Completion Insight.
Strangely, I get the code completion pop up window when I explicitly press the completion insight shortcut(Ctrl + Space).
Please help.
Thanks and Regards.

Hi, I am getting the following logs :
Code completion time = 1015
*...?aux tok2?, parse time = 63
InsightableOracleDatabase.fetch() time = 360
Code completion time = 844
Finished parsing = 0
*...?aux tok2?, parse time = 62
InsightableOracleDatabase.fetch() time = 344
Code completion time = 812
Finished parsing = 0
*...?aux tok2?, parse time = 63
InsightableOracleDatabase.fetch() time = 359
Code completion time = 891
Finished parsing = 0
Thanks

Auto code completion settings for new ABAP Editor

Dear all,
I am working in New ABAP editor but i am unable to set auto code completion,
please tell about customising of new ABAP editor for Auto code completion.
Thanks and regards,
Gaurav Sood

Hello,
       1.      Choose Utilities ® Settings.
The User-Specific Settings dialog box appears.
       2.      Choose ABAP Editor.
       3.      Set the new editor mode.
From:
http://help.sap.com/saphelp_nw04s/helpdata/en/43/29dee414483fe1e10000000a11466f/frameset.htm
Regards,
Jorge Diogo

Kdevelop and code completion

hi all, i'm trying to resolve a trouble... i use kdevelop for write c++ code and i cannot use code completion... in kdevelop faq there's wrote that i can activate code completion in the projects options' section named "Specific c++", i ativate it but i cannot use always the code completion. i've read that i must disable the abbreviation part, and i disable it, (in plugin settings) and i try to add the persistent class store on my projects dir, but i cannot use code completion. so, what can i do? anyone can help me?
thanks

i'm sorry, now i can use code completion, i must activate the c++ parser.
thanks

Jdeveloper11gR2 Cannot get code Completion Insight in *.jsp files

I am not getting code completion insight when pressing Ctrl + Space in *.jsp files. But it works in *.java files. My version of Jdeveloper is Jdeveloper 11g Release 2 version 11.1.2.2.0 .
Edited by: Smitha Bhatt on Jun 7, 2012 5:40 PM

I filed bug 14169588 for this.

What are the code completion keys in JDeveloper on Mac?

Does anybody know which key combinations to use for code completion in the Java editor in JDeveloper on a Mac?

I found out myself. The default key combination (<ctrl>+ space) does not work on my Mac, it pops-up the menu of VMWare Fusion.
So I assigned another key combination under Preferences->Shortcut Keys. The auto-complete commands to be re-asigned are "Completion Insight" and "Smart Completion Insight".

Flash builder 4.5 code completion doesn't show public function

Hi,
I am migrating from flex3 to flash builder 4.5 and it shows a question mark at one of my lines.
No errors, and the code works fine when i run it.. only there is no code completion in flash builder.
My code:
//i use a custom component like this:
<generalmenu:menu x="59" y="58" id="mymenu"/>
//this component loads its functions from a separate as(no class just simple as code) file (so i don't have all code in the file with visual components)
<fx:Script source="menusource.as"/>
//inside menusource.as there is a function that takes care of closing my app.
public function closeprogram():void
//closing window goes here
my problem..
when i type inside my function at application level:
mymenu.closeprogram();
i get a question mark in front of it: Call to a possibly undefined method closeprogram
code completion doesn't recognize my public functions inside the mymenu component, it does see mymenu but when i hit .(dot) it doesn't give me a list of functions.
How can i get code completion to work? Are there changes in the way you call as files in flash builder 4.5? Please some help.. code completion makes life much better.

I found why the nasty behavior above was happening ::- D.
I usually design my classes in Enterprise Architect. Since this is a rather large project, started from of about 30 classes, I did the entire architecture in EA, then, generated the code.
But, EA has poor AS3 support. And as a consequence, it has a few issues, such as the way it generates CONSTRUCTORS:
public function G3Widget (name: String, parent: IG3Parent = null): void
Spot the mistake ::- D.

Css code completion everywhere?

Similar Messages

Maybe you are looking for