Home → Problems →

Multiline Code Block Formatting

• Edit

tj

21 Dec, 2009 07:50 PM

Hello,

When I do multi line code blocks with long lines of code the formatting in the rendered page is messed up, as you can see here:

/*make horizontal menu load on top*/
.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6,     .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10 .container_12 .grid_11 {z-index: 1001;}
.container_12 .grid_12 {z-index: 1000;}
/*format toolbar to allow joomla menu*/
div.toolbar ul li{display: inline; list-style: none;}
div.toolbar a:hover {text-decoration: underline;}

(for some reason it's not quite as bad in this instance as it was in a ticket I replied to a customer with the same code.. it seems that the commas are getting alot of white-space added after when rendered)

How to fix?

Thanks!

1. 1 Posted by rick on 21 Dec, 2009 07:52 PM

   

   Try using the @@@ code to surround the code:

     @@@
     /*make horizontal menu load on top*/
     .container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6,     .container_12 .grid_7,   .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10 .container_12 .grid_11 {z-index: 1001;}
     .container_12 .grid_12 {z-index: 1000;}
   
     /*format toolbar to allow joomla menu*/
     div.toolbar ul li{display: inline; list-style: none;}
     div.toolbar a:hover {text-decoration: underline;}
     @@@
   

   • Edit

2. 2 Posted by tj on 21 Dec, 2009 07:56 PM

   

   Ahh.. will do!

   Thanks!

   TJ Baker
   Team Joomlashack
   www.joomlashack.com

   • Edit

3. 3 Posted by rick on 21 Dec, 2009 07:57 PM

   

   That's some custom syntax we added on top of Markdown so we can
   eventually get code highlighting. You can specify something like this
   to get css highlighting, for example:

   @@@ css

     blah blah

   @@@

   We don't have syntax highlighting yet, but the generated html has a
   css class for whatever you put after the '@@@'.

   • Edit

4. 4 Posted by tj on 21 Dec, 2009 07:59 PM

   

   Sweet .. thanks for the tip, and for being so fast about it too! :)

   cheers,

   TJ Baker
   Team Joomlashack
   www.joomlashack.com

   • Edit

5. rick closed this discussion on 21 Dec, 2009 08:00 PM.