Help with CSS/HTML

[nEw_boY]

How to fix this thing ?

[SLIDE]http://screensnapr.com/e/luriwl.png[/SLIDE]
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/

 

[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:

[COLOR=#00008B]white-space[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] -moz-pre-wrap[/COLOR][COLOR=#000000];[/COLOR][COLOR=gray]/* Mozilla, supported since 1999 */[/COLOR][COLOR=#000000]
w[/COLOR][COLOR=#00008B]hite-space[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] -pre-wrap[/COLOR][COLOR=#000000];[/COLOR][COLOR=gray]/* Opera */[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#00008B]white-space[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] -o-pre-wrap[/COLOR][COLOR=#000000];[/COLOR][COLOR=gray]/* Opera */[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#00008B]white-space[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] pre-wrap[/COLOR][COLOR=#000000];[/COLOR][COLOR=gray]/* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#00008B]word-wrap[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] break-word[/COLOR][COLOR=#000000];[/COLOR][COLOR=gray]/* IE 5.5+ */
[/COLOR]

 

[AlternativeWeb]

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