Advanced Search

Results 1 to 3 of 3

Thread: text format in opaque

  1. #1
    Join Date
    May 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default text format in opaque

    hi -
    please see my site: http://jrod.awardspace.com

    my problem is on the text box. I want the content to have white text, so i specified the color to be white and make it bold but its not working. here's the code:

    .contents
    {
    font:Arial, bold;
    color:white;

    background-color:transparent;
    position:absolute;
    left:50px;
    top:200px;
    height:250px;
    width:450px;
    z-index:2;
    /* z-index: 101;*/
    }

    .background
    {
    background-color:#778899;
    opacity: 0.5;
    filter:alpha(opacity=50); /* IE's opacity*/
    position: absolute;
    left:50px;
    top: 200px;
    width:40%;
    height:450px;
    /* z-index:1;*/
    /* z-index: 100;*/
    }

  2. #2
    Join Date
    May 2007
    Location
    Viet Nam
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    First, u named the class that "contents"

    but you use:

    Code:
    <div class="content">
    so it's wrong class name.

    and you should use this code instead:

    Code:
    .contents
    {
    font-family: Arial;
    font-weight: bold;
    color: #FFFFFF;
    background-color:transparent;
    position:absolute;
    left:50px;
    top:200px;
    height:250px;
    width:450px;
    z-index:2;
    /* z-index: 101;*/
    }

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

    Default

    font-family: Arial;
    Always specify a generic font family as a last resort:
    Code:
    font-family: Arial, sans-serif;
    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
  •