The "download code" block seems to be so far from the code itself because there is the additional newline within the code-PRE block. I've restyled the download link and PRE tags page to be like the following:
pre { display: inline; }
tt.code { display: block; background: #EEE; }
div.embed_code_dl {
text-align: right;
display: block;
padding: 0px;
margin: 0px;
background: #EEE;
}
This integrates the download links nicely with the code blocks, at least on the one node I've tried so far. I'm not sure how this works with inline code blocks like this one though. I should maybe add a class (or rather, three) to the PRE tags, one for code blocks in general and one for inline and one for non-inline code blocks. But some browsers have difficulties with multi-classed elements, don't they?
Update: After some trials, it seems that inline code blocks are unaffected, so this is all nice.
-
Are you posting in the right place? Check out Where do I post X? to know for sure.
-
Posts may use any of the Perl Monks Approved HTML tags. Currently these include the following:
<code> <a> <b> <big>
<blockquote> <br /> <dd>
<dl> <dt> <em> <font>
<h1> <h2> <h3> <h4>
<h5> <h6> <hr /> <i>
<li> <nbsp> <ol> <p>
<small> <strike> <strong>
<sub> <sup> <table>
<td> <th> <tr> <tt>
<u> <ul>
-
Snippets of code should be wrapped in
<code> tags not
<pre> tags. In fact, <pre>
tags should generally be avoided. If they must
be used, extreme care should be
taken to ensure that their contents do not
have long lines (<70 chars), in order to prevent
horizontal scrolling (and possible janitor
intervention).
-
Want more info? How to link
or How to display code and escape characters
are good places to start.
|