SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Zealot pozmu's Avatar
    Join Date
    Jul 2001
    Location
    Poland/ Warsaw
    Posts
    111
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    small problems with ie filters

    I'm trying to use ie filters on the text, eg. :
    <SPAN ID="glow" STYLE="position:absolute;filter:glow(color=#ff0000,strength=5)">TEXT</span>
    But there is a problem with the text that is after </span> - it is displaying under the glowing text! Of course, I can add <br> - then is ok, but I want to be able to write next to the glowing text. The trick with defining filter width (eg. "width:100") is also bad - I want to use this effect on dynamically generated pages... please, help....

  2. #2
    .net install meltdown
    Join Date
    May 2001
    Location
    View Ridge
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not real clear on what your poroblem is. Could you post some more code?

    I suspect it has something to do with the position:absolute;. Your not specifying any position values.

  3. #3
    SitePoint Zealot pozmu's Avatar
    Join Date
    Jul 2001
    Location
    Poland/ Warsaw
    Posts
    111
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <SPAN ID="glow" STYLE="position:absolute;filter:glow(color=green,strength=5)">Glowing Text</span> BleBleBle

  4. #4
    .net install meltdown
    Join Date
    May 2001
    Location
    View Ridge
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    "Filters can also be applied to the DIV and SPAN elements as well, but they must have an explicit height and width or have a 'position' property set to absolute."

    More Info

    Try something like this:

    Code:
    <p><SPAN ID="glow" STYLE="position:absolute; filter:glow(color=green,strength=5)">Glowing Text</span> <span style="padding-left:100px;">BleBleBle</span></p>
    or:

    Code:
    <p><SPAN ID="glow" STYLE="height:10px; width:100px; filter:glow(color=green,strength=5)">Glowing Text</span> BleBleBle</p>
    These methods both seem like hacks to me though. Depending on your desired result, you might also try using 2 div's combined with CSS-P for the glowing/non-glowing text.

    Make Sense?
    Last edited by isotope235; Aug 8, 2001 at 13:19.

  5. #5
    .net install meltdown
    Join Date
    May 2001
    Location
    View Ridge
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Woops! Broke the page layout.

  6. #6
    SitePoint Zealot pozmu's Avatar
    Join Date
    Jul 2001
    Location
    Poland/ Warsaw
    Posts
    111
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thx for reply, but this is not this I will use it on dynamically generated page, so I can't specify any width .


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
  •