Induced Error Linking to CSS files

When I link (in the CSS panel ) a CSS file locally to an html
page I get the following:
<link href="/css/type.css" rel="stylesheet"
type="text/css" />
The CSS folder is in the same folder as the page so the path
is almost correct but its the leading "/" that creates the problem.
The html page doesn't reference the CSS file.
If I remove the leading "/" the CSS file is referenced and
the page displays as expected.
So the link now becomes
<link href="css/type.css" rel="stylesheet" type="text/css"
/>
I'm not knowledgeable on the conventions of defining the path
from the page to CSS file so I have to ask is this a bug in DW, do
I have an incorrect setting that I'm not aware of, OR is there some
other reason this is happening.
Additional Information: The page displays correctly in the
"design" mode but when you go to "live view" it fails. The page
also fails to display correctly when viewed in a browser.
Background: DW CS4, OSX 10.5.5
Thanks

At the bottom of the "Select Style Sheet File" dialog there
is a filed
called "Relative to:". You have it set to "Site root". Change
it to
"Document".
HTH,
Randy
> When I link (in the CSS panel ) a CSS file locally to an
html page I get the
> following:
> <link href="/css/type.css" rel="stylesheet"
type="text/css" />
> The CSS folder is in the same folder as the page so the
path is almost
> correct but its the leading "/" that creates the
problem.
>
> The html page doesn't reference the CSS file.
> If I remove the leading "/" the CSS file is referenced
and the page displays
> as expected.
> So the link now becomes
> <link href="css/type.css" rel="stylesheet"
type="text/css" />
>
> I'm not knowledgeable on the conventions of defining the
path from the page to
> CSS file so I have to ask is this a bug in DW, do I have
an incorrect setting
> that I'm not aware of, OR is there some other reason
this is happening.

Similar Messages

Found 7 errors in external css files

I am using CS3 and set up the slide show successfully, I ran the "check Browser Compatibility and I get this error,
Found 7 errors in external css files
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
line 35; <link type='text/css' href='Spry-UI-1.7/css/SpryImageSlideShow.css' rel='stylesheet'/>
Is this something to be concerned about? Is this widget only meant for CS5, is there a fix needed?

Here is the css
@charset "utf-8";
/* SpryImageSlideShow.css - version 0.2 - Spry Pre-Release 1.7 */
/* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */
.ImageSlideShow {
position: relative;
width: 480px;
height: 320px;
overflow: hidden;
border: solid 1px black;
.ImageSlideShow .ISSClip {
width: 100%;
height: 100%;
overflow: hidden;
background-color: black;
.ImageSlideShow .ISSView {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
.ImageSlideShow .ISSSlide {
position: absolute;
top: 0;
left: 0;
width: 100%; /* Required for IE6/IE7 */
height: 100%; /* Required for IE6/IE7 */
text-align: center;
/* Fix to get images to fade properly in IE8 and change correctly in slideshow.
* This is due to the fact that absolutely positioned elements cannot have their
* opactiy altered in IE8. */
.ImageSlideShow .ISSSlide img {
filter: inherit;
.ImageSlideShow .ISSControls {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.ImageSlideShow .ISSFirstButton, .ImageSlideShow .ISSLastButton {
display: none;
.ImageSlideShow .ISSPreviousButton, .ImageSlideShow .ISSNextButton, .ImageSlideShow .ISSPlayButton {
position: absolute;
top: 0;
display: block;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
background-repeat: no-repeat;
text-indent: -10000em;
.ImageSlideShow .ISSPreviousButton {
left: 0;
width: 30%;
background-image: url(ImageSlideShow/iss-back.gif);
background-position: left center;
.ImageSlideShow .ISSPreviousButtonHover, .ImageSlideShow .ISSNextButtonHover, .ImageSlideShow .ISSPlayButtonHover {
opacity: 0.5;
filter: alpha(opacity=100);
.ImageSlideShow .ISSNextButton {
right: 0;
width: 30%;
background-image: url(ImageSlideShow/iss-forward.gif);
background-position: 100% 50%;
.ImageSlideShow .ISSPlayButton {
left: 30%;
width: 40%;
background-image: url(ImageSlideShow/iss-play.gif);
background-position: center center;
/* If the slide show is busy, show the busy icon in the view. */
.ImageSlideShow.ISSBusy .ISSView {
background-image: url(ImageSlideShow/iss-busy.gif);
background-repeat: no-repeat;
background-position: center;
opacity: 0.5;
filter: alpha(opacity=100);
/* If the slide show is playing, change the play button image to "pause" */
.ImageSlideShow.ISSPlaying .ISSPlayButton {
background-image: url(ImageSlideShow/iss-pause.gif);
/* Don't show the player controls if the slide show is busy! */
.ImageSlideShow.ISSBusy .ISSPreviousButton,
.ImageSlideShow.ISSBusy .ISSNextButton,
.ImageSlideShow.ISSBusy .ISSPlayButton
display: none;

Errors Linking External CSS

Can't figure out why Dreamwever is finding errors in my link
to external CSS file.
<link href="styles.css" rel="stylesheet"
type="text/css"/>
Found 12 errors in external css files
Firefox 1.0, Microsoft Internet Explorer 5.0, Microsoft
Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape
Navigator 6.0, Netscape Navigator 7.0, Netscape Navigator 8.0,
Safari 1.0, Safari 2.0

Has that carried forward into 1.1 and 2?
Why would it not make a difference to the validators, then?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Thierry | www.TJKDesign.com" <[email protected]>
wrote in message
news:ejtgsl$l7v$[email protected]..
> Murray *ACE* wrote:
>> The space doesn't matter, Thierry.
>
> It may not matter for the Validator, but Appendix C [1]
of XHTML 1.0 (HTML
> Compatibility Guidelines) says to include a space before
the trailing "/"
> and ">" of empty elements.
>
> [1]
http://www.w3.org/TR/xhtml1/#guidelines
>
> --
> Thierry
> Articles and Tutorials:
http://www.TJKDesign.com/go/?0
> The perfect FAQ page:
http://www.TJKDesign.com/go/?9
> CSS-P Templates:
http://www.TJKDesign.com/go/?1
> CSS Tab Menu:
http://www.TJKDesign.com/go/?3
>
>
>
>

Linking external css file issue

Hello everyone,
I have linked my css file to the html in dreamweaver manual in the html page and by attaching the css file in dreamweaver but when I add new stle to my css file I dont know why it wont show the affect of the style I add to the HTML file while I have the split view in dreamweaver. please help

That's because you're creating a class. You don't need a class to style HTML selectors.
HTML selectors don't contain any prefixes.
h1 {color:teal}
h2 {color:brown}
h3 {color: maroon}
Classes contain a dot prefix and must be referenced in the HTML.
.classname {color:pink}
<h2 class="classname">This class is pink</h2>
Nancy O.

How to link a css file in the xsl file

Hi
           I would like to know how to include link to my .css file in my .xsl file.
The scenario here is I want include a background color in my ShowForm.I am trying to do the same using css.
This is the code snippet in my css file
.outerbody {
     background-color: B1C1CF;
This is how I tried to include a link in my xsl file
<link href="/irj/go/km/docs/Testing/MyNewsDemo/css_test.css" type=text/css rel=stylesheet>

Hi
          Thanks a lot. It would be very helpful if you send me an example.
As of now I have found a solution,I would like to share it here.
I added a link to my css file in xsl:
<link rel="stylesheet" type="text/css" href="/irj/go/km/docs/Testing/MyNewsDemo/css_test.css">
</link>
I replaced the standard class name "body" with my class name "outerbody" specified in the css file.
<body class="outerbody">
Edited by: SRIVIDHYA RAGHUNATH on Feb 25, 2009 11:19 AM

Linking a CSS file

Hi Everyone,
I am new to CSS and its ability. I do understand how Dreamweaver works and have been designing table-based websites for years.
I also know how a CCS file works. What I don't know is how to START a website design using CSS.
Say I have a CSS file that is complete. I want to link this to all the pages in my site. How to I go about designing the page? Do I do it with div's and just name them the same as the CSS info or do I just fill out a page with pics and text and assign it to a CSS name already established in the CSS file? I get the idea of what I'm suppose to do but am lost with trying to achieve it.
Thanks

How to start? That sort of depends on you. I usually start with an unstyled HTML document. Build my page content logically from top to bottom. Then add appropriate #Divs or containers for the main Layout areas. A typical CSS might look like this:
Body { }
#Header { }
#HorizMenu { }
#LeftSidebar{ }
#mainContent{ }
#Footer { }
HTML:
<div id="Header">
</div>
<div id="HorizMenu"
</div>
<div id="LeftSidebar"
</div>
Etc....
Creating your first web site in DW CS4 -
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Error (?) in css file

Hi all,
downloading Spry_P1_6_10-01 from the Adobe site, unzipped, in
those following file i've noted:
\articles\menu_bar\index.html(215): f\loat: left;
\widgets\menubar\SpryMenuBarHorizontal.css(165): f\loat:
left;
\widgets\menubar\SpryMenuBarVertical.css':
Sorry for my english it is little poor

Use of the slash is intentional. There is a comment above
that CSS rule that explains what it is for:
/* HACK FOR IE: to stabilize appearance of menu items; the
slash in float is to keep IE 5.0 from parsing */
--== Kin ==--

Template page doesn't update the css file location

I've been using Dreamweaver for years; been using templates for years but can't figure why this now happening.
I create a new page from a template (that I've used for years) and everything on the page (including image and other links) is fine and updates properly; Links to css files do NOT update.
The relevant template code is as follows:
@import url(../p7pm/p7pmh13.css);
@import url(../tourstyles/tour2fluid.css);
The page code is as follows:
@import url(file:///D|/Wine Tour/p7pm/p7pmh13.css);
@import url(file:///D|/Wine Tour/tourstyles/tour2fluid.css);
I've switched the links relative from document to site root and back again with no joy.
Sure would appreciate a pointer on how to fix this. Thanks.

It looks as though the site definition is wrong. Have you fallen foul of the problem with the latest versions of Windows not registering the site root folder correctly? See http://forums.adobe.com/thread/478327.

Underbars in CSS Files and Firefox vs. IE 7 Compatibility

Hi folks.
This may have already been covered somewhere, but I've spent the last two days trying to solve this problem and didn't see anything referring to it. So, in order to save anyone else the hassle, I'll describe the problem and its fix.
I just started using Apex 3.1.1 yesterday, and I wanted to see how hard it would be to link a CSS file to a site.
I read http://download-west.oracle.com/docs/cd/B32472_01/doc/appdev.300/b32471/ui.htm#BABHJCJI but that still didn't help me. Nothing I tried would make Firefox see the linked stylesheet even though IE 7 was having no trouble at all. That was ironic since I discovered people having problems with IE 7 not showing styles as opposed to Firefox having no problems.
When I put the style code directly into the header of the page, it would work in both Firefox 2 and IE 7, but when I tried to link the CSS file, only IE 7 would show the altered styles. I was about to give up, when it suddenly occured to me that when I chose "Icons" for the "View" option inside the Cascading Style Sheets Repository Page instead of "Details" that the underbar or underline in my file name would not render correctly. Instead of showing up as "cfdb_styles.css" it was showing up as "cfdb styles.css" in both IE 7 and Firefox.
So, after I changed the file name to "cfdbstyles.css", everything suddenly worked in both browsers! I suppose this could be logged as another one of those improbable Apex bugs.
The moral of the story: don't use the "_" (underbar/line) in your CSS file names.
And once again, I apologize if this is common knowledge. I certainly hadn't found it anywhere I looked online.
Thanks for your time, and I hope that helps someone out there struggling as I did,
Anton

Anton,
I don't think you are right. Have a look at the themes directory. There you will see that all
the css files are named like
theme_V3.css
and those contain an underline. If you look at the page template, you will see there how
those files are referenced. So, this is definitelly not an apex bug.
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

Error When Uploading a CSS file or Static file

When I am uploading a CSS or Static file , I get the following error. But I can upload images files with no issues.
ORA-02291: integrity constraint (FLOWS_FILES.WWV_FLOW_FILE_OBJ_FK) violated - parent key not found
Oracle XE upgraded to Apex 3.1
Please help
George

Yes, if you upload an image on a normal Oracle Apex Database its stored in the DB.
But, if you remember, when you configire apex you specify an images directory /i/.
Under this directory you will find all the images that apex uses as well as css files, etc.
If you place your image in this directory you can reference it my modifying the appropriate stylesheet/template.
So, for example, you cna place your own stylesheets in the appropriate directory on the server.

When I try to attach my css style sheet Dreamweaver gives me an error saying that my .css file appears to be an .html file and will not attach. How do I fix this so I can attach my style sheet?

I have built a css style sheet in Dreamweaver. When I try to attach it to my html website, it prompts me that my "css file appears to be an .html file and cannot attach". I've tried removing the /* */ as suggested by other forums, but this has not resolved the issue. I was using css style sheets with no problem 2 days ago. Now I get that error message. How do I fix this so I can attach my style sheet?

What does the code of the CSS file look like?
An external CSS file needs to be written in CSS only (no html tags like <html>, <body>, <head>, etc ).
It also must have a .css file extension, if yours has a .html extension it won't work.

Someone can help me? I want to add a link in this image (white tree). I think this is in a CSS file.

I need to know how do I add a link in this icon. I believe it is in a CSS file.
Please help me!

Find this in one of your templates:
<span id="Hover_tree"><img alt="" src="/images/red_area_nav_bg.png" /></span>
replace with:
<span id="Hover_tree"><a href="your link here"><img alt="" src="/images/red_area_nav_bg.png" /></a></span>
Hope this helps!

How do I fix my CSS styles in linking and working right on my copied HTML and CSS files?

How do I properly link my CSS styles to my HTML file? (It's a single page website with a spry drop down menu, which somehow doesn't show when I hover over the buttons). I am using a copied file from the original because it was originally saved on my school computer so I had to relink everything.
When I click to see the CSS styles it says: 'sprymenubar.js'mis not on the local disk
When I click "get," it says the spry is not in a defined site. It says this for all my CSS styles.

My guess without seeing your code is that you're linking to files:/// on your hard drive instead of the local site folder. This would explain the problems you describe. When this happens, it's almost always because the site is not properly defined in DW's Site > Manage Sites panels:
Nancy O.

Link to css error

<link href="rescueRegister.css" rel="stylesheet" type="text/css" />
Check browser compatibility in DW CS4 on mac returned the following but did not suggest solution. Anyone have a suggestion?
Found 4 errors in rescueRegister.css
Affects: Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Opera 8.0, 9.0; Safari 2.0
Here is the css
@charset "UTF-8";
body {
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
.thrColFixHdr #container {
width: 1024px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 825px;
.thrColFixHdr #header {
background-color: #DDDDDD;
background-image: url(images/rescuehead.jpg);
height: 200px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 10;
padding-left: 20px;
margin: 0px;
.thrColFixHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 205px; /* padding keeps the content of the div away from the edges */
padding-top: 25px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
height: 500px;
background-color: #F9F4EF;
}.smallprint {
font-size: 10px;
color: #444;
CSS
#navcontainer
background: #f0e7d7;
width: 205px;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
padding-top: 1em;
padding-right: 0;
padding-bottom: 1em;
padding-left: 0;
ul#navlist
text-align: left;
list-style: none;
padding: 0;
width: 205px;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
ul#navlist li
display: block;
margin: 0;
padding: 0;
ul#navlist li a
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #555;
text-decoration: none;
background: #f7f2ea;
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a
background: #f0e7d7;
color: #800000;
ul#navlist li a:hover, ul#navlist li#active a:hover
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
.thrColFixHdr #mainContent {
margin-top: 0;
margin-right: 55px;
margin-bottom: 0;
margin-left: 220px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
.thrColFixHdr #footer {
padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
.thrColFixHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
font-size: 11px;
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
h2 {
font-size: 18px;
a:link {
color: #022A4E;
text-decoration: none;
a:visited {
text-decoration: none;
color: #5D1A0F;
a:hover {
text-decoration: none;
a:active {
text-decoration: none;
h1 {
font-size: 24px;
line-height: normal;
font-style: normal;
text-align: left;
padding: 0px;
margin-top: 21px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
#mainContent p small print {
font-size: 12px;
color: #777;
#mainContent p small print {
font-size: 10px;
color: #444;

I found 2 errors with your CSS. First, the body background-color and color are the same (black #000). Black on black will make things not visible. Second, your .thrColFixHdr #header padding-bottom is set to 10. You have to add px after the 10 for the code to be valid, otherwise the browser does not know what the units should be.
As far as Browser Compatibility checks go, open up that window and click the Play button (I call it that, little green arrow for running check) and choose settings. Uncheck IE for Mac, set IE to 7.0, Safari to 3.0, Firefox to 2.0. Unless you have statistics for your site proving otherwise, this would tend to be a good place to start the DW browser check. IE for Mac support was dropped back at 10.3, IE has dropped support for IE 6 (but if you have statistics proving other keep it), Safari 3 was released with Leopard and as of February 80% of Mac users were on either Leopard or Snow Leopard ( http://www.appleinsider.com/articles/10/02/27/mac_os_x_market_share_up_29_leopard_still_mo st_common.html ) and Firefox 2.0 was released in 2006. In all honesty Firefox could be bumped up to 3.0 because those users tend to upgrade as well.

Flash Builder Burrito 'unable to resolve ... for transcoding' error css file

Hi,
I am trying to dip my toes into the waters of mobile development with the preview release of flash builder burrito.
I am doing so by trying to port over an application I have built in Flash Builder 4 for the web, by bringing it into a mobile app piece by piece, using the view stack struture peculiar to mobile apps.
I am haivng an issue with my untouched css file that I am trying to use in the app. It's a direct copy from the other app in the same directory structure and yet I have declarations of embedded images of the form:
.topLogo {
url: Embed(source="assets/images/header-logo.png");
Which continually cause:
unable to resolve '/assets/css/assets/images/header-logo.png' for transcoding Flex Style Problem
errors.
It is drving me utterly nuts. The images are there, and if I change the path to an invalid one I get a proper error in the editor, so it IS resolving them, but then these transcoding errors come up and seem to be triggering repeatedly as the problems pane keeps taking the focus away from the editor.
It's driving me nuts.
Anyone know if I've missed something?

Problem solved by turning off Design View (which we never use anyway, useless thing for OO style programming), it's on by default with a new install of Flash builder.
The mobile app looks promising, just waiting on a developer license to see how it goes on an iPad

Induced Error Linking to CSS files

Similar Messages

Maybe you are looking for