CSS error, style sheet link, affects browser compatibility..

Left comfort of GoLive and tables, to CS5 Suite - Dreamweaver. Basic CSS skills, so don't have the intuitive ability to frame question well.
Regarding this particular page, I simply built, then copied the index.html page on a test site at:
http://www.screamingeagles.com/client_view/ScreamingEagles_v2/index.html
and stripped out sidebars and menu bar, and began building a form in the "main content" area.
URL to page in question:
http://www.screamingeagles.com/client_view/ScreamingEagles_v2/contact/contact.html
Noticed a "green line" in code so checked browser compatibility as follows:
-------Browser Compatibility-------------------
Found 2 errors in twoColFixLtHdr.css
Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0
-----------------Error found (green lined in code) as follows------------------------
Line 6: <link href="../css/twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
Validation didn't give me anything to go on. Given my modest coding skills, should I just build a new page from templates as an better
alternative to bothering forum participants?
Thanks in advance,
J. Satterwhite
SatGraphics.com
Mac Pro
Adobe Creative Design Suite

Noticed a "green line" in code so checked browser compatibility as follows:
-------Browser Compatibility-------------------
Found 2 errors in twoColFixLtHdr.css
Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0
-----------------Error found (green lined in code) as follows------------------------
Line 6: <link href="../css/twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
Validation didn't give me anything to go on.
I think that the errors are *in* the twoColFixLtHdr.css file, so you need to open that file and run Validation again.
HTH,
Randy

Similar Messages

External style sheet links

I have a lot of external style sheets linked in my template to various pages on my website. They directories are all off the root directory.
How can I specify in the absolute path linking the external style sheets rather than the relative path since each page would be from a different starting point?

An absolute path would be
http://www.yoursitename.com/subdirectory/filename.css
And the way you would link it would be:
<link href="http://www.yoursitename.com/subdirectory/filename.css" rel="stylesheet" type="text/css">
You can see this when you link to a typeface hosted by Google:
<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
That absolute path links to the Google-hosted stylesheet no matter where the website is located and works for all browsers that have an internet connection (in other words, it will not work on a corporate intranet, unless the computer on that intranet could also see the Internet).
-Mark

PDF Printing and CSS Media Style Sheets in OS X -- CSS @page ignored

I'd like to author an XHTML document and specify precisely how it should be printed to pdf (margins/headers/footers/page breaks/etc.) using the CSS Media Style Sheet capability, i.e, CSS's @page rule.
Apparently, Microsoft IE7 supports these page rules (http://blogs.msdn.com/ie/archive/2005/06/10/428149.aspx), but these do not yet appear to be supported in OS X's "Print to PDF" function (http://css-discuss.incutio.com/?page=PrintStylesheets).
Is this true? Does anyone know how to access these CSS printing capabilities on a Mac?
Furthermore, does anyone know how to get "Print to PDF" to maintain HTML hyperlinks in the PDF file?
E.g., using OS X+Firefox, the following @page rule is ignored by the "Print to PDF" function on my Mac.
<style type="text/css">

</style>
PowerBook G4 Mac OS X (10.4.5)
PowerBook G4 Mac OS X (10.4.5)

I'd like to author an XHTML document and specify precisely how it should be printed to pdf (margins/headers/footers/page breaks/etc.) using the CSS Media Style Sheet capability, i.e, CSS's @page rule.
Apparently, Microsoft IE7 supports these page rules (http://blogs.msdn.com/ie/archive/2005/06/10/428149.aspx), but these do not yet appear to be supported in OS X's "Print to PDF" function (http://css-discuss.incutio.com/?page=PrintStylesheets).
Is this true? Does anyone know how to access these CSS printing capabilities on a Mac?
Furthermore, does anyone know how to get "Print to PDF" to maintain HTML hyperlinks in the PDF file?
E.g., using OS X+Firefox, the following @page rule is ignored by the "Print to PDF" function on my Mac.
<style type="text/css">

</style>
PowerBook G4 Mac OS X (10.4.5)
PowerBook G4 Mac OS X (10.4.5)

CSS Style Sheet Link Recursive Error?

I am trying to link a css style sheet to a new root file. When I try to link the css sheet I get an error - A recursive style import was found while trying to add Check Magazine.css. Please resolve this error by editing the file in an external text editor and try again.
What does this mean? I looked up recursive style everywhere and there is no explanation. I don't know how to fix. The answer I found on these forums mentioned an @import statement error but I dont even have any @import statemensts in my style sheet this style sheet is part of the Getting Started tutorial on this website.
@charset "utf-8";
#container{
width: 968px;
background: #FFFFFF;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
This is my code, can you help?

This is my index.html code, I am so lost as to what to do to get rid of this stupid error. My style sheet is not linked so of course it is useless and I have to code on both documents since the code doesnt show up automatically on the Style sheet when I add something to the index page
<!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" />
<title>Check Magazine</title>
<style type="text/css">

</style>
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="main_image"></div>
<div id="left_column">Content for id "left_column" Goes Here</div>
<div id="column_container">
<div id="right_column">Content for id "right_column" Goes Here</div>
<div id="center_column">Content for id "center_column" Goes Here</div>
</div>
</div>
</body>
</html>

Css print style sheet?

How can I define a print style sheet so that I can hide menus and links?
I am also finding when I print that the backgrounds are disappearing on the printout.
terry

Use a print media query...
@media print {
.class {
attribute:value;
attribute:value;
Background printing is a browser setting. Since most people are just interested in information, not graphics, when printing websites, it's turned off by default. It's controlled in the Page Setup when printing from the browser.

Default CSS to style sheet rather than in document?

Any setting that defaults styles to an external style sheet rather than to the document I'm working in? It's annoying when I forget to look at where it's going to place my new style rules.
DW CS4
Thanks!

After a quick experiment with new style rules in the CSS Styles Panel, this is what I have discovered:
Sets of styles (stylesheets, internal styles, etc.) appear in the Styles Panel in the same order that they occur in the head of your document.
If you move style sets (or the <link>s to them) in the head of the document, they rearrange in the Styles Panel as well. Be sure to move the closing tags, too.
If you select a stylesheet in the Styles Panel, then click the "create new CSS style" icon, that is the stylesheet that shows up pre-selected in the "Choose where your rule will be defined" drop-down
So. You can't move whole stylesets or stylesheets in the styles panel, but you can move them in the head of the document. Rearrange them if you wish, remembering that the order is important...remember the cascade effect of (okay...) Cascading Style Sheets.
But click on the one that you want your styles to go into and that is the one that will show up in the selection drop-down when you make a new style.
Beth

Where or How to configure the error message linked to Browser compatibility

Hello,
I am looking for the way of changing this text :
" Could not open iView. The iView is not compatible with your browser, operating system, or device. Contact your system administrator for more information"
that appears when we try to open the portal with Opera browser.
Does anyone has an idea ?
I have looked into the UmLogonPage.jsp on the logon screen, but it seems to be checked before.
Thanks a lot.
Fabien.

Seems like we can't
Fabien.

Style Sheet Link Exception

Just Installed SAP EP 7.0
Get the following error when clicking on 'User Administration':
The initial exception that caused the request to fail, was:
java.lang.NoSuchMethodException: com.sapportals.portal.prt.service.laf.LAFService.getRelativeThemePartURL(javax.servlet.http.HttpServletRequest, java.lang.String, java.lang.String, java.lang.String, java.lang.String, boolean)
    at java.lang.Class.getMethod(Class.java(Compiled Code))
    at com.sap.tc.styles.LAFServiceProxy.invokeMethodOnLafService(LAFServiceProxy.java:41)
    at com.sap.tc.styles.LAFServiceProxy.getRelativeThemePartURL(LAFServiceProxy.java:32)
    at com.sap.tc.styles.StyleSheetLinkProvider.getStyleSheetLink(StyleSheetLinkProvider.java:156)
    at com.sap.tc.webdynpro.serverimpl.defaultimpl.laf.LookAndFeelService.getPortalDefinedTheme(LookAndFeelService.java:244)
    ... 33 more
Any ideas ?

Did you ever find the problem to this error?

Css style sheet through ASP CMS not displaying in Safari only

Seeing a quirk in Safari 5 Mac OSX only where it won't pull the CSS file. IE, Opera, Firefox, Chrome don't seem to be having the issue. It is intermittent though, and I know it isn't the server connection.
Wondering if it may be the way the css path is written. It is a dynamic ASP CMS custom built site. There is a ton of javascript and backend ASP scripting that pulls a bunch of css files via an extended URL with the filenames separated by commas. The path is relative to the CSS file, but the path does start with / not just the folder/file.
I thought I remembered seeing an issue years ago with another php/mysql CMS site because the url of the relative path had or did not have a / beginning the path, but I couldn't remember what exactly was the resolution on it. Maybe it is the way the css files are being pulled dynamically appending several css filenames with the format:
css.ashx?file=filename1,filename2,filename3
...Or maybe it's just Microsoft ASP doesn't like Safari and vice versa

JimH430 wrote:
> I'm new to DW - always used GoLive - making the
transition. I've
> created styles in an internal style sheet and moved them
over to an
> external style sheet. The page works just fine on my
computer with
> the external style sheet in each browser I check it in
but... When I
> upload the page with the external style sheet to the
server- it only
> works on in Safari, Opera, Windows IE-6. It will not
work in FireFox
> 2 and Netscape 9. It acts as if there is no style sheet
connected to
> the document. Can someone explain what is going on? I've
tried
> everything but can't figure it out. Don't know enough to
ask the
> right questions in google.
http://www.summitcom.net/pii/index5.html
> Any and all help really appreciated. Thanks, Jim
You have validation errors on your page - see
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.summitcom.net%2Fpii%2Findex5. html
Fix them, and then see if you still have the problem.
HTH,
Pete.
Peter Connolly
http://www.kpdirection.com
Utah

How to bring 3 different Sample CSS style sheets into 3 different areas of DW Layout?

I added the 3 sample css style sheets I want to use into my site. Now I am trying to bring a different sample css into different sections of the layout. Example:
Sidebar 1: green/yellow
Sidebar 2: red/yellow
Middle: blue/yellow
I seem to only be able to have one for the whole page. Is this true?
What I am doing is clicking on the div tag: <div.sidebar#sidebar1>, then "Edit CSS" and then scroll down in the Class window to "attach style sheet" and there at the bottom is a link to the sample css style sheets. I click on the one I want and it changes the css for the whole page not just the sidebar 1. Is there a way I can get a different css sample style sheet for each sidebar in a 3 column layout, and a different sample css for the middle?
thank you very much

You can't bring 3 of the sample CSS style sheets together because there are defined areas like tables and lists and paragraphs that are just being redefined. Then what happens is the browser picks (usually the last set) the instructions it wants to use to display the content. The only way around this is to save a copy of the 3 CSS documents and open them at the same time. Then use one as your master which will be linked to the page and grab colors from the other CSS documents.

Variable Entry Style Sheet (CSS)

The Web template uses the style sheet from the MIME repository:
<link href=/sap/bw/mime/BEx/StyleSheets/BWReports.css type=text/css rel=stylesheet>
But, when the variable entry screen is displayed when executing the query it is not formatted and uses this style sheet:
<link rel="stylesheet" href="OWNER">
What is missing or needs to be configured so that the variable entry page uses the same style sheet as the Web template?
Thanks for the help in advance.

i had ot type out in the file:css in order for it to be imported into DW i dont know why its doing that.
Did you define a local site folder in DW before you begain your project?
http://help.adobe.com/en_US/dreamweaver/cs/using/WS753df6af718a350a60097e0f131686fa2b4-7ff e.html
This critical first step allows DW to manage your site links and assets for you. Without a local site folder definition, many of DW's advanced features won't work.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Using custom CSS style sheet

I'm trying to use a custom CSS style sheet and can't get it to work. I've created my stylesheet and uploaded it so it shows under Shared Components >> Cascading Style Sheets.
Viewing the source for my pages currently shows a reference to what I guess is the default style sheet -
<link rel="stylesheet" href="/i/css/apex_3_1.css" type="text/css" />But no reference to the one I uploaded. So I guess I need to add a new reference pointing to my sheet.
So questions would be -
- How and where do I add this reference?
- Is this the correct way to do things if I want to use my own styles?

Antilles,
Go to your Shared Components > Temples > Select the page template you wish to apply your CSS to and in the "Header" area you will see references to the APEX CSS, something like,
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_17/theme_3_1.css" type="text/css" />Now, just add your CSS reference after any APEX CSS references.
Hope this helps.
-Chris

How to bring Sample CSS Style Sheets into a Template?

I am creating a site from scratch using CS4 Template. Can I incorporate more than one DW Sample CSS Style Sheet? And how do I bring them into the Template site?
Thanks, g

Thank you. I added the 3 sample css style sheets I want to use into my site. Now I am trying to bring a different sample css into different sections of the layout. Example:
Sidebar 1: green/yellow
Sidebar 2: red/yellow
Middle: blue/yellow
I seem to only be able to have one for the whole page. Is this true?
What I am doing is clicking on the div tag: <div.sidebar#sidebar1>, then "Edit CSS" and then scroll down in the Class window to "attach style sheet" and there at the bottom is a link to the sample css style sheets. I click on the one I want and it changes the css for the whole page not just the sidebar 1. Is there a way I can get a different css sample style sheet for each sidebar in a 3 column layout, and a different sample css for the middle?
thank you very much

I am forced to hold shift and refresh the page on 99% of the sites I visit. How do I fix this from happening? If I don't the pages are missing style sheets and etc.

When ever I go to sites they half load or are missing style sheets. If I view the source for the page and click on a style sheet link I get the following error:
Content Encoding Error
The page you are trying to view cannot be shown because it uses an invalid or unsupported form of compression.
If I hold shift and refresh the page loads as normal.
It's happening on 99% of the sites I visit. I have disabled my plugins and add-ons.
I do have some add-ons or plugins that I would like to remove completely but there is no uninstall or remove option, neither in regular or safe mode.

'''I'm NOT buying a backup Computer till, Firefox will Run on Windows 8 !'''

Style sheet not working in Internet Explorer

Hello Experts
Please have a look at this. It is working fine in Firefox.http://www.themildmayarms.com
Here is my Style Sheet linkhttp://www.themildmayarms.com/index.css
The style sheet is definitely uploaded. The other pages have a different style sheet and are working fine in both browsers.
I have validated the site and am getting this:
Line 13, Column 1: unclosed start-tag requires SHORTTAG YES<link href="index.css" rel="stylesheet" type="text/css">
✉
The construct <foo<bar> is valid in HTML (it is an example of the rather obscure “Shorttags” feature) but its use is not recommended. In most cases, this is a typo that you will want to fix. If you really want to use shorttags, be aware that they are not well implemented by browsers.
Stuck! Please help.
Thank you in advance.

Close your meta tag.
<meta name="description" content="blah, blah, blah...>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

CSS error, style sheet link, affects browser compatibility..

Similar Messages

Maybe you are looking for