Welcome Guest ( Log In | Register)



 
 Reply to this topicStart new topic
> Problem With Css Code
demonlord
post Jan 21 2008, 01:56 AM
Post #1


Member [Level 3]
******

Group: [HOSTED]
Posts: 92
Joined: 1-January 08
Member No.: 55,554
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:
[img=http://images.darkzone3.info/files/cn6c28kwo9ak8yilkh3a_thumb.png]

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

[img=http://images.darkzone3.info/files/shcau5ab9quesunfi6w2_thumb.png]

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

here is the css code:
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(http://www.invisionplus.net/pssfiles/css_img_quote2.gif);
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(http://www.invisionplus.net/pssfiles/css_img_code2.gif);
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://demo.darkzone3.info

Thanks

This post has been edited by demonlord: Jan 21 2008, 01:58 AM

(list)

Go to the top of the page
 
+Quote Post
rvalkass
post Jan 21 2008, 07:04 AM
Post #2


apt-get moo
Group Icon

Group: [MODERATOR]
Posts: 2,153
Joined: 28-May 05
From: Devon, England
Member No.: 7,593
Spam Patrol
CODE
.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:

CODE
.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:

CODE
.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); }

(list)

Go to the top of the page
 
+Quote Post
jlhaslip
post Jan 21 2008, 02:05 PM
Post #3


A computer once beat me at chess, but it was no match for me at kick boxing.
Group Icon

Group: [MODERATOR]
Posts: 4,083
Joined: 24-July 05
From: Linix, DOS and Windows…the good, the bad and the ugly
Member No.: 9,787
Spam Patrol
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.

(list)

Go to the top of the page
 
+Quote Post
demonlord
post Jan 21 2008, 03:47 PM
Post #4


Member [Level 3]
******

Group: [HOSTED]
Posts: 92
Joined: 1-January 08
Member No.: 55,554
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.

This post has been edited by demonlord: Jan 21 2008, 03:50 PM

(list)

Go to the top of the page
 
+Quote Post
« Next Oldest · CSS (Cascading Style Sheets) · Next Newest »
 

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics


 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 13th October 2008 - 12:09 PM
Powered By IP.Board © 2008  IPS, Inc.
Licensed to: Xisto Corporation