Results 1 to 6 of 6

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

  1. #1
    Join Date
    Aug 2005
    Posts
    200
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

    <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.
    Last edited by Freeman; 08-10-2006 at 05:57 AM.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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.

  3. #3
    Join Date
    Aug 2005
    Posts
    200
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  4. #4
    Join Date
    Sep 2005
    Posts
    882
    Thanks
    0
    Thanked 3 Times in 3 Posts

    Default

    Code:
    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
    Code:
    body {
    background: #FFFFFF url('http://www.enzedblue.com/Fractals/Images/BlackAndWhite7.jpg') no-repeat fixed left;
    }

  5. #5
    Join Date
    Dec 2004
    Location
    UK
    Posts
    2,358
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Freeman
    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

  6. #6
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Ooh, I like that fractal. Very op art.

    Code:
    <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.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •