Oddity with Live CSS

BobC · 06-14-2014, 01:02 PM

Has anyone else noticed this problem with the Live CSS.

If you have text, say <p> where neither <p> nor the body has associated css styling then if you select it Live CSS correctly shows that there is no associated css style to display ("No Style Information Found"). So far so good.

If you then select say some <h2> text which does have styling again the correct style is shown.

However if you then go back to the <p> text it continues to display the styling for the <h2> text, and any attempt to examine the <p> text shows incorrect style information.

BobC

kovidgoyal · 06-15-2014, 12:10 AM

This is by design. When you move to a tag that does not have style information, the style information from the last styled tag remains. This allows you to, for example, edit the text inside a <style> tag while still looking at the style information from the tag of interest.

The Live CSS panel shows the tag name and line number of the tag it is displaying so it should be easy to determine when you are over a tag with no style information.

BobC · 06-15-2014, 05:42 AM

Quote:

Originally Posted by kovidgoyal

This is by design.
<snip>

The Live CSS panel shows the tag name and line number of the tag it is displaying so it should be easy to determine when you are over a tag with no style information.

@kovid, thanks for the explanation, actually in practice the problem is rare as most books have some styling at <body> level. The point about Live CSS displaying the tag and line number is only true where the tag name is short as I find the line number is usually lost to the right of the window and there is no capability to scroll the Live CSS window horizontally. To get the full info I need to make the Live CSS window full screen to check I am on the right line.

At least now that I'm aware of the issue I need to be more meticulous in making sure that Live CSS is showing what I think it is showing on those books with no styling at <body> level.

Any chance of being able to horizontally scroll the Live CSS window ?

BobC

kovidgoyal · 06-15-2014, 06:22 AM

No, I'm afraid not, you really should invest in a larger monitor if you cannot make the Live CSS panel a few pixels wider.

06-14-2014, 01:02 PM	#1
BobC Guru Posts: 691 Karma: 3026110 Join Date: Dec 2008 Location: Lancashire, U.K. Device: BeBook 1, BeBook Pure, Kobo Glo, (and HD),Energy Sistem EReader Pro +	Oddity with Live CSS Has anyone else noticed this problem with the Live CSS. If you have text, say <p> where neither <p> nor the body has associated css styling then if you select it Live CSS correctly shows that there is no associated css style to display ("No Style Information Found"). So far so good. If you then select say some <h2> text which does have styling again the correct style is shown. However if you then go back to the <p> text it continues to display the styling for the <h2> text, and any attempt to examine the <p> text shows incorrect style information. BobC

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Live CSS panel clickable links	Section8	Editor	4	06-07-2014 09:55 AM
Live CSS questions	DrChiper	Editor	23	05-26-2014 10:33 AM
Conversion oddity	JimLL	Conversion	2	04-15-2012 04:31 PM
An oddity ... ?	carpetmojo	Reading Recommendations	10	04-07-2012 08:10 PM
Oddity	Gunnerp245	Calibre	8	11-14-2010 11:25 AM

06-15-2014, 12:10 AM	#2
kovidgoyal creator of calibre Posts: 43,903 Karma: 22666668 Join Date: Oct 2006 Location: Mumbai, India Device: Various	This is by design. When you move to a tag that does not have style information, the style information from the last styled tag remains. This allows you to, for example, edit the text inside a <style> tag while still looking at the style information from the tag of interest. The Live CSS panel shows the tag name and line number of the tag it is displaying so it should be easy to determine when you are over a tag with no style information.

06-15-2014, 06:22 AM	#4
kovidgoyal creator of calibre Posts: 43,903 Karma: 22666668 Join Date: Oct 2006 Location: Mumbai, India Device: Various	No, I'm afraid not, you really should invest in a larger monitor if you cannot make the Live CSS panel a few pixels wider.

Advert