How much of this CSS dosen't need to be here and how do I correct it.

[Freeman]

<style type="text/css">
body {
cursor: Default;
{
background: url('http://www.enzedblue.com/Fractals/Images/BlackAndWhite7.jpg') no-repeat fixed left;
}
background-color:FFFFFF;
}
table, tr, td {background:transparent; border:0px;}
table table table {
border-width:0px;
border-color:FFFFFF;
border-style:solid;
}
table table table table {border:0px;}

input {background-color:transparent !important;}

td, span, div, input, a, table td div div font,
body div table tbody tr td font {
color:000000 !important; font-family: "Verdana" !important; }
td, span, div, input, table td div div font,
body div table tbody tr td font {
color:000000 !important; }
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited, .btext, .redbtext, .nametext {
color:000000 !important; }
a {
cursor: Default !important; color:000000 !important; }
a:hover {
cursor: Default ; color:CCCCFF !important; }
img {border:0px;}


.r{}
Table, Td{
background-color:transparent;
}

table table table{
width:100%;
background-color:FFFFFF;
}
.contactTable { width:300px; height:150px; padding:0px; background-image:url('http://www.jctimagehosting.com/tfmsc2/C1154415881.gif'); background-repeat:no-repeat; border:0px;} .contactTable table, table.contactTable td { padding:0px; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:0px;} .contactTable .text, .contactTable a, .contactTable img {filter:none;} .tfms {position:absolute; left:50%; top:151px; display:block; width:10em; height:10em; margin:0 -5em; font-size: 2em; text-align:center; }


</style>

I would like to have the background image actually display. Right now all it does is not display. I can't figure out how to make it come up with the picture that I want it to. Also, is there a way that I can reduce the script that is here. It seems like there is alot more then I should need for it to work.

[ddadmin]

It depends on what you're trying to accomplish as far as styling. But please try and be more specific- just dumping your entire CSS and expecting others to figure out what's going on is expecting too much. You'll also want to format your code using the CODE tag to make it more legible.

[Freeman]

Sorry about that admin. I explained what I wanted to accomplish which should help me out. Also I don't know about this CODE button you speak of. I haven't used it so my appoligies on that as well. Thanks for keepin things going smoothly, Freeman

[blm126]

body {
cursor: Default;
{
background: url('http://www.enzedblue.com/Fractals/Images/BlackAndWhite7.jpg') no-repeat fixed left;
}
background-color:FFFFFF;
}

Is invalid and should be


body {
background: #FFFFFF url('http://www.enzedblue.com/Fractals/Images/BlackAndWhite7.jpg') no-repeat fixed left;
}

[mwinter]

I explained what I wanted to accomplish which should help me out.

Unless the intended effects can be observed, there's no guarantee that alternative suggestions (beyond syntax corrections) will be appropriate. Post a link to an example that includes markup to which the CSS is supposed to apply.



Also I don't know about this CODE button you speak of.

If you use the standard editor to write your posts, you should see a list of buttons along the top of the post window. One of those includes a CODE button (I can't tell you which as I use the basic editor). Alternatively, just type [code&#93; ... [/code&#93; around the code.

Mike

[Twey]

Ooh, I like that fractal. Very op art. :)


<style type="text/css">
body {
cursor: default;
background: #fff url(http://www.enzedblue.com/Fractals/Images/BlackAndWhite7.jpg) no-repeat fixed left;
color: black; /* this is just a guess */
}

table, tr, td, img {
background-color: transparent;
border: 0 none;
}

input {
background-color: transparent;
}

/*
* Note: I have removed all references to FONT elements.
* FONT elements should not be used, especially in conjunction
* with CSS. You may wish to replace them with spans.
*/

td, span, div, input, a {
color: #000;
font-family: serif;
}

a:link, a:hover {
cursor: default;
color: #000;
}

a:hover {
color: #ccf;
}

table table table { /* Two too many nested tables. Fix markup. */
width: 100%;
background-color: #fff;
}

.contactTable { /* Sounds to me like layout tables. Fix markup. */
width: 300px;
height:150px;
padding:0;
background: transparent url(http://www.jctimagehosting.com/tfmsc2/C1154415881.gif) no-repeat;
}

.contactTable table, table.contactTable td {
padding: 0;
border: 0;
background: transparent none;
}

.contactTable a img {
/* Huh? What's this for? */
visibility: hidden;
}

.contactTable a {
/* Mixing relative and absolute units is a very bad idea. */
display: block;
height: 28px;
width: 115px;
}

.contactTable .text {
/* Huh? What's this for? */
font-size: 0;
}

.tfms {
position: absolute;
left: 50%;
top: 151px;
display: block;
width: 10em;
height: 10em;
margin: 0 -5em;
font-size: 2em;
text-align: center;
}
</style>It should be noted that I have no idea if this is the effect you want or not, or even if it will work with your markup. It is a rough guess only. I have also made notes pointing out indications of bad markup. As has been pointed out above, we really need to see both the current markup and the desired end result to do the job properly.