Cascading style sheets help

hi everyone i was wondering if anyone can help me out.
this is my first project in dreamweaver using css..... i am
confused. When I open the html doc in dreamweaver. it doesn't look
like it should apear in firefox or ie... what I am looking at is
just all jiberish. the css file is linked to the html in its folder
I cant figure out how to make my design template easy to read &
editable in dreamweaver..... when I open it in ie or firefox it
looks perfect. in dreamweaver is all my text and links scatered all
over the html page..
question: how can I create and design my page when everything
I see is not where it supposed to look like.... is there a
preference or how do I open the html doc in dreamweaver to make it
look like the internet preview
please help me...

/*defaults*/
body {background:#2765AF url('../images/body_bg.jpg')
repeat-x 0 0; color:#000000; margin:20px 0; padding:0;
font-family:"Trebuchet MS", verdana, arial, "Times New Roman",
serif; font-size:90%; }
p {margin:0; padding:0 0 15px 0; }
a {color:#000000; text-decoration:underline; }
a:hover {color:#225799; text-decoration:none;}
/*structural elements*/
#container {margin:0px auto; text-align:center; width:760px;
#holder {width:100%; padding:20px 20px 5px 20px;
background:#FFFFFF; text-align:left; }
#logo {background:url('../images/logo.gif') no-repeat 180px
0; border-bottom:1px solid #DADADA; padding:5px 30px 20px 0px; }
#navigation {padding:10px 0; }
#header {background:#DADADA url('../images/header_home.jpg')
no-repeat 10px 10px; padding:10px; height:200px; }
#content {float:left; width:490px; padding:20px 10px 0 0;
line-height:160%; }
#news {float:right; width:250px; padding:20px 0;
line-height:140%; text-align:justify; }
.newsItem {padding:20px 20px 5px 20px; background:#FEFFD5;
border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; }
#footer {clear:both; width:100%; font-size:80%;
background:#DADADA; padding:20px; text-align:left; border-top:2px
solid #2765AF; }
#copyright {float:right; }
/*headings*/
.newsItem h1 {color:#225799; margin:0 0 10px 0; padding:0;
font-size:130%; font-weight:normal; }
#content h1 {font-size:170%; font-weight:normal;
line-height:130%; margin:0; padding:0 0 20px 0; }
#logo h1 {font-weight:normal; font-size:170%; margin:0;
padding:0; color:#225799; }
/*navigation*/
#navigation ul {margin:0; padding:0; }
#navigation li {margin:0; padding:0; list-style:none;
display:inline; }
#navigation a {color:#225799; padding:0 20px 0 0;
text-decoration:none; }
#navigation a:hover {color:#000000; }
#footer ul {margin:0; padding:0; }
#footer li {margin:0; padding:0; list-style:none;
display:inline; }
#footer a {color:#000000; font-weight:bold; padding:0 5px 0
0; text-decoration:underline; }
#footer a:hover {color:#000000; text-decoration:none; }
/*shamelessly borrowed styles from
http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0;
clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */

Similar Messages

Cascading Style Sheets are NOT written to the file system

Hallo,
On the "Cascading Style Sheets" page is written that: "The Cascading Style Sheets are written to the file system, so you can reference them in your HTML source code."
I am true that if this works I can reference the css with something like this?
<link rel="stylesheet" href="/i/sample.css" type="text/css">
and do not need this style:
<link rel="stylesheet" href="#APP_IMAGES#sample.css" type="text/css">
<link rel="stylesheet" href="#WORKSPACE_IMAGES#sample.css" type="text/css">
I have looked on the "Cascading Style Sheets" page: http://127.0.0.1:7780/apex/f?p=4000:37
Are there some other preferences, options, etc. to set that this will be working?
Thx for your help. Willi

Hi,
CSS files uploaded through Shared Components, Cascading Style Sheets are written into the database, so you would have to use:
<link rel="stylesheet" href="#WORKSPACE_IMAGES#sample.css" type="text/css"/>You should be able to see these if you run the following in SQL Commands:
SELECT * FROM APEX_APPLICATION_FILES
WHERE UPPER(FILENAME) LIKE '%CSS%'Andy

BI XI 4.0 Cascading Style Sheets

In BI XI 4.0 can you change the relative horizontal position of a table in the Cascading Style Sheets to always be 0 cm vs. 32 cm?

Minty Baffles wrote:
          >
          > css files work just fine with 6.0 and 6.0 sp1.
          >
          > <link rel="stylesheet" type="text/css"
          > href="<%=request.getContextPath()%>/default.css">
          >
          > seems so obvious have i missed something in your question?
          >
          > "Kumar Allamraju" <[email protected]> wrote in message
          > news:[email protected]..
          > > Pls file a bug report with [email protected]
          > >
          > > --
          > > Kumar
          > >
          > > Garvin F Dean wrote:
          > >
          > > > Are these supported in 6.0? We're using Tomcat 3.2 which has no
          > > > problem, but we can't seem to get the css files to be served by WLS.
          > > > All help appreciated.
          > > >
          > > > Garvin
          > >
          We're using custom tags, and the style sheets are actually loaded via
          the custom tags. Ironically, every is served "as expected" on the
          Tomcat server, however, two interesting things occur when we serve our
          application in WLS: 1. The style sheets don't get parsed at all on
          netscape. 2. On IE, the images don't show.
          Normally, I would suspect the issues were browser related, except that
          none of these issues occur when hosting the application on Tomcat.
          Thanks.
          [garvin.dean.vcf]

Linking Cascading Style Sheets to a Servlet

Can anyone tell me if it's possible to include a Cascading Style Sheet in a Servlet? I know this can be done in a JSP file. But I need to be able to do this in a Servlet.
Please point me in the right direction if this is possible. Below is the sample code that I wrote, but it doesn't work.
cssURL = "../jsp/drawingsQueryCSS.css";
RequestDispatcher dispatch = getServletContext().getRequestDispatcher(cssURL);
dispatch.include(request, response);
I appreciate your help,
Dar

It looks like you are trying to copy the contents of the CSS file into your servlet response. Why not just write out a link to the CSS file in the header of your HTML? Mine looks like this:
<meta http-equiv="Content-Style-Type" content="text/css"/>
<link href="../nav_style.css" rel="stylesheet" type="text/css"/>

Remove Cascading Style Sheets language from html

Hello,
I need to remove the Cascading Style Sheets language from the html file by using the html parser.
Please help. Thanks.

In XHTML that would be easy :)
In HTML, look up the regexp lib, load the HTML file, then use something like
fileString.replaceAll( "(?i)<link rel=\"stylesheet\"\\s*type=\"text/css\"\\s*href=\".*\"/??>", "" );maybe?

JSP + Cascading Style Sheet + Javascript problem

Hello, I've got a JSP page that has included a Javascript (JS).
In that JS, a Cascading Style Sheet (CSS) is included. Also on the JSP page, I have some code that makes use of the JS to create a Windows-style combobox, which is not available through raw HTML. The code is as follows:
<BODY>
<SCRIPT language="javascript" src="ComboBox.js"></SCRIPT>
<SCRIPT language="javascript">
dm=new ComboBox("dm")
dm.add(
       new ComboBoxItem("barge",1),
       new ComboBoxItem("benluc",2),
       new ComboBoxItem("benlieeeeck",3),
       new ComboBoxItem("taco",4)
</SCRIPT>
<CENTER><H2>Choose Project Number</H2><CENTER>
<FORM METHOD=POST ACTION="">
<% //DB connection to populate the combo box %>
<% // Database Connection Parameters
    String DB = "dbname",
    query = "",
    HOST = "jdbc:postgresql://URL:5432/",
    ACCOUNT = "username",
    PASSWORD = "password",
    DRIVER = "org.postgresql.Driver";
    // authentication properties
    Properties props = new Properties();
    props.setProperty("user", ACCOUNT);
    props.setProperty("password", PASSWORD);
    // load driver and prepare to access
    Class.forName(DRIVER).newInstance();
    Connection con = DriverManager.getConnection(HOST + DB, props);
    Statement stmt = con.createStatement();
    try{
    query= "SELECT * FROM Projects ORDER BY Name";
    ResultSet rs = stmt.executeQuery(query);
%>
Project S/O:
<SELECT NAME=projid>
<option value="dummy">Choose one...</option>
<% while (rs.next() ) { %>
<OPTION VALUE="<%=rs.getString("Name") %>">
<%=rs.getString("Name")%> ,   <%=rs.getString("Desc")%>
</OPTION>
<% } %>
</SELECT>The problem I am experiencing is that if I move the 2nd SCRIPT tag anywhere but where it is, it makes IE bomb and takes me to an error page. The error message is as follows:
"Internet Explorer cannot open site http://myURL. Operation aborted."
Any ideas?
Haig

I need help in this matter. Someone please reply. Thanks.

An invalid or empty reference to a Cascading Style Sheet file was specified.

Hello,
I am having an issue with a page layout that I created yesterday and that was running just fine before I left work. I shut down my environment and system at the end of the day. When I came in today and fired up SharePoint 2013 and SPD 2013, I
noticed that when I attempted to open the Page-Layout I worked on yesterday I received this message:
An invalid or empty reference to a Cascading Style Sheet file was specified. Valid references must specify only a filename that ends with a ".css"
I have validated both the master page and the page-layout for malformed or incorrect css references but there are none.
This kind of stuff drives me crazy with SP. So much time spent chasing needles and the error message might have nothing to do with the real cause.
Thank you for any and all help you can provide.
Tim

Hi Tim,
Could you please reproduce the steps of creating the page layout today, and see if shutting down your environment and system affects something which might cause the issue?
In addition, please check in ULS log per the issue timestamp and see if there is more error information can be help to find out the root cause.
Regards,
Rebecca Tu
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Cascading Style Sheets in JEditorPane..

I have created a Java program that displays an HTML page in a JEditorPane. The JEditorPane seems to have a problem displaying pages with internal Cascading Style Sheets. The app grabs an HTML file off my and displays it in the JEditorPane but the file does not display correctly. I have tested it with sites that use external Style Sheets and it seems to work fine.
Does anyone know anything about this?
Thanks, Jason

Hi Jason,
you could try to explicitly set the style sheet to one you pick by the following sample
      StyleSheet ss = getStyleSheet("style.css");
      HTMLEditorKit editorKit = new HTMLEditorKit();
      editorKit.setStyleSheet(ss);
      hd = (HTMLDocument) editorKit.createDefaultDocument(ss);method 'getStyleSheet' looks as follows
private StyleSheet getStyleSheet(File cssFile)
        throws MalformedURLException, IOException
    StyleSheet ss = null;
    URL cssUrl = cssFile.toURL();
    BufferedReader br = new BufferedReader(
        new InputStreamReader(cssUrl.openStream()));
    ss = new StyleSheet();
    ss.loadRules(br, cssUrl);
    br.close();
    return ss;
}hope this heps
Ulrich

Safari issue with cascading style sheets

I've been using the beta version of Safari 4.0 for weeks with no problems. Now the final version seems to have totally messed up what appears to be cascading style sheets on my blog. My blog looks perfectly fine on other browsers as well as on the old beta version I have on my tower so I know it is not me. Has anyone else noticed this?

Thanks for that. Can you post a screenshot to show us what you see? I can see the site at the moment, but I've no idea if that is what you see as well or not
Image hosting sites such as www.imageshack.us are good for uploading the image to. After that, you can post a URL of the image from there to here.

Cascading Style Sheet

When I attempt to either create a new Cascade Style Sheet or open an existing on in Designer (Microsoft 8) I get an error message saying that there is HTML code and the task cannot be completed.

This forum is actually about the Cloud, not about using individual programs
Once your program downloads and installs with no errors, you need the program forum
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/indesign

Referencing CSS from Shared Components/Cascading Style Sheets

Apex 4.0
I've been placing my CSS style sheet in Shared Components/Cascading Style Sheets. And referencing it as follows <link type="text/css" rel="stylesheet" media="screen" href="#WORKSPACE_IMAGES#app300.css">.
For weeks all has seemed to work fine. I make changes to app300.css in Cascading Style Sheets. Clear cache. And see my change.
But suddenly it stopped working. More specifically my updates don't take. I firebug and look at the file under CSS and don't see my changes. app300.css is unchanged. Then I deleted app300.css from Shared Components/Cascading Style Sheets. The file is deleted. No longer in the Cascading Style Sheets panel. But the old file still appears when I look under firebug.
Simply a brain cramp for me. I know this is probably obvious but I can't figure it out.

Hi,
If your file still recides in the database, you might want to try deleting it with a procedure from the wwv_flow_api package:
set serveroutput on
declare
l_security_group_id number;
begin
select workspace_id into l_security_group_id
from   APEX_040000.APEX_WORKSPACES;
wwv_flow_api.set_security_group_id
      (p_security_group_id => l_security_group_id);
wwv_flow_api.create_or_remove_file
    ( p_name           => 'app300.css'
    , p_location       => 'WORKSPACE'
    , p_mode           => 'REMOVE'
    , p_type           => 'CSS'
commit;
end;
You can run this using SQL developer/ Toad or whatever program you use, but I don't think you can run in the SQL workshop of Apex.
Run it as workspace owner.
First part sets the apex engine to point to the correct workspace id in Apex, change "APEX040000" to match your version of Apex.
Second part is the procedure that should remove your file from the database.
Make sure you commit your changes and try to upload your css file again.
Regards,
Vincent
http://vincentdeelen.blogspot.com

Part 07 - Understanding and Using Cascading Style Sheets | Classroom: Basic Site Layout and Navigation in Dreamweaver | Adobe TV

In this video you’ll continue to further customize your website using CSS or Cascading Style Sheets. With CSS you can control many visual aspects of the website efficiently and consistently. Learn the basics of how CSS rules work and how you can easily take advantage of the power and flexibility of CSS in Dreamweaver including creating and editing your own CSS class.
http://adobe.ly/wTlFxC

some of these tutorials don't really work. changing the body image to scrolling or fixed doesn't change anything on my computer, and apparantly doesn't change anything on the version that the instructor is using either, since he never shows us the "before"

Cascading Style sheet modify for webi in 4.0

Hi,
we are planning to change company document style sheet.
So i went through one document, I have few questions on it.
1.what it mean "The Cascading Style Sheest are derived from the W3C CSS" ?
2. In document they mention that "The style sheet of a document is stored on the CMS, in the User settings" , I am not able to find it out.
could some one help me out ?

Hi,
which SMP or Help.sap.com document did you go through ? was it this one? http://help.sap.com/businessobject/product_guides/boexir4/en/xi4_ia_en.pdf
In 4.0, the default values for the rendering and the style are stored into a file named WebiDefaultStylesheet.css stored in the server's images folder. (The defaultConfig.xml is an obsolete file from XI3.1)
Note that for the BI 4.0, you would not be able to update the default style AFTER document creation. If you want to modify default style, you must :
1. update the .css file stored in the images folder of your server installation or rich client : C:\Program Files (x86)\SAPBusinessObjects\SAP BusinessObjects Enterprise XI 4.0\images\WebIDefaultStyleSheet.css and
2 Then create a new webi document to see your style modification.
In FP03, we completed the development of the default style edition by giving an easier and immediate way to update the css: You would be able to export/import the stylesheet from any webi document directly from the UI of the rich client or the applet.
Regards,
H

Issue in using cascading style sheet(CSS) in coldfusion

I have installed coldfusion in my machine recently. The thing
is that my cfm files are not recognising the classes of the linked
style sheets though I have given the correct path of the location
of css file. Also it couldn't recognise <img src=""> tag to
display an image.
Please help me out to solve this issue.

> I have installed coldfusion in my machine recently. The
thing is that my cfm
> files are not recognising the classes of the linked
style sheets though I have
CFM files are disinteresting in HTML, CSS classes and links
and that sort
of carry-on. It's all just "noise" to CF. So your CFM
template cannot, in
and off itself, cause problems with your CSS stuff.
What you need to do is to look at the generated HTML and see
what you're
doing wrong. I imagine you've got the URLs wrong. Bear in
mind that LINK
URLs are indeed URLs, and if you're using relative ones, they
should be
relative to the URL of the request, and have no bearing on
the file
location of the CFM file they are represented in. This is a
common mistake
nebies make.
Adam

Cascading style sheets

We're having a bizarre problem with style sheets.
We have a root page and several sub pages and we would like the user
to be able to customize the styles sheets top down. In other words,
if they select a style it is applied to the root page and all sub pages
but it doesn't appear to be working that way. It looks as if they have
to go and customize the style for each page. Is there anyway
we can turn this on or off (let the user decide if the style they
select is applied to all their pages or just the page they are currently on)?

I'm not quite sure how I see this working. Unless you activate versioning and column appending on a multi-line column, each item edit will simply change the number and field that is on display, it's not going to build a chronology.
Can you give an example of what an end user do in your design? It'll help us to assist you.
Steven Andrews
SharePoint Business Analyst: LiveNation Entertainment
Blog: baron72.wordpress.com
Twitter: Follow @backpackerd00d
My Wiki Articles:
CodePlex Corner Series
Please remember to mark your question as "answered" if this solves (or helps) your problem.

Cascading style sheets help

Similar Messages

Maybe you are looking for