inspector picks up classes from linked style sheet?

madhg · Post by **madhg** » Fri Aug 18, 2006 2:48 pm

My html page has <link> in the header. The .html and .css files are both open in HTMPad.

I type "<span class =" . Inspector is open but it does not pick up the classes from the linked style sheet. Should it do this? It would be extremely helpful if it did.

Post by **chrisjlocke** » Fri Aug 18, 2006 2:58 pm

It does, but just not as you'd initially expect.
See this topic in the 'Feature requests' section.

http://forums.blumentals.net/viewtopic.php?t=1349

madhg · Post by **madhg** » Fri Aug 18, 2006 3:20 pm

Thanks for the tip. But it doesn't seem to work for me. Your demo says "Webbuilder". Does it work also for HTMLPad?

Post by **chrisjlocke** » Fri Aug 18, 2006 3:20 pm

Should do - it should be the same 'engine'. I'll download the demo and have a look...

Post by **chrisjlocke** » Fri Aug 18, 2006 4:33 pm

OK, just tried this, and it works in the same way as WeBuilder

I didn't appreciate how similar HTMLPad and WeBuilder were - both can do php scripts, css, etc. There must be some differences!

Anyway. I don't know why its not working for you. The html and css are properly linked, aren't they?

So the Inspector window remains blank? Is this with the .html and .css files both saved?

madhg · Post by **madhg** » Fri Aug 18, 2006 5:38 pm

Yes, files are saved, and .css file is linked as you can see from the screenshot.

There are no classes in the drop-down box. Maybe you can see some stupid mistake I made?

Post by **chrisjlocke** » Fri Aug 18, 2006 5:44 pm

If you type a class manually, does it actually work, ie, the css is working?
Can't see anything obvious why its not working. The css and html are in the same directory, I presume?

madhg · Post by **madhg** » Fri Aug 18, 2006 6:18 pm

This is a page that has existed for years, I revise it regularly and the internal preview of HTMLPad has the .css formatting. I guess that that, together with the link visible in the screenshot, shows that bsaa.css is in the same directory.

Putting the class names in manually does work, that's what I'm doing at present. It's not a big deal, since I don't do a great deal of this stuff. Still, it's a useful feature if it works.

By the way, if I put the cursor anywhere in the <span> tag, the class name appears in the inspector. But none of the other class-names.

Post by **chrisjlocke** » Fri Aug 18, 2006 6:34 pm

Any chance you could zip and mail me the html and css? If so, drop them to me at tmp18 @ chrisjlocke . co . uk (obviously without the spaces!)

Also, what version of htmlpad are you using? (I see its 2006, but is it the latest version?)

madhg · Post by **madhg** » Sat Aug 19, 2006 1:08 pm

Version 7.2.0.68. It tells me it's the latest.

Post by **chrisjlocke** » Sun Aug 20, 2006 1:49 am

I did notice it in your screenshot, but forgot to test it.
Would you believe its the 'Rel="StyleSheet"' line. Make the 'StyleSheet' lowercase, and it will work.

Yup, its a bug...

madhg · Post by **madhg** » Sun Aug 20, 2006 5:14 pm

Aha! Your workaround does the trick! Though it is really clunky, having to insert quotes (which aren't necessary, are they?) carry on and then go back. I hope this will get smoothed out.

Anyway, many thanks for finding the problem and providing a working solution,
David

Post by **chrisjlocke** » Sun Aug 20, 2006 11:38 pm

No problem. Glad it works now!
I tend to let the application add the style link line for me. From the 'Insert' menu, click 'Style sheet link'. Enter the css file (this can just be the filename, or relative link, eg, 'css/styles.css') and the app will add the link for you.

Post by **Karlis** » Mon Aug 21, 2006 12:45 pm

Inspector should display classes, while for auto complete drop down this is not yet implemented, but will come.

Post by **chrisjlocke** » Mon Aug 21, 2006 12:58 pm

The inspector only displays classes if the 'stylesheet' bit in the link is lowercase though - if mixed case (as per above screenshot) then the inspector gets upset and doesn't play ball.