Problem With Css Code

[demonlord 0]

Hello,

I have a css file that i made for the my forum as a skin and for some reason in Opera browser it dose not work right. what it does is it dose not bring in one of the images. and i just installed mkportal and made it to where the forum shows in the portal and now it dose not work that way either.

 

Here is a picture of what it does in Opera:

 

and here is what is show in Internet Explore and what it is suppot to look like:

 

 

the id for the title bar in the css file is "maintitle"

 

here is the css code:

html { overflow-x: auto; }BODY { background-color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;margin: 0px;padding: 10px;text-align: center;color: #CBCFD5; }TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: #CBCFD5; }#ipbwrapper{				margin: 0px auto 0px auto;				text-align: left;			}a:link, a:visited, a:active { text-decoration: underline;color: #CBCFD5; }a:hover { text-decoration: none;color: #A2A8B2; }fieldset.search { padding: 6px;line-height: 150%; }label { cursor: pointer; }form { display: inline; }img { vertical-align: middle;border: 0px; }img.attach { padding: 2px;border: 2px outset #EEF2F7; }.googleroot { padding: 6px;line-height: 130%; }.googlechild { padding: 6px;margin-left: 30px;line-height: 130%; }.googleparent { padding: 6px;margin-left: 30px;line-height: 130%;color: #47605; }.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px;color: #3A4F6C; }.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #00D; }.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #434951; }li.helprow { padding: 0px;margin: 0px 0px 10px 0px; }ul#help { padding: 0px 0px 0px 15px; }option.cat { font-weight: bold; }option.sub { font-weight: bold;color: #555; }.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;border-top: 1px solid #4E535E;border-bottom: 1px solid #4E535E;color: #EEEEEE;background-color: #656C77; }.warngood { color: green; }.warnbad { color: red; }#padandcenter { margin-left: auto;margin-right: auto;text-align: center;padding: 14px 0px 14px 0px; }#profilename { font-size: 28px;font-weight: bold; }#calendarname { font-size: 22px;font-weight: bold; }#photowrap { padding: 6px; }#phototitle { font-size: 24px;border-bottom: 1px solid black; }#photoimg { text-align: center;margin-top: 15px; }#ucpmenu { line-height: 150%;width: 22%;background-color: #363A40;border: 1px solid #000; }#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }#ucpcontent { line-height: 150%;width: auto;background-color: #363A40;border: 1px solid #000; }#ucpcontent p { padding: 10px;margin: 0px; }#ipsbanner { position: absolute;top: 1px;right: 5%; }#logostrip { padding: 0px;margin: 0px;height: 70px;background-color: #868B96;border: 1px solid #000;background-image: url(style_images/BackInBlack/logostrip.gif); }#submenu { font-size: 11px;margin: 3px 0px 3px 0px;font-weight: bold;color: #EEEEEE;background-color: #555B65;border: 1px solid #000;background-image: url(http://); }#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight: bold;font-size: 11px;text-decoration: none;color: #EEEEEE; }#userlinks { background-color: #555B65;border: 1px solid #000; }.newslink { background: #555B65;border: 1px solid #000; }.newslink td { font-size: 10px;padding: 5px 5px 1px 10px;color: #BEC2C9; }#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }.activeuserstrip { padding: 6px;background-color: #555B65; }.pformstrip { border-top: 1px solid #444852;border-bottom: 1px solid #444852;font-weight: bold;padding: 4px;margin-top: 1px;color: #CBCFD5;background-color: #4E535E; }.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #3C4048;border-right: 1px solid #3C4048;background-color: #363A40; }.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #3C4048;border-right: 1px solid #3C4048;background-color: #363A40; }.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #3C4048;background-color: #363A40; }.post1 { border-top: 1px solid #464B54;border-bottom: 1px solid #464B54;background-color: #2E3238; }.post2 { border-top: 1px solid #464B54;border-bottom: 1px solid #464B54;background-color: #30353C; }.postlinksbar { border-top: 1px solid #464B54;border-bottom: 1px solid #464B54;padding: 4px;margin-top: 1px;font-size: 10px;background-color: #4E535E; }.row1 { background-color: #363A40; }.row2 { color: #CBCFD5;background-color: #363A40; }.row3 { background-color: #363A40; }.row4 { color: #CBCFD5;background-color: #363A40; }.darkrow1 { color: #EEEEEE;background-color: #626A76; }.darkrow2 { border-top: 1px solid #4E535E;border-bottom: 1px solid #4E535E;font-weight: bold;padding: 0px;margin: 0px;color: #EEEEEE;background-color: #555B65; }.darkrow3 { color: #EEEEEE;background-color: #646D78; }.darkrow4 { color: #EEEEEE;background-color: #000; }.hlight { background-color: #363A40; }.dlight { background-color: #363A40; }.titlemedium { font-weight: bold;padding: 3px;margin: 0px;border-top: 1px solid #464B54;border-bottom: 1px solid #464B54;color: #EEEEEE;background-color: #4E535E; }.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { text-decoration: underline;color: #CBCFD5; }.maintitle { vertical-align: middle;font-weight: bold;padding: 8px 0px 8px 5px;color: #EEEEEE;background-color: #868B96;background-image: url(style_images/Dark Zone Standard Buttons/tile_back.gif); }.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none;color: #EEEEEE; }.maintitle a:hover { text-decoration: underline; }.plainborder { background-color: #000;border: 1px solid #000; }.tableborder { padding: 0px;margin: 0px;width: 100%;background-color: #535B65;border: 1px solid #000; }.tablefill { padding: 6px;background-color: #363A40;border: 1px solid #000; }.tablepad { padding: 6px;border-top: 1px solid #555B65;border-bottom: 1px solid #555B65;background-color: #363A40; }.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }.wrapmini { float: left;line-height: 1.5em;width: 25%; }.pagelinks { float: left;line-height: 1.2em;width: 35%; }.desc { font-size: 10px;color: #CBCFD5; }.edit { font-size: 9px; }.signature { font-size: 10px;color: #CBCFD5; }.postdetails { font-size: 10px; }.postcolor { font-size: 12px;line-height: 160%; }.normalname { font-size: 12px;font-weight: bold;color: #003; }.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }.unreg { font-size: 11px;font-weight: bold;color: #900; }.searchlite { font-weight: bold;color: #F00;background-color: #FF0; }#QUOTEtitle{font-size: 1em;color: #465584;font-family: Verdana, Arial;}#QUOTE{background-image: url(invisionplus.net/pssfiles/css_img_quote2.gif&%2341;;background-position: 100% 0%;background-repeat: no-repeat;border-right: #D3DBE3 1px solid;border-top: #D3DBE3 1px solid;margin-top: 8px;font-size: 1em;margin-bottom: 8px;border-left: #D3DBE3 5px solid;color: #000000;border-bottom: #D3DBE3 1px solid;font-family: Verdana, Arial;background-color: #fafcfe;}#CODEtitle{font-size: 1em;color: #5B5337;font-family: Verdana, Arial;}#CODE{background-image: url(invisionplus.net/pssfiles/css_img_code2.gif&%2341;;background-position: 100% 0%;background-repeat: no-repeat;border-right: #E5E1D1 1px solid;border-top: #E5E1D1 1px solid;margin-top: 8px;font-size: 1em;margin-bottom: 8px;border-left: #E5E1D1 5px solid;color: #000000;border-bottom: #E5E1D1 1px solid;font-family: Courier, Courier New, Verdana, Arial;background-color: #FDFAF5;}.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }.copyright2 { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;border-top: 1px solid #444852;border-bottom: 1px solid #444852;padding: 5px;margin-top: 1px;color: #CBCFD5;background-color: #4E535E; }.codebuttons { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }.forminput, .textinput { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;background-color: #8A929E; }.radiobutton, .checkbox { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #282B30;border-bottom: 1px solid #282B30; }.purple { font-weight: bold;color: purple; }.red { font-weight: bold;color: red; }.green { font-weight: bold;color: green; }.blue { font-weight: bold;color: blue; }.orange { font-weight: bold;color: #F90; }

the site that i'm using this on is http://forums.xisto.com/no_longer_exists/

 

Thanks

Edited January 21, 2008 by demonlord (see edit history)

[rvalkass 5]

.maintitle { vertical-align: middle;font-weight: bold;padding: 8px 0px 8px 5px;color: #EEEEEE;background-color: #868B96;background-image: url(style_images/Dark Zone Standard Buttons/tile_back.gif); }

I believe you need single quotes around the URL, otherwise the spaces break the URL:

.maintitle { vertical-align: middle;font-weight: bold;padding: 8px 0px 8px 5px;color: #EEEEEE;background-color: #868B96;background-image: url('style_images/Dark Zone Standard Buttons/tile_back.gif'); }

If that doesn't work then try replacing the spaces with their code equivalent:

.maintitle { vertical-align: middle;font-weight: bold;padding: 8px 0px 8px 5px;color: #EEEEEE;background-color: #868B96;background-image: url(style_images/Dark%20Zone%20Standard%20Buttons/tile_back.gif); }

[jlhaslip 4]

I visited your site using Opera and the images worked fine.Check that you have the Browser set to allow images in your Preferences.Tools > Preferences > Web Pages > Allow Images.

[demonlord 0]

yes fixed by doing what rvalkass said by add the code "%20" in spot of the space. i just forgot to come back here and post. thanks for all the help.

Edited January 21, 2008 by demonlord (see edit history)