Results 1 to 14 of 14
  1. #1

    MBNick's Avatar
    Member Since
    Aug 22, 2007
    Location
    London,UK
    Posts
    180
    Specs:
    13.3" MacBook Black
    Help with CSSEdit
    Hi,

    I am stuck with CSSEdit, I am using the trial version and I can not figure it out. I have created a new style, I save it, then export to the HTML file.

    Everything should work right?

    Well it doesn't what am I doing wrong?

    Thank you everyone.

    Nick.

  2. #2


    Member Since
    Oct 26, 2006
    Posts
    467
    I haven't used this program but I am going to take a shot in the dark.

    Did you create a ".css" file in the program? In order for the CSS to show up correctly you need to link the .css file in the HTML file.

    Example: <link href="/CSS/global.css" rel="stylesheet" type="text/css" media="screen">

    That would be in-between the <head> and </head> tags in your HTML document.
    MacBook Pro | 2.33 GHz 3 GB Ram 200 GB HD | Best Choice Ever For A Laptop | 8 GB iPod Touch

  3. #3

    MBNick's Avatar
    Member Since
    Aug 22, 2007
    Location
    London,UK
    Posts
    180
    Specs:
    13.3" MacBook Black
    Thanks for your help, although it still doesn't work.

    It exports the file but nothing. I cant understand why they want $40 for some craptastic program!!!

    I will email them.

  4. #4


    Member Since
    Oct 26, 2006
    Posts
    467
    Quote Originally Posted by MBNick View Post
    Thanks for your help, although it still doesn't work.

    It exports the file but nothing. I cant understand why they want $40 for some craptastic program!!!

    I will email them.
    If you haven't paid for it yet, I would find another program.

    I have seen people on this forum talk about Coda a lot.

    http://www.panic.com/coda/
    MacBook Pro | 2.33 GHz 3 GB Ram 200 GB HD | Best Choice Ever For A Laptop | 8 GB iPod Touch

  5. #5

    D3v1L80Y's Avatar
    Member Since
    Feb 02, 2004
    Location
    PA
    Posts
    12,456
    Specs:
    MacBook
    Quote Originally Posted by MBNick View Post
    Thanks for your help, although it still doesn't work.

    It exports the file but nothing. I cant understand why they want $40 for some craptastic program!!!

    I will email them.
    I have never used it (I write my CSS by hand), but I wouldn't go so far as to call the program "craptastic".
    Are you trying to create an inline style or a linked stylesheet?
    If it is linked, then the code between your HEAD tags should be :
    <link rel="stylesheet" type="text/css" href="stylesheetneame.css" />

    I am not understanding what you mean by "I have created a new style, I save it, then export to the HTML file."

    If you are saving a stylesheet, it should have a ".css" extension... not an html file. If you are putting it inline, then you shouldn't have to export anything.
    __________________________________________________
    Posting and YOU|Forum Community Guidelines|The Apple Product Cycle|Forum Courtesy

    mac: a waterproof raincoat made of rubberized fabric
    MAC: a data communication protocol sub-layer, also known as the Media Access Control
    Mac: a brand name which covers several lines of personal computers designed, developed, and marketed by Apple Inc.


  6. #6

    MBNick's Avatar
    Member Since
    Aug 22, 2007
    Location
    London,UK
    Posts
    180
    Specs:
    13.3" MacBook Black
    Well there is a function about exporting the .css file to the already created .html file. Well that doesn't work.........................................

    Here is my code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
    <html>

    <head>
    <title>My Website</title>
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    </head>
    <body>
    Hi.

    </body>
    </html>

    mypagestyle {
    color: #ff0028;
    font: medium "Lucida Grande", Lucida, Verdana, sans-serif;
    text-align: center;
    background-color: #63ff0e;
    }

    WHY DOES IT NOT WORK!!! ARGH!!!!!!!

  7. #7


    Member Since
    Oct 26, 2006
    Posts
    467
    Did you apply the css style to the text or whatever?
    MacBook Pro | 2.33 GHz 3 GB Ram 200 GB HD | Best Choice Ever For A Laptop | 8 GB iPod Touch

  8. #8

    MBNick's Avatar
    Member Since
    Aug 22, 2007
    Location
    London,UK
    Posts
    180
    Specs:
    13.3" MacBook Black
    This Mac being superfantastic, can't do that.

    I put a link to the file, NOTHING. Put the file in the web page, NOTHING.

    I am sick to death now of this HTML Mac rubbish.

  9. #9

    D3v1L80Y's Avatar
    Member Since
    Feb 02, 2004
    Location
    PA
    Posts
    12,456
    Specs:
    MacBook
    Quote Originally Posted by MBNick View Post
    Well there is a function about exporting the .css file to the already created .html file. Well that doesn't work.........................................

    Here is my code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
    <html>

    <head>
    <title>My Website</title>
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    </head>
    <body>
    Hi.

    </body>
    </html>

    mypagestyle {
    color: #ff0028;
    font: medium "Lucida Grande", Lucida, Verdana, sans-serif;
    text-align: center;
    background-color: #63ff0e;
    }

    WHY DOES IT NOT WORK!!! ARGH!!!!!!!
    That won't work becase the CSS code needs to go before the closing HEAD tag ( </head> ).
    Also, if "mypagestyle" is meant to be a class, then there should be a period at the beginning in your code, so it should read ".mypagestyle"

    That code also shows a linked stylesheet. Be sure to place that CSS sheet in your page's root directory (at least according to the way it is written in what you posted).
    __________________________________________________
    Posting and YOU|Forum Community Guidelines|The Apple Product Cycle|Forum Courtesy

    mac: a waterproof raincoat made of rubberized fabric
    MAC: a data communication protocol sub-layer, also known as the Media Access Control
    Mac: a brand name which covers several lines of personal computers designed, developed, and marketed by Apple Inc.


  10. #10

    MBNick's Avatar
    Member Since
    Aug 22, 2007
    Location
    London,UK
    Posts
    180
    Specs:
    13.3" MacBook Black
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
    <html>

    <head>
    <link rel="mystyle" type="text/css" href="mystyle.css" />
    </head>
    <body>
    Hello, again.

    </body>
    </html>

    See, the code is fine, and now it won't work. What is wrong?

    I saved the mypage.css file in the sites folder, and so is this page.

    Please help!

  11. #11

    MBNick's Avatar
    Member Since
    Aug 22, 2007
    Location
    London,UK
    Posts
    180
    Specs:
    13.3" MacBook Black
    And here is the seperate CSS code:

    thestyle {
    color: #63ff00;
    font: medium "Lucida Grande", Lucida, Verdana, sans-serif;
    text-align: center;
    background-color: #ff7a00;
    }

  12. #12

    MBNick's Avatar
    Member Since
    Aug 22, 2007
    Location
    London,UK
    Posts
    180
    Specs:
    13.3" MacBook Black
    Right, this is my last attempt.

    My HTML file: homepage.html
    My CSS file: mypagestyle.css

    What do I do?

  13. #13


    Member Since
    Feb 19, 2007
    Location
    Atlanta
    Posts
    350
    Specs:
    15" MBP 2.2Ghz C2D 4GB RAM 120GB HDD
    This is taken from a website of mine:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html lang="en">
    
    <head>
    
    <title>Adventure Racing and Multisport in the Southeast United States</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content="Checkpoint Adventures, home to adventure racing in the Southeast." />
    <meta name="keywords" content="Checkpoint Adventures, adventure race, Adventure24, Adventure24 AR, Gorge Games, MSOQ, AR World Championship, adventure racing, multisport, Beast of the East, Eco Challenge, Southern Traverse, ESPN X Games, AR, adventure gear, adventure racing gear, AEAR, endorphin fix, EMA, adventure racing teams, SPQ, Primal Quest, Subaru Primal Quest, Georgia, adventure racing in GA, adventure racing in tn, georgia, tennessee, alabama, adventure racing in alabama" />
    <meta name="robots" content="all" /> <meta name="distribution" content="global" />
    
    <!-- CSS -->
    <link rel="stylesheet" href="cpa_llc.css" type="text/css"/>
    <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
    
    <!-- JAVASCRIPT -->
    <script type="text/javascript" src="scripts/menu.js"></script>
    <script type="text/javascript" src="scripts/prototype.js"></script>
    <script type="text/javascript" src="scripts/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="scripts/lightbox.js"></script>
    
    </head>
    
    <body>
    My index.php (the code you see above) is in the same directory of my css file (cpa_llc.css).

    It sounds like you aren't very familar with html or css. CSSEdit, from my limited experience (also using the trail right now), is not a beginner program. Perhaps it would be more beneficial to you to do some html and css tutorial reading. Here's a good site for information: http://www.w3schools.com/css/css_howto.asp

    Good luck!
    Apple Mac HQ - Apple/Mac News, Reviews, and More

  14. #14


    Member Since
    Feb 20, 2005
    Location
    Harrisburg, PA
    Posts
    51
    Specs:
    Macbook Pro: 15" screen, 2.0 MHz DuoCore, 80 Gig HD, 2G RAM
    Quote Originally Posted by MBNick View Post
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
    <html>

    <head>
    <link rel="mystyle" type="text/css" href="mystyle.css" />
    </head>
    <body>
    Hello, again.

    </body>
    </html>

    See, the code is fine, and now it won't work. What is wrong?

    I saved the mypage.css file in the sites folder, and so is this page.

    Please help!
    I know I am responding to this late but I have to respond because it amuses me. You are so mad at the computer and program like they are to blame. CSS and html can be created with a word program so there is very little the computer could do to cause the error. In the sample of code you just displayed you link to mystyle.css but then you say your css file is called mypage.css. Later you call is something else. You need to make sure the link to the css file is linking to the correct file name and that they are both in the same directory. Then (as DevilBoy pointed out) your css style is not correct. If you change the name of the style to "body" then the style will apply because you are styling an html element (the body tag). If you want to use it as a custom class then you need to add the . in front. For instance .myclass But even that is not enough. Now you have a properly named class but it is not applied to anything. You then need to go into your html and apply it to a tag. An example would be <body class="mystyle">

    CSS and html can be frustrating but I assure that your code is not perfect as you suggest and your mac is not the issue.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •