Home « Forum « Author Hangout

Forum: Author Hangout

Did something happen to CSS formatting recently?

Crumbly Writer

All of a sudden (started today) all my website formatting is GONE. I use an link to my css style file, which is in my website where it belongs, but it acts like it isn't. I'm guessing that the giant html powers changed some unknown html command.

I couldn't find any online discussions, so I can't figure out why everything would break today, when all the other html commands work correctly. Has anyone else had any problems with included CSS files (as if anyone else uses included CSS files!)?

Replies:   Ernest Bywater
Ernest Bywater

@Crumbly Writer

try clearing your cache, cookies, or another browser - your website looked OK when I just looked at it. Provided I was checking the one you're worried about.

Replies:   Crumbly Writer
Crumbly Writer
Updated:

@Ernest Bywater

The problem wasn't on my browser, but rather on html editor. It won't load the CSS commands and thus won't format correctly. I'm guessing it's a problem with the editor, but it's received no updates, and everything else is working with it.

The editors cache is cleared every time you relaunch, and even if it wasn't, it should revert to the last used information, instead it's displayed an entirely new behavior.

I'm scratching my head. I'm making changes, but the results, even on files I haven't changed, is different.

The command not being executed is:

link rel="stylesheet" href="http://www.crumblywriter.net/vbstyle.css"


The file is there, but it's either not being loaded or not being executed.

I guess my only choice is to quit including CSS commands, and embed my Style definitions in each html file. (Believe me, I have hundreds to thousands of html files now!)

P.S. The only place on my website where the loss of style definitions will make any difference is:

- My settings default to their standard definitions (i.e. left justified instead of centered)

- My internally defined styles (ex. Indent, or "BigCenteredText" (at the bottom of the pages) is displayed as unformatted plain text.

Dominion's Son

@Crumbly Writer

1. The command doesn't show in your comment.

2. Are you certain that the command is not executing as opposed to failing?

3. Have you verified that the CSS file hasn't been corrupted by a physical disk error or something else.

I work in IT, but I do app development, not web development, so I can't think of anything else.

Replies:   Crumbly Writer
Crumbly Writer

@Dominion's Son

1. The command doesn't show in your comment.

Duh! I forgot, since Lazeez doesn't allow html tags, that angle quotes aren't allowed.

Try this one: link rel="stylesheet" href="http://www.crumblywriter.net/vbstyle.css"

I've replaced the file several times, including restoring an older version of the file from two years ago. The end result is the same, none of the Style defs are being applied.

I tried to examine the source code, but when you include CSS Style defs, the definition don't show up in the html source code (I believe they once used to). So I can't tell whether the include command is failing or the style commands are. However, the style commands in my epub files are still behaving normally, so I have to assume it's the "link stylesheet" command.

Replies:   Dominion's Son  tppm
Dominion's Son

@Crumbly Writer

If I try to put "http://www.crumblywriter.net/vbstyle.css" in the address bar of my browser I get a file not found error.

This page has a list of discussion forums for CSS: http://www.w3.org/Style/CSS/learning

Try asking there.

Replies:   Dominions Son
Ernest Bywater

@Crumbly Writer

www.crumblywriter.net


when I enter this URL it takes me to

http://crumblywriter.net/wp/

and the code for that page doesn't include a line with vbstyle.css anywhere on the page (well, not that I can find it). And the page does display OK.

Danged if I know what's up.

Dominions Son

@Dominion's Son

CW,

I went to your web site using the link posed by Ernest. I used Fire Fox to examine the code.

I don't see a style sheet link to "http://www.crumblywriter.net/vbstyle.css" or to any other style sheet directly at "www.crumblywriter.net"

Here is what I see.

link rel="stylesheet" type="text/css" media="all" href="http://crumblywriter.net/wp/wp-content/themes/twentyeleven/style.css"

link rel='stylesheet' id='goodrev-styles-css' href='http://crumblywriter.net/wp/wp-content/plugins/goodreviews/goodreviews.css?ver=4.0.8' type='text/css' media='all'

link rel='stylesheet' id='dashicons-css' href='http://crumblywriter.net/wp/wp-includes/css/dashicons.min.css?ver=4.0.8' type='text/css' media='all'

link rel='stylesheet' id='bbp-default-css' href='http://crumblywriter.net/wp/wp-content/plugins/bbpress/templates/default/css/bbpress.css?ver=2.5.7-5693' type='text/css' media='screen'

link rel='stylesheet' id='cptch_stylesheet-css' href='http://crumblywriter.net/wp/wp-content/plugins/captcha/css/style.css?ver=4.0.8' type='text/css' media='all'

link rel='stylesheet' id='contact-form-7-css' href='http://crumblywriter.net/wp/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.1.2' type='text/css' media='all'

link rel='stylesheet' id='icons-css' href='http://crumblywriter.net/wp/wp-content/plugins/download-manager/css/front.css?ver=4.0.8' type='text/css' media='all'

link rel='stylesheet' id='wpdm-bootstrap-css' href='http://crumblywriter.net/wp/wp-content/plugins/download-manager/bootstrap/css/bootstrap.css?ver=4.0.8' type='text/css' media='all'

link rel='stylesheet' id='font-awesome-css' href='http://crumblywriter.net/wp/wp-content/plugins/download-manager/font-awesome/css/font-awesome.min.css?ver=4.0.8' type='text/css' media='all'

link rel='stylesheet' id='wp-pagenavi-css' href='http://crumblywriter.net/wp/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all'

link rel='stylesheet' id='genericons-css' href='http://crumblywriter.net/wp/wp-content/plugins/jetpack/_inc/genericons/genericons/genericons.css?ver=3.1' type='text/css' media='all'

link rel='stylesheet' id='jetpack_css-css' href='http://crumblywriter.net/wp/wp-content/plugins/jetpack/css/jetpack.css?ver=3.3.3' type='text/css' media='all'

link rel='stylesheet' id='su-box-shortcodes-css' href='http://crumblywriter.net/wp/wp-content/plugins/shortcodes-ultimate/assets/css/box-shortcodes.css?ver=4.9.7' type='text/css' media='all'

If I put any of those into the address bar, it does find and display the css file.

I think you are working on editing the wrong css file.

Replies:   Crumbly Writer
Crumbly Writer

@Dominions Son

DS, WordPress uses different internal CSS files than I use for the files I post to my website. You can access my stories either via the website, or via an ftp link. That's why there are two different CSS files. (Though that reminds me, I need to update the WP CSS file, as I haven't in some time.)

It appears this has all been due to a file corruption issue. The file was there, but the file system couldn't read it and rejected it out of hand. Examining the text didn't reveal any discrepancies, but that didn't mean the files worked. I ended up copying the text from a newer version and resaved the file. It's working now.

Sigh! It's always the obvious solutions that you don't think of. I kept trying to copy the existing corrupted version over top of the old corrupted version.

It's working fine now. Thanks for the help, guys.

tppm

@Crumbly Writer

Duh! I forgot, since Lazeez doesn't allow html tags, that angle quotes aren't allowed.


Good for him.

Back to Top