On Fri, 15 Aug 2014, Brenda J. Butler wrote:
> Sorry about the slow reply ... but anyway:
>
> I don't know about drupal, but this is more of a CSS question.
> Hopefully you can just apply some CSS and fix the problem no matter
> what the web framework is. You can give the element that contains the
> too-long content this css:
>
> overflow: hidden
>
>
> In your case, you have a file called blue-style.css, with the following
> definition:
>
> pre, .code {
> border-left: 5px solid #4d6d8d;
> font-size: .8em;
> background: #fff;
> width: 470px;
> max-width: 470px;
> }
>
>
> Add in the above directive:
>
> pre, .code {
> border-left: 5px solid #4d6d8d;
> font-size: .8em;
> background: #fff;
> width: 470px;
> max-width: 470px;
> overflow: hidden;
> }
>
>
> and the overflow will be, well, hidden.
>
> This isn't so bad because if you highlight the contents of
> the box, you can paste it (hidden contents as well) into
> an editor and see it.
>
>
> To find this, I opened the Inspect Element item on the right-click
> menu in iceweasel (a firefox clone), and then used the "find element"
> tool (looks like a box with an arrow pointing into it: click on it,
> then click on the element on the page you want to know about) to find
> the html associated with some text running off to the right. Then
> looked at the style for that element in the other pane of the web
> developer tools. Firefox told me that that style came from the
> blue-style.css file.
>
> There you go. Have fun with that. You can type into the style pane
> to try stuff out. I even added a css property (click just after the
> close-curly to open a space for a new property) to the pre, .code
> section and it displayed the results as soon as I finalized the
> name and value (tab does the trick). This won't save to the file,
> you have to edit the file once you know what changes you want.
>
> bjb
ok, i'll check this out once i'm back in town, thanks.
rday
--
========================================================================
Robert P. J. Day Ottawa, Ontario, CANADA
http://crashcourse.ca
Twitter: http://twitter.com/rpjday
LinkedIn: http://ca.linkedin.com/in/rpjday
========================================================================