HTML Style sheet Ignored
Hoi all,
I need some help on an HTML problem. I have a Editor on a form that displays XSL/XML data. The pages are formatted and transformed correctly so the correct layout and data is shown on the screen however the stylesheets i have imbedded into the XSL document are begin ignored. Here is a code snippet from the XSL document:
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="ISO-8859-1"/>
<xsl:template match="/">
<xsl:for-each select="viewerXML">
<html>
<head>
<!--#style_insert_start-->
<style>
.roweven{
background-color: #F5F5F5;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
.rowodd {
background-color: #FCFEE2;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
.resultsetrow{
background-color: #AED7FF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
.bodytext {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
</style>
<!--#style_insert_end-->
</head>I have found a lot of referance to this problem but all dealing with importing a style sheet and not imbedded style sheets.
IF anyone has some help, comments of a link to a forum thread that I had missed I will be very appriciative.
thx
Werns
Hi,
You should correct the path to your css file in your index.html:
href="/irj/go/km/docs/documents/main.css"
Regards,
Praveen Gudapati
Similar Messages
-
Report Output format Html & Html Style Sheet
Hi ,
How i can difference between Html & Html Style Sheet
when system parameter destformat to a report ?
for html destformat = Html
What about Html Style Sheet destformat ?hi
what do u mean by html style?
did u use HTMLCSS?
sarah -
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">
<!--
@media print {
@page {
counter-increment: pages;
size 8.5in 11in; margin: 0pt; padding: 0pt;
@bottom-left :first { }
@bottom-left {
font-family: Veranda, sans-serif; font-size: 10pt;
font-weight: normal;
content: "Document Title, Page " counter(pages);
body { margin-top: .5pc; margin-bottom: .5pc; margin-left: .5pc; margin-right: .5pc; }
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; }
blockquote,
pre { page-break-inside: avoid }
ul, ol, dl { page-break-before: avoid }
-->
</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">
<!--
@media print {
@page {
counter-increment: pages;
size 8.5in 11in; margin: 0pt; padding: 0pt;
@bottom-left :first { }
@bottom-left {
font-family: Veranda, sans-serif; font-size: 10pt;
font-weight: normal;
content: "Document Title, Page " counter(pages);
body { margin-top: .5pc; margin-bottom: .5pc; margin-left: .5pc; margin-right: .5pc; }
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; }
blockquote,
pre { page-break-inside: avoid }
ul, ol, dl { page-break-before: avoid }
-->
</style>
PowerBook G4 Mac OS X (10.4.5)
PowerBook G4 Mac OS X (10.4.5) -
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. -
Problems attaching an external style sheet to several HTML files created with a template
Hello All;
I've been working on a task that should have taken me a few minutes but instead, it's been taken all day.
I am creating a site using a template and out of the template, I've created about 6 html files each of which is a different page off the main menu.
I created a blank css file and tried to attach it to one of the menu pages but it keeps saying that the link failed.
If you want to see my code, follow the link below ...
http://www.dedula.net/balloonsat/Contact.html
I am trying to attach a separate style sheet to this page so that I can style the table differently than other pages that use a table but up until now, I have not figured out how to do that in DW. I am not proficient at writing CSS code directly so I am using DW - hope that's possible.
While templates seem very useful, they are also a source of fustration for the beginner.
TimTo add to what Snakeyes has said, it should have created the "head" editable region to include your <title> opening and closing tags. So I would suggest that you change this
<title>Balloonsat High Altitude Flight (BHALF) - Home</title>
To this
<!-- InstanceBeginEditable name="head" -->
<title>Balloonsat High Altitude Flight (BHALF) - Home</title>
<!-- InstanceEndEditable -->
Then directly after the closing <title> tag, add whatever head content you need.
Gary -
Link style sheet to .html file?
Hey dreamweaver community i'm really new to dreamweaver but have a slight grasp.
But i am creating a website (ethicistbeats.com). I have a design by using a css. style sheet and everything looks good in dreamweaver safari preview (on a mac), but when i upload it to my ftp client my designs/ format of my page does not show up, at all.
If you guys could reply and try to help me out that would be cool. i tried talking to one pf my friends who took a class on html code, but he couldn't help me.
Anyways, thanks in advance.
If you guys need more info about code and stuff i'll gladly upload it. Just again i'm new to this so i don't really know much... i just dove into dreamweaver like a need a webpage, not much help, but my site wasmade from a template - not sure if that helps.
Peace.Unfortunatly, you have quite a mess on your hands. First you have embedded css above the external style sheets, which takes away one of the big advantages of embedded css, namely to override any rules in the external style sheet.
<style type="text/css">
.A {
color: #E12000;
.b {
color: #000;
</style>
But that is peanuts to the other probelms,
Your style sheets are not css files, they appear to be an html file. To create an external style sheet, go up to File | New | CSS and a new CSS blank file will be created. Paste your css rules into it.
You have
<link href="http://www.ethicistbeats.com.css" rel="stylesheet" type="text/css" />
While I suppose you could link using an absolute link, I dont see an advantage,
but it would be more like
<link href="http://www.ethicistbeats.com/stylesheet.css" rel="stylesheet" type="text/css" />
a better way would be
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
This is not a style sheet, but another html file.
<link href="Index.html.css" rel="stylesheet" type="text/css" />
Take whatever css is in the files and put them into a new css file.
Start there, but there is more work to do.
gary -
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? -
When I design with Muse and export as HTML Dreamweaver doesn't attach the style sheets when I open the files with Dreamweaver. Essentially when I design with Muse the files don't render the same with Dreamweaver. Is this a bug? Any work arounds?
Then you will have to install a local server and use live view. It's not that DW isn't rendering it or isn't attaching it, it's that Muse decided to use server-side processing to include it which is ok for a CMS practice when you are combining stylesheets for better caching, but it really isn't ideal for a single style sheet. This is a shortcoming of Muse and one of the reasons many professionals don't back the product at the moment. That and you can't actually buy Muse, so unless you are on a subscription you don't have it. It's trying to fill a void for those who don't want to invest in the professional design tools like Fireworks or Photoshop or Dreamweaver, but want a cross between them to make designs. If you have invested in the subscription though and want a better way to make layouts I highly recommend coding it yourself and using Fireworks or Photoshop to do the layout for you. There is an excellent tutorial on the devnet (3 parts) to show you how its done ( http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html ). Once you start using Fireworks or Photoshop you will realize just how limited Muse is in design.
-
Trying to add css style sheet to an old-fashioned html file.
I have several old html files that I have worked on regularly for the last 25 years. I recently recognized the value of separate css style sheets.
I set up the old html files in separate folders like this -
_css
_images
_notes
_scripts
.htaccess
index
profile
the _css folder contains a file named style.css which looks like this -
@charset "utf-8";
/* CSS Document */
<style type="text/css">
h1 {font-size:250%; font-family: "Comic Sans MS"; color: #66FFFF; text-align:center;}
h2 {font-size:120%; font-family: "Comic Sans MS"; color: red; text-align:center;}
p {font-size:100%; font-family: "Comic Sans MS"; color: #EEEEEE;}
</style>
<body style="background-color: #55035F";
I open the index file with DW. - I click on "class" at the bottom of the page. - I click on "attach style sheet." - it shows file/url: as "_css/style.css" - I click on "OK" - it says "file _css/style.css appears to be an html file and cannot be opened as css"
I copy the contents of style.css onto a new blank css file and save it as a css file.
I go through the same routine and the same thing happens over and over again.You need a proper CSS document. CSS files cannot contain any HTML code.
@charset "utf-8";
/* CSS Document */
<style type="text/css">
body {
background:#55035F;
font-family: "Comic Sans MS", "Comic Sans MS5", cursive;
font-size: 100%;
h1 {font-size:250%; color: #66FFFF; text-align:center;}
h2 {font-size:120%; color: red; text-align:center;}
p {color: #EEE;}
</style>
<body style="background-color: #55035F";
Nancy O. -
Mail.app and CSS Style Sheets in HTML E-mails
Hi all,
Query. I recently began to get some e-mails from a blog site where the e-mail background is black (or very dark), with black font. Hard to read of course.
The background color appears to be getting set by a remote CSS style sheet, for which the URL is embedded in the HTML markup in the e-mail body. The background color is the same as the background color of the blog site.
Based upon communications with the site author and developer, it would appear that this is unique to Mail.app. They are not seeing this on their end in their e-mail clients.
When moving the same e-mail to a folder that syncs with Me.com, I can view the same e-mail online in the browser and a white background shows up, not the dark background.
Thus, it would seem that Mail.app is honoring the CSS style sheet, while other applications are not.
I do not see any obvious preferences in Mail.app to enable/disable this behavior.
Am I missing something, or is Mail.app doing something that other mail clients do not.
Thanks.I found an answer :
defaults write com.apple.mail MinimumHTMLFontSize 13 -
HTML doc not attaching to style sheet but looks fine in DW. Problem
Hello once more,
I posted this problem the other day but it was mistaken for something else, this was my fault as I posted incorrectly.
The current problem with this page, is that it looks fine in Dreamweaver, but as soon as it is viewed in any browser, even firefox, it loses all of the style commands. The problem is with the text on the page, the menu seems to be behaving fine and I cannot comment on whether it is interfering with the page in a manner which causes the text to not find the styles.
Here is a screenshot of how the page should be appearing:
http://postimage.org/image/wp16tgqid/
Here is the page live on the internet:
Page
Here is an except of one of the styles:
.readingtextborder9{
width:471px;
height:173px;
background:url(../images/reading%20border9.png);
margin-top: 20px;
margin-left: 36px;
margin-right: 10px;
margin-bottom: 5 px;
text-align:justify;
padding-left: 180px;
padding-top: 10px;
padding-right: 13px;
The page did work fine up until a point which I cannot distinguish, but at one point the menu was working together with the page, correctly. Hence why I find it hard to believe the menu is causing the problems.
Any help would be hugely appreciated.
Thank youValidate code and fix reported errors.
You have a messed up Meta tag on line 26 and an extra </div> tag on line 208.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.entasistours.com%2Freading.ht ml
On lines 4-11, you have this style inside comments. Why?
<!--
.style24 {
font-size: 11px;
font-family: verdana;
color: #666666;
text-indent: 30px;
-->
On line 11 you have this which doesn't do anything. Remove it.
<style type="text/css"></style>
On lines 33-47, you have these styles.
<style type="text/css">
.style1 {font-size: 12px}
a:link {
color: #666666; }
a:hover {
color: #333333; }
.style2 {
font-size: 12px;
color: #666666; }
.style3 {color: #666666}
.style4 {font-size:12px; font-weight: normal; line-height:1; font-family: verdana; padding-top: 2px; margin-top: 5px; text-align:center; width: 100%;}
a:visited {
color: #333333; }
</style>
And even more styles on lines 58-71, also inside comments, why?
<style type="text/css">
<!--
body {
background-image: url(images/backgroundmain.jpg); }
.style37 {font-size: medium}
.clearfix:before .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.style42 {
font-size: small;
font-family: verdana;
color: #666666; }
-->
</style>
Organize your code better.
Use meaningful .class names instead of style1, style2, style37, style42 which don't tell you what the style is being used for.
Put CSS code into your external style sheet. This will make problem solving and site management much easier.
Nancy O. -
Using RoboHelp 8 style sheet with RoboHelp 9
Howdy. My issue:
I was using RoboHelp 8 at work to craft a web help document out of a Word file. We have a company CSS we apply to web help for look, feel, etc. It worked in RoboHelp 8, but not in 9 despite following the same Word Import procedure. Needed to upgrade to RH9 because RH8 was not recognizing our version of Word to compile and create the web help files.
How can I make my old style sheet work with RH9? Is there some step I'm missing? Help appreciated with 20.1 bazillion thank yous in advance.Hi there
First we need to know what type of string you are using and obtain an exact measurement.
I'm joking, of course, but the fact here is, we need more information. Things like:
You said "...despite following the same Word Import procedure.". What are the exact steps in said procedure, please?
Note that it's a simple process to ignore any style sheet during the Word import, then later import just the company CSS file and associate it with your topics. All of that can be done in perhaps 30 seconds or so.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks -
I am fairly new to dreamweaver and css. I have created an
html page and I created an external css style sheet for it. When I
preview it in my browser, it works, but when I FTP it and check the
site on the server, the html page doesn't "refer" to the css page
that I created. I checked my remote view of the server, the style
sheet is there and the source for the web page says that it should
be refering to it.
Here's the link to my page. It's a school project. I only
have the first page created for it so even tho there are rollovers,
there are no pages linked them, so just ignore that.
http://alliterationstudio.com/silverspark/index.htm
if you go to the main page on my site
http://alliterationstudio.com
you will see that I have a couple of other projects up there too.
If you go look at the arts and crafts page you will see that it has
a style sheet that links just fine to it, and I created it in the
same way. I'm at a loss here, since I'm really new to this web
design stuff.
BTW, I'm using Dreamweaver MX 2004 right now. I'll upgrade as
soon as I get my new computer, but either way, I don't think that
using an earlier version of the software is what is creating the
problem, right?
Thanks for the help,
Staci StubbsOn 07 Apr 2007 in macromedia.dreamweaver, stacistubbs wrote:
> Here's the link to my page. It's a school project. I
only have the
> first page created for it so even tho there are
rollovers, there are
> no pages linked them, so just ignore that.
>
>
http://alliterationstudio.com/silverspark/index.htm
http://alliterationstudio.com/silverspark/silversparkstyle.css
returns a
403 (Forbidden) error. An imaginary stylesheet whose name I
entered
returned a 404 (File not found). In the other project which
had an
external stylesheet, there was no problem. So - it sounds
like a
permission issue on silversparkstyle.css. I'm not sure if
MX04 has a
file permissions 'thing' built in; if not, you'll either have
to get an
FTP client which does file permissions (FileZilla for Windows
http://filezilla.sourceforge.net/
does), or use a terminal app (SSH, like
putty, in preference to Telnet) to log in and change the
permissions.
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php -
Customizing Style sheets in Istore
Hai,
Is there any way to have multiple .css files pointing to the same minisite registered under the programmatic access name 'STORE_STYLE_SHEET'.
if I am trying to do this through Store Administration UI then I get the following error
Error in saving logical to physical mapping
Error in saving logical to physical mapping
ORA-00001: unique constraint (IBE.IBE_DSP_LGL_PHYS_MAP_U2) violated in Package IBE_PhysicalMap_GRP Procedure save_physicalmap
Mapping for site 10040 and all languages exists already exists for deliverable 7473
any help appreciated
thanks
pradeep.Two separate issues:
Netscape references
Instead of "first and foremost" Netscape code, is the idea
that the Netscape browser configuration "needs" more code settings
than do the other browsers. Netscape, if you were unaware, has
traditionally set itself apart from other browsers (perhaps a noble
attitude on their part, but definitely a pain for developers and
users over the last dozen years).
Style Sheets
From
XHTML & HTML: The Definitive Guide, C. Musciano & B.
Kennedy: "Neither Netscape Navigator nor Internet Explorer support
multiple <link>ed style sheets as proposed by the CSS2
standard. Instead, they cascade all the <link>ed style
sheets, with rules in later sheets overriding rules in earlier
sheets." Further, "Netscape Navigator [email protected]
Internet Explorer honors the ...@media at-rules, for both
document-level and external sheets."
Seems like your rants might be better directed to the browser
folks, instead of RH.
You don't say what your output is, but if it's WebHelp, you
might be able to accomplish your stated goal by doing some
post-processing work on the output. You'd need a good tool such as
FAR, which can find &
replace multiple lines in your HTM files. You can even set up batch
files to run multiple changes to files.
Good luck,
Leon -
Style Sheets for M$ Only
Well, I've ignored Internet Explorer as long as I can, but I
have some
really glaring problems that I have to deal with, like the
navigation
links in the top left corner of this page...
http://www.geosymbols.org/World/Arizona
That's assuming you're using Firefox. In IE, they're stuck in
the middle
of the page, even though they're absolutely positioned to the
left. I
discovered I could coax them over to the left if I changed
the div that
contains them from text-align: center to text-align: left -
but that
screws up a major element in Firefox.
Anyway, I saw a thread on Site Point recently asking how many
style
sheets people use. I noticed that many people use an
alternate style
sheet just for Microsoft hacks. So I'd like to know the
basics -
particularly how you set up your style sheet so it is fetched
only when
someone is using IE.
This has probably been discussed to death here, and there are
probably a
gazillion references on Google. But if anyone could point me
to a really
good reference or tutorial, I'd appreciate it.
Thanks.
www.geobop.org - Family Websites
www.invisible-republic.org - Adult political websites (Mature
adults only)Travis wrote:
> They're called conditional comments. Rather than list
the nomenclature
> in this reply, take a look here for some good info.
>
>
http://www.quirksmode.org/css/condcom.html
Thanks.
>
> Travis
> ***************************************
> Web Site Design & Marketing -
http://www.awtdesign.com/
> ***************************************
>
> David Blomstrom wrote:
>> Well, I've ignored Internet Explorer as long as I
can, but I have some
>> really glaring problems that I have to deal with,
like the navigation
>> links in the top left corner of this page...
>>
>>
http://www.geosymbols.org/World/Arizona
>>
>> That's assuming you're using Firefox. In IE, they're
stuck in the
>> middle of the page, even though they're absolutely
positioned to the
>> left. I discovered I could coax them over to the
left if I changed the
>> div that contains them from text-align: center to
text-align: left -
>> but that screws up a major element in Firefox.
>>
>> Anyway, I saw a thread on Site Point recently asking
how many style
>> sheets people use. I noticed that many people use an
alternate style
>> sheet just for Microsoft hacks. So I'd like to know
the basics -
>> particularly how you set up your style sheet so it
is fetched only
>> when someone is using IE.
>>
>> This has probably been discussed to death here, and
there are probably
>> a gazillion references on Google. But if anyone
could point me to a
>> really good reference or tutorial, I'd appreciate
it.
>>
>> Thanks.
>>
www.geobop.org - Family Websites
www.invisible-republic.org - Adult political websites (Mature
adults only)
Maybe you are looking for
-
I have an iPad mini and an iPad 2. I can print email to my HP 6510 from the mini, but NOT from the iPad 2. Both are on the same wi-fi network. I have tried everything I can do including unplugging everything, restarting, etc. Can anyone help?
-
K8t Neo2-FIR: Promise 579 64-bit Drivers
I'm done beating around the bush, here is what I want/need/am wondering. I know that using MSI's specific drivers for my motherboard work, while Promise's does not. I know of 2 variants of the 64-bit drivers for the Promise 579 SATA RAID controller.
-
please give with an example if possible to use? Moderation: Thread Locked. Kindly do not post interview questions here
-
Account Search by Territory ID
Hi, I have set up rule builder where one of the rule is account id. i have manually enter account ID in rule and activated . if i search that account id in territory search the node is showing in the result. but if i search the Account by territory i
-
what is the use of miniapps and personalization tab in pfcg