Help with CSS/HTML

[nEw_boY]

How to fix this thing ?


You can see the text is broken out of margin, I guess its something related to CSS, but can anyone tell me what exactly it is ?

Link to the page:
http://sectut.com/267/how-to-change-...e-and-quality/

nEw_boY Reviewed by nEw_boY on 3rd Dec 2011. Help with CSS/HTML How to fix this thing ? http://screensnapr.com/e/luriwl.png You can see the text is broken out of margin, I guess its something related to CSS, but can anyone tell me what exactly it is ? Link to the page: http://sectut.com/267/how-to-change-thumbnail-size-and-quality/ Rating: 5

[mRAza]

first why are you using pre tag everywhere in post?
u need to modify pre in your css, and that is most messed up CSS file I ever seen.

[nEw_boY]

It isnt my custom thing. Some shitty paid skin - nulled but I liked the layout.

Here is the CSS:
http://pastebin.com/Jq9neMXw

Should I switch to another theme ? Is there any way to fix this by the way ?

[pi0tr3k]

This is indeed a fucked up css.. I tried to fix it too, but seriously, I don't know how (tried widths, paddings etc)

[mRAza]

why are you giving that many pre tags in your post?

and to fix that change this

pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }

to

pre, code { font-family: arial; margin: 0px; padding:0; width: 250px; }

// change above setting as u like... actually u will just change font name and it should fix....

[nEw_boY]

Well, I`m used to post articles from text editor most of times, not HTML editor so pre tags arent being assigned by me.

About that fix, it isnt working.
http://sectut.com/247/make-a-autorun-file-for-ur-cd/

Yesterday I there was a plugin update that fucked up my permissions so images folder was blocked for outsiders, took me a while to actually identify it.
Can this be fixed ?

[Lock Down]

Take the width: 250px; out. Doesn't work on css pre. You can add a width in the pre html but only for characters not px or cm .

Add this instead:

white-space: -moz-pre-wrap;/* Mozilla, supported since 1999 */
white-space: -pre-wrap;/* Opera */
white-space: -o-pre-wrap;/* Opera */
white-space: pre-wrap;/* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word;/* IE 5.5+ */

[AlternativeWeb]

Or you can simply replace <pre> </pre> tags with <p> </p>