Using Textedit for css stylesheet

I am building a website with HTML and CSS using the Textedit. It appears that I cannot edit a css stylesheet in Textedit after the initial save. Is this true and how do I get around it? Making a new CSS stylesheet with every change is just not an option. Please help

I can edit css files with TextEdit with no problems whatsoever. First off, you need to make sure your css files are plain text files. Also you need to make sure you have write permissions to the file in question. TextEdit has no "set criteria for a .css file"--I don't even know what that would mean. A css file is just a txt file with the .css extension instead of the .txt extension. There are dedicated css file programs: I use CSSEdit, and my css files are set to open in that as the default editor (it has lots of nice features for creating css files), but TextEdit opens the files without difficulty and edits them. As was already mentioned TextWrangler is another nice program for editing css files. It is free, you might try it, it will display the css files with various things in color, which can be useful.
I'm also not sure what this statement means: "It just won't apply changes when I make it a .css file." Just what is that "it" you refer to? Was the file an rtf document originally? And where are the css files you are attempting to edit? Do you have write permissions to the files and the folder they are in? You can check using GetInfo.
Francine
Francine
Schwieder

Similar Messages

Using TextEdit to create a web page?

I've been using Microsoft Notepad to create web pages. Now I have an iMac, I've tried to use TextEdit, but when I save the the file as html you can see all my code. Do I need a Mac version of Notepad - is there one?
chrisvips

From my experience when I was doing online course for web design I did use TextEdit for the html coding in the Prefernces go to "Open and Save" under the HTML Saving Options, choose a document type, a setting for CSS and encoding.

TextEdit for Multiple Single values

Hi,
I have a requirement to use the select option. But select option implementations
looks very complex for me. So i am using textEdit for collecting multiple single values. Like sales order numbers need to be collected in search page to display the details in next page.
   How should i restrict the user to enter 10 degits in each line and i should i collect the each line into a range so that i can use the range variable in select statement.
Basically i am looking for splitting the continues string with newline and carraigereturns characters into a internal table.
I need to write code in onInputprocessing event.
thanks for the quick response.
Regards,
Prav

hi
use this in oninputprocessing
DATA textedit TYPE REF TO cl_htmlb_textedit.
CLEAR textedit.
textedit ?= cl_htmlb_manager=>get_data(
                                request = runtime->server->request
                               name    = 'textEdit'
                               id      = 'risk'
CLEAR risk.
IF NOT textedit->text IS INITIAL.
risk = textedit->text.
ENDIF.
regards saād
reward points if helped

Css stylesheets for web reports

Does any one know how to open the css stylesheets used by BW3.0B so that they can be edited?

Hi Ian,
you can open the style sheet by using the mime repository -> Transaction "SO2_MIME_REPOSITORY" or with "SE80" and than Mime Repository!
You can edit it by hand or download an existing stylesheet and make a new one.
Of course there are a lot of editors. One of the best - and of course for FREE - is TopStyle! It has an WYSIWYG Editor so you can see the effects after any change! You can find it here: http://www.bradsoft.com/download/index.asp!
You can use also Microsoft Frontpage and many other editors.
Regards,
Adem

Using web app data to choose css stylesheet

Does anybody know if this is possible? And how do I get it to work.
<body class="home "{module_webapps,0,i,4181311 template="/_Settings/business-slogan"}" ">
This renders:
<body class="home " No items found."="">
trying to make it so client can select from a drop of colors choices and the css stylesheet that matches will display.

Does anybody know if this is possible? And how do I get it to work.
<body class="home "{module_webapps,0,i,4181311 template="/_Settings/business-slogan"}" ">
This renders:
<body class="home " No items found."="">
trying to make it so client can select from a drop of colors choices and the css stylesheet that matches will display.

How Do You Render a Component using styleClass and CSS?

To create a special rendering for a component like a RadioButton how do you build and apply a CSS style to it? I tried using "styleClass" for a component and inserting a CSS command like "P.two{font-size:small}" but nothing happened. There were no warnings or errors in the "source view". Do I have to write a java bean with methods that have the CSS commands in them and somehow reference them from the XML "styleClass" attribute? If so does anyone have an example or can you point me to one?
Any help appreciated!
Thanks,
newsjsc

usually you put that in an external stylesheet (*.css) and import it at the top of the page...
<html><head>
<link rel="stylesheet" href="css/default_developer.css" />
</head><body></body></html>
that's the one for this page...
or you can put the style tags right within the <head> tags
<html><head>
<style type="text/css">

</style>
</head><body></body></html>
The better practice is to put stylesheets in an external file and include that one file across multiple pages or for your whole application. For some real cool CSS stuff, check out www.cssvault.com or css zen garden.

RoboHelp 10:Did Adobe change how RoboHelp 10 handles CSS stylesheets in the .htm files that are generated?

I work on Java application that utilitzes the .chm and .jar file (which include the .htm files) to display our applications help documentation. We recently upgraded from RoboHelp 8 to RoboHelp 10. The .htm files that were generated with RoboHelp 8 display fine. However, the new .htm files generated by RoboHelp 10 seem to ignore the CSS stylesheets used. I compared one of the .htm files from RoboHelp 8 to the same .htm file in RoboHelp10. I did notice differences within the files. Can you tell me what the differences are, regarding the usage of CSS stylesheets, between RoboHelp 8 & RoboHelp 10?
Thank you.

You need to post a bug report to get Adobe's attention. This is a user to user forum. Please follow this link.
http://www.Adobe.com/cfusion/mmform/index.cfm?name=wishform&product=38
Not sure but I believe it may be a bug in the Microsoft Help Compiler over which Adobe have no control. Microsoft last updated in 2004. Good luck!
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Where to put own JavaScript and CSS-Stylesheets in GlassFish ?

Hi out there,
we have some applications which are using external JavaScript libraries, CSS-Stylesheets and Images.
On OHS we had a directory for those files which we aliases in dads.conf.
Where do we have to put this directory when switching to GlassFish and Apex Listener ?
Regards and thanks
Markus

Hi Markus,
if you use the "regular" GlassFish, this shouldn't be a big issue. Just create a subdirectory in the GlassFish's docroot-directory for each alias you have now and copy the corresponding content into that directory. See "Copy Oracle Application Express Images" in the Listener documentation - the handling for other static content is similar to the handling for images.
If you plan to test this with the Embedded Web Container (embedded GlassFish), this will not work that way, because you only have the fixed contexts for images, apex and the listener-internal functions.
-Udo

Using an external css in Flex 4

I'm using the Flex 4 beta and the ability to load an external css seems to be broken. Running the code below shows no styling at all. Have I missed something?
components.MainPanel.as:
package components {
import flash.events.Event;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.text.StyleSheet;
public class MainPanel extends Panel
    private var mainLabel:Label = new Label();
    private var label2:Label = new Label();
    public function MainPanel()
        super();
        var cssUrl:URLRequest = new URLRequest("css/style.css");
        var cssLoader:URLLoader = new URLLoader();
        cssLoader.addEventListener(Event.COMPLETE, cssLoaded);
        cssLoader.load(cssUrl);
    function cssLoaded(event:Event):void {
        var css:StyleSheet = new StyleSheet();
        css.parseCSS(URLLoader(event.target).data);
        mainLabel.styleSheet = css;
        mainLabel.htmlText = "Main Label";
        mainLabel.horizontalCenter = 0;
        mainLabel.verticalCenter = -350;
        mainLabel.setStyle("styleName", "h1");
        addElement(mainLabel);
        label2.htmlText="Sub-Label";
        label2.horizontalCenter="0";
        label2.verticalCenter="-300";
        addElement(label2);
css/style.css:
.h1 {     color:#ffe145;     font-family: Verdana;     font-size: 36;     font-style: italic;     font-weight: bold; }
app.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo"
               xmlns:custom="components.*"
               minHeight="768"
               minWidth="1024"
               backgroundColor="#333399">
    <custom:MainPanel horizontalCenter="0" verticalCenter="0"/>
</s:Application>

Thanks for the quick response dj_page. I definitely expect compression when creating jpegs but this kind of shocked me especially since I was starting with a jpeg.
The pixel count difference is indeed the result of cropping so that's expected.
After some experimentation with exporting files as jpeg and then comparing them to the file created as a result of "Edit in..." it seems that it would take a quality setting of 60 in LR Export to create a file of the same size that's created by Edit In. That's lower than what I thought was the LR default of 75 and definitely produces visible degradation.
Maybe someone who uses Edit In... can either confirm that there's a problem (and hopefully a workaround) or that it must be something with my setup.

Assigning CSS stylesheet

Is it possible to assign a 'user stylesheet' to contribute?
For example, if I designed a site using a range of stylesheets, is
it possible to 'lock' certain stylesheets and only display a user
stylesheet? I only want one stylesheet with certain styles so that
the user has a limited choice.
Thanks in advance to anyone who can shed somelight on this
matter.

You can restrict the access to a particular user to use only
certain stylesheets.
1) Administer the site.
2) Select the role and click Edit Role Settings...
3) Select the Styles and Fonts category list in the Edit
"ROLE" settings dialog.
4) In the right pane you can see the option "Show only CSS
styles included in this CSS file." select that option and choose
your CSS file.
5) Save the settings.
Hope this helps you.

How to parse a CSS Stylesheet from a JApplet - PLEASE HELP!

Hi all
This is not a "how to read a file" question!! Please read on
I have a JApplet embedded on an HTML page which uses a CSS Stylesheet to set the document's colors, fonts, etc. and I would like to apply the same font/color scheme to the applet, by reading from the same CSS file.
I HAVE SUCCESSFULLY read the file via URLConnection+BufferedReader... So all I have left to do is to parse the CSS file so as to be able to extract the parameters that I need.
Given this very simple test.css :
BODY {
background: red;
Would someone be kind enough to write up the code for how to read the BODY.background property? I mean by using the "proper" Java StyleSheet facilities as oposed to just parsing the file "manually". I think we need to use the StyleSheet class, maybe also HTMLDocument and some others, but I've been reading the Javadocs and I can't figure it out myself, so I hope you can help me out!
Thanks in advance.

You can try the following approach to get all of the elements in your html file and do whatever you want with the element you want:
try {
   ElementIterator it = new ElementIterator(doc);
   javax.swing.text.Element elem;
   while ((elem = it.next()) != null) {
      System.out.println(elem.getName() + " " + doc.getText(elem.getStartOffset(), elem.getEndOffset() - elem.getStartOffset()));
} catch (Exception e) {
   e.printStackTrace();
};o)
V.V.

Locking a CSS stylesheet?

Hi,
I was wondering if it is possible to somehow lock the css file so that somebody else couldn't edit it either in Dreamweaver or in Notepad?
Usually, you can open css file in any text editor or Dreamweaver and change it even with little knowledge of stylesheets. Is there any way to prevent people from doing it in Dr?

marer1976 wrote:
I was wondering if it is possible to somehow lock the css file so that somebody else couldn't edit it either in Dreamweaver or in Notepad?
No. There is no way to protect human-readable files from being downloaded, used, refurbished for someone's own purpose. So even if you may not like it, your elaborately crafted style sheet can be downloaded by everyone along with any HTMl, JavaScript and images. Assuming your server/ webspace is configured properly, of course nobody should be able to upload modified stuff to your site...
Mylenium

I have now used Reflow for 2 client prototypes and here is what I have found.

First, I can see Reflow being an incredible prototyping tool if Adobe steps up and makes it a useful tool for production and not just another creative program to help designers build for the web. That's what Muse is for.
So here is my wish list.
Reflow needs to be able to have more control over the DOM elements. By that I mean, we should be able to have a layer based approach (similar to what you can see in Macaw) to move elements around from "box" to "box" (also, can't we just call them "divs"). Nesting is crucial. Also, what's up with all the IDs in the published files? We should be able to name and create classes for these elements before it publishes. Also, support the basic HTML tags for users to control.
On that note, shared elements should have one style sheet instead of a style sheet for each page.
Also, elements should be able to be saved to a library for use on multiple pages. It is a nightmare now if you create an element on a page that needs to also be placed on other pages. You have to recreate it on each page as of now.
Support for common CSS frameworks would be an amazing idea...just sayin.
As for type...Edge fonts and Typekit are great but we all know that there are many other font libraries out there such as Google fonts. Also, being able to use your own @font-face should be an option.
I think the overall goal would be able to use the files produced as a starting point for production code. As it stands right now, the code that is produced will require more time to format properly than it would be to build from scratch.
I know Reflow is not meant to be a Dreamweaver or Brackets, but it could really help set the stage for development in those programs. It can improve the workflow of web development vs. just being a "cool new app". It has real potential and I hope it gets the love that it deserves.

Control over DOM: Yup we're working on exposing this even more. You may or may not have noticed the elements panel already in Reflow. You can find it here:
Are you looking for more than that? We're looking at ways to expose the elements panel in a better way, that should be coming soon.
As for stye sheets all being in one, we're debating this. Since we don't know everything you want to do page-to-page, we're holding off making this leap until we can begin cleaning up what CSS we already give you. (see last answer)
Common library elements: yup, we want this too. It's on our backlog.
Frameworks: yup again, on our backlog. Are there frameworks you would prefer? We don't wanna play favorites unnecessarily. We don't know how it might be prioritized, since we've got lots of features to get to.
Additional fonts: yup for this one too, we have it on our backlog to tackle. As a note, most google fonts are available in the Adobe Web Fonts.
Output: We're actively working on improving the CSS output from Reflow. We cannot promise perfect production quality, but the issues you raise are all ones we're eager to minimize.
Thanks for the thorough feedback, we love these kinds of posts!
- Seth

Using a single CSS to load balance multiple services

Is it possible to use a single CSS to load balance 3 different services (server farm) ? That mean the CSS need to advertise 3 VIP
I'm thinking of two scenarios:
1 - configure the CSS to use 4 interfaces: 1 to public, 3 to private (each interface will plug-in to a different vlan/server farm)
2 - configure the CSS to use 2 interfaces: 1 to public, 1 to private (all 3 server farms are in the same vlan)
Will both scenarios work ?
Thanks
--Phillip.

Hi Phillip,
both scenarios will work. One CSS can certainly manage more than 3 services! You can even use just one VIP for all traffic, then just create the proper rules to send specific traffic to the corresponding service(s). No need for 3 VIPs.
Regards
-juerg

Design view in DreamWeaver CS3 disabled for CSS & Java

I currently use Adobe Dreamweaver CS3, and only some files have the option to view them in code AND in design view. This works for most files (HTML, PHP, etc). However, anytime I create a new CSS or Java file, the design view is disabled:
I have already tried the two other solutions I've found in this forum.
First I tried Preferences > File Types / Editors, and I deleted all of the file types in the "Open in Code View" menu (pictured below).
I restarted DW, and it didn't work.
Then I tried several steps to re-create the Configuration folder (which it did, but the problem remained) listed here: http://kb2.adobe.com/cps/401/kb401118.html.
Still nothing. HTML, PHP, ASP and all other files have the Design View and Split View available, but CSS and Java do not. I would really like to use DW to start editing CSS, but do not know it well enough to write in code and therefore could really use that handy Design View so I can learn as I tweak it.
Any help much appreciated - thanks!

HTML, PHP, ASP and all other files have the Design View and Split View available, but CSS and Java do not.
That's correct. That's as it should be.
A CSS file contains a bunch of text only CSS rules. Javascript is text-only script. There's no layout to see for CSS and JS files in Design and Split View so they're disabled.
Files with layout e.g. .htm, .php have Design View because they're web pages with a layout which can be viewed.
I would really like to use DW to start editing CSS, but do not know it well enough to write in code and therefore could really use that handy Design View so I can learn as I tweak it.
Open any .htm or .php (or other) web page and its associated CSS file.
Then tweak the CSS either via Code View in the CSS file, or using the DW CSS Editor when viewing the .htm/.php file, and see the formatting changes applied in Design View in the .htm (or .php) file.
Do not rely on DW's Design View as an absolute reference for pixel perfect accuracy. It will always be an approximation only to assist visually oriented web designers while editing.
Always test all CSS rules and edits in a range of browsers. Browser support for CSS rules and effects varies. Not all browsers support everything on offer in CSS1, CSS2 and CSS3.

Using Textedit for css stylesheet

Similar Messages

Maybe you are looking for