javascript - SyntaxHighlighter margin bug with bootstrap? -


i have code.

<pre class="brush: xml">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt; &lt;test xmlns:xsi=&quot;http://www.w3.org/2001/xmlschema-instance&quot; xmlns:xsd=&quot;http://www.w3.org/2001/xmlschema&quot;&gt;     &lt;abc&gt;       &lt;a&gt;b&lt;/a&gt;     &lt;/abc&gt; &lt;/test&gt;</pre> 

and javascript.

<script type="text/javascript">syntaxhighlighter.all();</script> 

before loaded:

  • xregexp.js
  • shcore.js
  • shbrushxml.js

and css:

  • shcorerdark.css
  • shthemerdark.css

but looks like: bug example

the problem first line between line 1 , 2. margin issnt correct or else!? dont know. firebug cant find problem :(

and way... possible disable/hide "?" button on top right corner?

fiddle example (bad parsing!?): http://jsfiddle.net/zrm2g/

i believe issue has syntaxhighlighter using class="container" has name collision bootstrap.

in particular, bootstrap.css adds following, putting margin in before our displayable content:

.container:before, .container:after {     display: table;     content: "";     line-height: 0; } 

i resolved overriding css in sites main css file when container class used within syntaxhighlighter table:

.syntaxhighlighter table .container:before {     display: none !important; } 

Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -