CSS appears not to work in template

[jmayoff]

I've had this happen with several (most) templates I've tried to install. Some templates work, some don't.

It looks like the HTML is working fine, but the CSS isn't. I've read through several other posts here from people who've had the same problem and eventually got it working. Problem is, they didn't post the solution.

Here's an image from someone else's post of what it looks like when it doesn't work:

http://img505.imageshack.us/img505/1248/pixelpostproblembs7.jpg (http://img505.imageshack.us/my.php?image=pixelpostproblembs7.jpg)
http://img505.imageshack.us/img505/pixelpostproblembs7.jpg/1/w800.png (http://g.imageshack.us/img505/pixelpostproblembs7.jpg/1/)

I've made sure the css file is readable by everyone, as suggested by one poster. I've also made sure the html file is properly pointing to the CSS file. And, I've run the CSS file through the W3C validator and corrected any errors (although I left in the numerous warnings.)

I'm using Pixelpost 1.7.1 and I've got several addons running, although for testing purposes I turned them all off. Still doesn't work.

The particular template I'm trying to get working at the moment is smokescreen-gray, but as I said this happens with more than 50% of the templates I try. Two that work are Horizon and simpler_dark.

Does anyone have a solution for this?

[kevincrafts]

A URL to your site would help others troubleshoot the issue.

[Trauko]

Testing with xampp in localost?

use <link href="templates/templatename/style.css" rel="stylesheet" type="text/css"/>

not <link href="C:/../templates/elTrauko/estilos.css" rel="stylesheet" type="text/css"/>

[jmayoff]

A URL to your site would help others troubleshoot the issue.

I didn't include my url because I didn't leave the non-working template active. It's pleasantnights.com (http://www.pleasantnights.com)

[jmayoff]

Thanks for responding.

I've got <link rel="stylesheet" type="text/css" href="templates/smokescreen-gray/styles/dark.css" title="dark" />

and I checked and double checked to make sure it's pointing to the right place and that the css file exists.


Testing with xampp in localost?

use <link href="templates/templatename/style.css" rel="stylesheet" type="text/css"/>

not <link href="C:/../templates/elTrauko/estilos.css" rel="stylesheet" type="text/css"/>

[TsopLexip]

I have same problem with smokescreen, smokescreen-grey & Macvision.
Any solution?

[edwinparee]

Hi, having the same problem. Drives me crazy. Made a new tread:
http://www.pixelpost.org/forum/showthread.php?t=10064
Hope we got a solution

[saltzer]

I installed PP 1.7.1 and 50% of the templates didn't work for me either. I deleted everything including the database and I have a fresh clean install which was without errors - no additional templates and no adons installed. I uploaded two images to test. The Horizon Template seems to work OK, but the Simple template loads only the html and not the css. Interestingly, if you select either "Site Style: Light / Dark", the css loads and once cached, works each time you restart the browser. I've tried it in IE, FF, Chrome, and Safari and get the same results for all.

I followed the advise on this and the second thread and couldn't find the solution, does anyone know how to solve this problem?

Link: http://stomsvikphotography.com/missingpieces/

PHP: 5.2.6
MySQL: 5.0.67
Apache: 2.2.10

[saltzer]

I though I'd include and image of what I'm seeing...

http://www.stomsvikphotography.com/PixelPostProblem.jpg

[sbzx]

I'm having the exact same issues with the Switchy 1.1 template. I have made no modifications to the template itself. Checking the template source in the browser (FF 3.0.5; Ctrl+U) shows the correct path to the CSS. Cutting and pasting the CSS URL to the browser the CSS can be downloaded without errors. I have 9 separate Apache2 Virtual hosts using MySQL and Pixelpost only one of which producing the phenomenon. I am at my wit's end.

[saltzer]

I've also checked the paths and all seem correct. I have done zero modifications as it is a new install. I verified all files to be present. There is something going on, primarily, though not exclusively, with the white templates and index files. Templates which reference the same culprit file or path act with the same problem...

I simply don't know enough to diagnose it further...

[Dennis]

check the file permissions of the files. They have to be readable by the webserver. That you can see them in your FTP client doesn't mean they can be read.

[saltzer]

I checked the permissions of the folders and the individual files.

The individual files are 644 and the folders are 755.

There is no change in the result.

[saltzer]

I have noticed that the problem happens only on computers running Vista. XP and Mac are fine. I also found this thread with the same exact issue, however, the "quotes" discussed within that thread do not apply.

http://www.pixelpost.org/forum/showthread.php?t=8472

As there must be a cookie involved storing the users site style preferences, could there be a problem with the way pixel post delivers and/or Vista handles cookies? If so, Could this be corrected?

[sbzx]

I have to disagree. My testbed consists of Linux boxes exclusively, yet the problem is present.

[saltzer]

My testbed consists of Linux boxes exclusively, yet the problem is present.

This is good... I wasn't aware it was happening on Linux too. Still wondering if their is an issue with cookies???

I hope more will contribute as there is clearly a problem of some sort here.

[klaupauzius]

Thanks for responding.

I've got <link rel="stylesheet" type="text/css" href="templates/smokescreen-gray/styles/dark.css" title="dark" />

and I checked and double checked to make sure it's pointing to the right place and that the css file exists.

Change the line

<link rel="stylesheet" type="text/css" href="templates/smokescreen-gray/styles/dark.css" title="dark" />

into

<link rel="stylesheet" type="text/css" href="templates/smokescreen-gray/styles/dark.css" />

This works for me.

Regards
klaupauzius

[Jelly]

Hi,

Same issue here on many templates. Tried on windows xp, and Linux. Firefox, Chrome, IE7 and Opera on both O.S.

Cache and cookies removal doesn't help.

All permissions seem find as they are the same as other templates that work.

@klaupauzius:

In what file do you do that?

Thanks,

Alex.

EDIT: Examples of templates that work fine: Pixelfy and Slide it

[saltzer]

My hope was that among us we could figure out how to preserve the Site Style function of the template and have it load properly. The last proposed solution works, but only in that it disables the javascript.js file from completing. Therefore you cannot change styles. This is an important point because other templates which reference the Javascript still will not work.