demonlord 0 Report post Posted January 21, 2008 (edited) 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) Share this post Link to post Share on other sites
rvalkass 5 Report post Posted January 21, 2008 .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); } Share this post Link to post Share on other sites
jlhaslip 4 Report post Posted January 21, 2008 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. Share this post Link to post Share on other sites
demonlord 0 Report post Posted January 21, 2008 (edited) 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) Share this post Link to post Share on other sites