Code Blocks - Horizontal Rules

Derek Stone

Exalted One
Joined
Nov 17, 2002
Messages
1,878
Location
Rhode Island
User Rank
*Expert*
The horizontal rules in the code blocks ([vb], [cs], [code]) arent displaying correctly in browsers other than Internet Explorer. Not suprisingly this is due to attribute assumptions that IE makes on a regular basis...

Regardless, changing the the <hr>s to the following will fix the problem:

Code:
<hr style="width: 100%;" />

Thank you.
 
Well, Im using Opera, and there is still more space on the left than
on the right. :-\ Not a problem (I didnt even notice it until I read this
thread), but it looks the same as it did before. Ah well.
 
My apologies for not getting back to you about this issue earlier.

The code blocks are still largely flawed. That doesnt surprise me much, since we are using vBulletin. ;)

They should read similar to the following:

Code:
<blockquote>
	<font face="verdana,arial,helvetica" size="1" >code:</font>
	<hr style="width: 100%;" />
	<pre><!-- User input here -->
<hr style="width: 100%;" />
</blockquote>[/code]

That displays correctly on IE, Mozilla (all Gecko based browsers for that matter) and Opera. As it stands now the bbcode is displaying the horizontal rules and "code:" as preformatted text, which just doesnt make any sense.
 
I dont know about anyone else, but those VB code tags look
awfully tiny on this theme (Lite). The regular code and quote tags
are okay, but the rest are too small... smaller than before, at
least.
 
Yeah the PHP, VB and CS blocks (all the ones with the darker background) have very small text.
 
Yeah, the size needs to be bumped up to 2. I just rearranged the order of the tags to make the block valid. I didnt adjust the font, although that was one of the errors present beforehand. Also, the [code] tags dont reflect the changes made to the others.

Thanks Keith, changes are appreciated. :)
 
There is very little I can do about the PHP tags, but all else should
be ok now (except for a strange effect I now see when I scroll
anything in these tags into view).
 
Yeah, I get that effect too. The text doesnt seem to want to draw properly.
 
I have that problem too, but only on IE6. From my Linux machine it looks fine in Mozilla.
 
Back
Top