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

Similar Messages

Loop Page Style Sheet to set file name.

I am exporting pages to jpgs and pngs using a script that pulls the name from an applied style sheet.
http://forums.adobe.com/message/5913479#5913479
the above works perfectly if I only want to specify one style sheet as the file name.
the challenge may need to use different style sheets on each page to create the name.
I am not sure how to loop through each page and grab the style in play.
or if I need to loop at all.
This is where I am...
function MakePNGfile()
     for(var myCounter = 0; myCounter < myDoc.pages.length; myCounter++)
          if (myDoc.pages.item(myCounter).appliedSection.name != "")
               myDoc.pages.item(myCounter).appliedSection.name = "";
      var myStyle1 = "sheetlabel-text";
      var myStyle2 = "sheetlabel-text-2";
      var myParagraphs = myDoc.pages.item(0).textFrames.item(0).parentStory.paragraphs;
          var myPageName = myDoc.pages.item(myCounter).name;
      var myPNGPrefix = "";
     for( i = 0; i < myParagraphs.length; i++)
         var paragraph = myParagraphs.item(i);
if (paragraph = myStyle1)
    (myPNGPrefix = getParagraphContent(myDoc.paragraphStyles.item("sheetlabel-text"), myDoc.pages.item(myCounter))+ '-0' + myPageName)
else
    (myPNGPrefix = getParagraphContent(myDoc.paragraphStyles.item("sheetlabel-text-2"), myDoc.pages.item(myCounter))+ '-0' + myPageName)
Thanks for your help!

Good to hear .
Find attached the next version. You can now insert in 'paraStyleNames' as many style names as you want. The script will check from left to right, if there is one found on the page. If this is true, the script will ignore the other styles.
Removing leading zero should work now.
Maybe one problem: If one page contains no style, this page will be exported nevertheless with it’s correct page number, but with the founded text of the previous page. If this can never happen, we are done and you should mark the answer as correct. If this is a real problem for you, please let me know, what should happen in this case and I will try to fix that too.
// Export pages as JPG with additional info by Kai Rübsamen
// http://forums.adobe.com/message/6326425#6326425
main ();
function main() {
var curDoc = app.activeDocument;
// Array of paragraph Style names
var paraStyleNames = ["h1", "h2"]; // insert here your para names !
var missingParaStyles = [];
// check, if the styles are valid
for ( var p = 0; p < paraStyleNames.length; p++ ) {
    var curName = paraStyleNames[p];
    // if the style is missing, push it to the array
    if ( !curDoc.paragraphStyles.itemByName(curName).isValid ) {
        missingParaStyles.push( curName );
// if some styles are missing, give an alert
var nMiss = missingParaStyles.length;
if ( nMiss > 0 ) {
    var display = missingParaStyles.join( "\r" );
    alert ( "Missing para(s):\r" + display );
    exit();
// loop through all pages
for ( var i = 0; i < curDoc.pages.length; i++ ) {
    // the current page
    var curPage = curDoc.pages[i];
    // the current pages name
    var pName = curPage.name;
    // controls the loop
    var controller = true;
    // all paragraphs on the current page
    var allPageParas = curPage.textFrames.everyItem().paragraphs.everyItem().getElements();
    // loop through all paragraphs and check, if one has the para style applied
    for ( var p = 0; p < allPageParas.length; p++ ) {
        if ( !controller ) break;
        // the current para
        var curPara = allPageParas[p];
        // loop through the styles
        for ( var n = 0; n < paraStyleNames.length; n++ ) {
            if ( curPara.appliedParagraphStyle.name == paraStyleNames[n] ) {
                var paraContents = curPara.contents;
                var paraString = "-" + paraContents.replace( /\s+$/ , "" ).replace( /\s+/g , "-" ).toLowerCase();
                controller = false;
                break;
            } // end if
        } // end for paraStyleNames
    } // end for allPageParas
    //~ var folderPath = "~/-client/JOYS - Just Organize Your Stuff/-Art/-art-book-kindle/";
    var folderPath = Folder.desktop;
    if ( pName < 10 ) {
        var appendix = "-0" + pName + paraString;
    else {
        var appendix = "-" + pName + paraString;
    var filePath = folderPath + "/" + curDoc.name.replace(/\.indd$/,"") + appendix + ".jpg";
    var myFile = File( filePath );
    with ( app.jpegExportPreferences ) {
        jpegQuality = JPEGOptionsQuality.high; // low medium high maximum
        exportResolution = 72;
        jpegExportRange = ExportRangeOrAllPages.exportRange;
        pageString = pName;
    curDoc.exportFile( ExportFormat.jpg, myFile, false );
} // end for pages
} // end main
–Kai

How come FireFox won't load linked style sheets for every website?

It started about 4-5 days ago. No matter what website I go to, it isn't linking the style sheets so the websites are displayed incorrectly. Why? I didn't change anything!

Start Firefox in Safe Mode to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
<b> To Enable SafeMode </b>
*You can open Firefox 4.0+ in Safe Mode by holding the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
* Or open the Help menu and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
*''Once you get the pop-up, just select "'Start in Safe Mode"''
If it works in Safe Mode and in normal mode with all extensions (Tools > Add-ons > Extensions) disabled then try to find which extension is causing it by enabling one extension at a time until the problem reappears.
Close and restart Firefox after each change via "Firefox > Exit" (Windows: Firefox/File > Exit; Mac: "Firefox > Quit Firefox"; Linux: "Firefox/File > Quit")
* https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Linked style sheets

is there a way to create a style sheet (paragraph, character styles) that you can link to in multiple documents? And then you only have to change one document to affect all the other documents?

Not that I know of without scripting.
The character style flyout menu to load character styles does not even replace existing ones. Only method I know of is to make a text box with a sample of all your character styles, then paste that into each document and redefine each character style individually.

Links in Flash and HTML files

Hi,
I hope someone can help me - it is probably a simple thing,
but have searched the help files etc.
I have a flash document with 3 buttons, each with links. When
I publish the file, the links in the SWF file work fine, but those
in the HTML file don't (all other actions are OK).
I doubt this important, but I have Flash CS3 on an offline
computer.
Please help!!
Mark.

This is the html code - it is just copied from the file which
is published in CS3.
Thanks.
<noscript>
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
width="775" height="160" id="TPmenu" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="TPmenu.swf" /><param
name="loop" value="false" /><param name="quality"
value="best" /><param name="bgcolor" value="#003366" />
<embed src="TPmenu.swf" loop="false" quality="best"
bgcolor="#003366" width="775" height="160" name="TPmenu"
align="middle" allowScriptAccess="sameDomain"
allowFullScreen="false" type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
/>
</object>
</noscript>

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

Link to SWF or HTML file from LMS?

Hello,
Can someone please tell me how I should link to the captivate file from LMS. Is it better to link to the SWF file or the HTML file (or in this case, the HTML full-screen file)?
I would also appreciate it if you could tell me why one file is better than the other to link to from LMS.
Thank you,
Justin

If you are using an LMS for the purpose of tracking data about the user's interaction with your course, it will be either using SCORM or AICC standard to achieve that. In both cases you need the HTM file that Captivate publishes because there is quite a lot of JavaScript involved in the API communication between the course modules and the LMS. If you were only uploading the SWF file, the LMS wouldn't be able to "talk" to your course.
In the case of SCORM, you upload your course as a zip file that contains everything it needs to operate and communicate with the LMS. This zip file, and all the files it contains, is what the LMS expects.
Having said this, there are some pseudo LMS systems out there that are really more akin to content management systems (CMS) since all they really do is deliver the files to the user and track the fact that they did so. They don't read or record scoring coming back from the course too well. In some cases these types of LMS will expect to get the course as a single file only (because they're more used to courses in the form of PDF files or PPT presentations) and so the SWF file is about the only one you CAN upload to them with any chance of delivering content. I don't recommend you go for these types of systems.

Link to open a html file in a region on same page

Hi,
I am trying to create a page where I have 2 regions.
The left region,"lef_reg" has been created using HTML contains some text values.
The right region, "rig_reg" is blank.
I want that if a user clicks on a link on the left region (lef_reg) then a corresponding html page should appear in the right region (rig_reg). The corresponding HTML that I am talking about is saved as a static file in the shared component.
I am extremely new to APEX hence would request the solution be a little bit detailed.
Thanks in advance
Edited by: user10866621 on Dec 16, 2009 6:27 AM

it seems you want to do it using Application Express. right?
then you may want to post your question in the [Oracle APEX forum|http://forums.oracle.com/forums/forum.jspa?forumID=137] here.
AMN

Link word document to html file

does anyone know where I can find some good tutorials on how to link txt. files or word documents to my html page so that it will come up in standard paragraph form on the html site, but can be edited with word.

MS Word formatting doesn't play nice with HTML. For best results, you should copy & paste unformatted content from the Word doc directly into your Dreamweaver page using Edit > Paste Special > Text only. This strips out the junk code generated by MS Word before it ever reaches your HTML page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to link style sheets to a jsp

Hi,
I have a html page which used a css file. I changed the html to jsp(by renaming the file , of course, there were no explicit jsp constrcuts)
But the effect of css file is gone although it is in the same directory as that of the jsp file on the web server, can somebody plz explain??
thanx
husane

Hi,
what you might want to try is to close the external css link by adding a backslash / at the end like the following:
<link rel="stylesheet" href="/d1/d2/b.css" />
Assad

How do I link to o/s ("html") files?

Hi
<p>
I would like to incorporate what I have now into my Apex application but am having a problem trying to decide how to make it part of the app.
<p>
I have a proc that reads my apex db to determine whether and what reminder letters need to be sent. If they do, the proc writes one
html page for each of the letters and a html page containing a list of links to these letters. To disk.
The reminder letters are actually html but are named ".doc" so that when the users click on the link the letter is fired up in MS-Word.
<p>
HTML page with links like ...
<p>
<br>
<HTML>
<br>
<HEAD>
<br>
<TITLE>bookings picklist</TITLE>
<br>
</HEAD>
<br>
<BODY>
<br>
<H1>Booking Confirmation Letters</H1>
<br>
<TABLE border="1">
<br>
<TR><TH>Booking No</TH><TH>Start Time</TH><TH>Lecture</TH><TH>Organisation</TH><TH>Contact</TH><TH>Ed Officer</TH></TR>
<br>
<TR><TD>booking_8324</TD>
<br>
<TD>13:30 10 JUN 2008</TD><TD>Drink Drugs & Driving</TD><TD>Quokka High School</TD><TD>Joel Smith</TD><TD>Trevor</TD></TR>
<br>
</TABLE>
<br>
</BODY>
<br>
</HTML>
<p>
booking_8322.doc like ...
<p>
<HTML>
<br>
<BODY>
<br>
This is the letter for booking 8322
<br>
</BODY>
<br>
</HTML>
<p>
This all works fine from a desktop shortcut pointing to the picklist page. In IE at least. So I created an Apex report with the same links as the picklist page.
But the links do not do anything at all.
<p>
I will appreciate all pointers toward what is likely to work. Or why it cannot be done.
<p>
thanks
<br>
~trevor

hi carlozezza,
here's how i do it:
• create your button. This can be anything form text, graphic, image to a photoshop .psd
• on the second line of tools at the top of your muse document, look for "Hyperlinks:" this is in blue to indicate it's a drop down menu
• on it's drop down, select "Open link in a new browser or tab" this will make it easy for people to get back your website
• next to the "Hyperlinks:" the is a field that says "Add or filter links"
• type in your external website URL address in that field
• note, it must have the http:// befor the URL to work
hope this helps
-s

Best way to edit styles after importing html file?

Windows XP RoboHelp 8 (FrameMaker 9) Dreamweaver
I have been given a large html document of API Functions that I have imported into RH. Most of the information is in tables that don't have an id. I want to change the table formatting, but don't want to do it manually to each instance. I tried making a table style and applying it to the tables, but it didn't bring over all the formatting.
I do not know much html or css, but I'm wondering if that would be the only way to change the table formatting?
As far as I can tell, the tables are not identified with any type of tag in the html.
I messed around in DW with the css editor and created table properties, but don't know how to apply it to the existing tables in the html.
At a loss...
Missy

Borders and shading are controlled in the <table> tag (select the table in the RH Design view and click the HTML tab -- the entire table will be selected in the HTML tab. Scroll to the top of the highlighted text and the <table> tag is the first tag displayed in the selected content). You can do a global Find and Replace on the <table> tag to make them all consistent.
HTH

RH 11 v11.0.2.240: Cleaning up an External Style Sheet (CSS)

Hello,
I am in the process of trying to clean up a CSS for an "old" RoboHelp project. I believe the CSS contains many unused styles that were probably "trial & error" styles, but were never deleted when they failed to produce the correct format. I know it doesn't do any harm to leave them in the CSS, but I really don't want them around!
I did not see a report in RoboHelp that would provide this information, but before doing a search for each individual style using a program like Agent Ransack, I wanted to see if anyone in the Community had any clever ideas as to how to accomplish this task.
Thanks for your input/suggestions!

I can't say I've had this issue. But then again, I never use the CSS property inspector to create an external style sheet. I just hit File > New > CSS. I add my CSS rules and Save it to the local site folder.
Link style sheet to HTML pages.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

In need of reading and stripping out a href links in an off-line HTML file

Hi there.
I'm in need of some guidance with respect to the reading of a
local
(off-line) HTML file, in doing so I need to identfy all of
the links held
within the HTML file, ie., <a href...> ... </a>
and have them populate a
seperate list.
My problem is in that in all of my years of using Director
I've never dealt
with external files to this kind of degree - and having take
quite a break
from Lingo for quite sometime as well, I'm kind of stuck as
to where the
heck I should start!!
Any help/guidance would be hugely appreciated.
Many thanks in advance.
Thanks, Mark.

Many thanks johnAq - your help is very much appreciated.
Kind regards, Mark.
"johnAq" <[email protected]> wrote in
message
news:gppbu1$cpu$[email protected]..
> To get you started, there is some simple built-in Lingo
(at least up unti
> Director 10 - I don't have D11 and they changed the text
engine so....)
>
> 1) Use Fileio to read in the html file into a string
variable
>
> 2) Set the .html property of a #text member to the
string variable text
> you
> read in from your file. This will automatically treat
all of the links in
> the
> html and hyperlinks in the text member.
>
> 3) You can now access the .hyperlinks property of the
text member, which
> will
> give you a list of all the links in the text - each
entry in the list is a
> list
> of two items - the start and end chars of the hyperlink
>
> From there you should be able to rework things into a
format you require
>
> hth
>
>
> johnAq
>

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

Link style sheet to .html file?

Similar Messages

Maybe you are looking for