styles.css isn’t being read

  • kko88

    (@kko88)


    21 years, 11 months ago

    I’m new to WordPress so I don’t know a lot of the template code or how to use them. That and I’ve only used MovableType before and it used .html files rather than .php so that doesn’t help much.
    I’m working on a layout that I want to carry over from MT but I keep encountering problems, mainly with my .css file.
    My latest “text index” can be seen at http://kko88.u69.us/wordpress/indexnaru.php. If you go there you can see it’s not…nice. It’s as if the template is disregarding the .css file altogether =\
    Rather than what you just saw (if you went to the url, sorry I’m not sure how to make links) the layout should look similar to this: http://kko88.u69.us/index.html (disregard the random MT code).
    As you can see, there’s quite a bit of difference. Hopefully a fresh pair of eyes can spot the problem as to why the second is so… not right.
    Could someone please help me please? I would really appreciate it.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Mark (podz)

    (@podz)

    21 years, 11 months ago

    @import url( http://kko88.u69.us/wordpress//*wp-layout*/styles.css );
    Make that
    @import url( http://kko88.u69.us/wordpress/styles.css );
    and it should be good 🙂

    Thread Starter kko88

    (@kko88)

    21 years, 11 months ago

    Thanks podz, that helped. But now the css file won’t listen to me. Like the fonts and such are still default and everything is out of place compared to http://kko88.u69.us/ (note: still http://kko88.u69.us/wordpress/indexnaru.php that’s broken).
    Anyone have any ideas as to why this is happening? All help is appreciated.

    timeistight

    (@timeistight)

    21 years, 11 months ago

    You have two <body> tags on that page. I don’t know if that’s your problem, but it can’t be good.
    I think your first step should be getting your page to work (and validate) with the default style sheet. That should make it much easier to debug your new style sheet.

    Thread Starter kko88

    (@kko88)

    21 years, 11 months ago

    Thanks, I didn’t catch the two <body> tages. (Not sure what it fixed but oh well)
    By default style-sheet, do you mean the wp-layout.css and/or wp-print.css? I’m not sure what you mean by validate either.
    Thanks!

    Thread Starter kko88

    (@kko88)

    21 years, 11 months ago

    Thanks to timeistight’s comment about getting my page to work with the default style sheet (although I still don’t know what that means…) I just copied and pasted my .php file and made a duplicate .html file. With that it was easier to find bugs and such because I just like html better :p
    I ended up deleting:
    _________________________
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    and
    <html xmlns=”http://www.w3.org/1999/xhtml”&gt;
    _________________________
    because I wasn’t sure what they were for… should I put them back?
    But the entire site is still very far from the top left corner =(
    That and my background file/colors… aren’t being loaded.
    Thanks for all the help so far! The end is near… I hope!

    timeistight

    (@timeistight)

    21 years, 11 months ago

    Yes, you should put them back. Yes, “by default style sheet” I mean wp-layout.css (and wp-print.css, although that won’t make any difference to what you see on the screen).
    By “validate” I mean that you need to correct your HTML, using this http://validator.w3.org/ before you can debug your CSS.

    Thread Starter kko88

    (@kko88)

    21 years, 11 months ago

    Thanks timeistight!
    That validator is amazing. I wish I knew about it before =(
    But why do you recommend using the default style sheet? I ask this because none of the <div id=””> or <div class=””> are from the original wp-layout.css.
    Could you also tell me as to what the 2 lines I deleted actually do?
    Thanks again.

    Anonymous

    21 years, 11 months ago

    What I’m recommending is getting your HTML working before worrying about your CSS. I thought that temporarily using a know-to-be-good stylesheet might make that easier.
    The two lines you deleted are the DOCTYPE, which you can read about here: Fix Your Site With the Right DOCTYPE, and the opening HTML tag which should contain all the HTML on your page.
    When you leave out required tags, or get them in the wrong ordered, it becomes much more difficult to predict how any given browser will interpret your page. Mark Pilgrim explained this far better than I could in Why we won’t help you.
    Good luck!

    timeistight

    (@timeistight)

    21 years, 11 months ago

    er, that was me.

    Thread Starter kko88

    (@kko88)

    21 years, 11 months ago

    Thanks for all the help. The final problem was that I had to change the option to show only 1 post on the front page rather than 20.
    Thanks for all your help timeistight and podz!

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘styles.css isn’t being read’ is closed to new replies.