Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

I'm using Google Sites to host the wiki-like website.

I noticed that code blocks have text wrapped in them. Instead, I would like to have the code non-wrapped and with horizontal scrollbar when needed. Has anyone accomplished this?

I would like to do this without Html-markup editing of each post that contains a code block.

share|improve this question

closed as off topic by Kris, bybe, John Conde Mar 13 '13 at 23:33

Questions on Webmasters Stack Exchange are expected to relate to webmastering within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

1 Answer 1

You can accompish this by editing the CSS styling of the block quote so there's no need to remove the quote block as this would be bad for SEO purposes.

Typical Example of a Scroll-bar within Block Quote:

blockquote { 
    width:600px; 
    max-height:150px;
    overflow-y:scroll;
}

I made a online demo so you can take a look of it in action, here is the fiddle link.

If you still want to proceed without doing blockquote then you can use a div element such as: <div class="quote"> </div> and just copy the styling options from the blockquote

To edit this in Google sites you use Insert Custom, HTML, JavaScript, CSS.

share|improve this answer
    
Where (in the Google Sites control panel) can I write this style block? –  Tengiz Mar 13 '13 at 20:41
    
Updated answer with a link to the required information,. –  bybe Mar 13 '13 at 20:43
    
This will require modifying all the pages one-by-one. As stated in my question, I would like to avoid this approach. Instead, I want to write this block once (question is - where?) and have it applied to all the pages. Thanks though! –  Tengiz Mar 13 '13 at 20:56
1  
Google sites has limitations and most styling has to be on the page, if you want the flexibility of a real host and web design.. get a real host and use a open source wiki or equal with this flexibility. The method I provided means you don't need to individual edit each styling of each blockquote. –  bybe Mar 13 '13 at 21:08
    
But I need to do it once on each page right? this is definitely useful, but not exactly an answer. +1 –  Tengiz Mar 13 '13 at 22:34

Not the answer you're looking for? Browse other questions tagged or ask your own question.