SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 29
  1. #1
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    You know what CSS needs?

    It needs an Opaque attribute that you can add to backgrounds and/or other tags. Would make things so much easier to do without having to rely on image editing or Microsoft Filters.
    Wayne Luke
    ------------


  2. #2
    Degrading Gracefully PalmerB's Avatar
    Join Date
    Sep 2001
    Location
    Ohio - U.S.A. Outlook: Cautiously Optimistic
    Posts
    3,283
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think what it also needs is an attribute to the image tag to specify a certain color as transparent. That way you wouldn't be forced to use a .gif with a very limited color pallette.

    Palmer

  3. #3
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  4. #4
    Degrading Gracefully PalmerB's Avatar
    Join Date
    Sep 2001
    Location
    Ohio - U.S.A. Outlook: Cautiously Optimistic
    Posts
    3,283
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't see where you can specify one color as being transparent so don't lol at me

    Palmer

  5. #5
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah. Must have missed that point. If I understand you correctly (and my use is the same as how you intend it), I have a solution. As restricting as technology is, people are creative. Simply create a table and stick the image in it. Use a GIF to make the opaque color you want transparent, and use CSS to make the GIF 100% opacity (to counterract the following step). Then make the table have that background color, and make it your % opacity with CSS. Walla!

    After writing this, I think you may be trying to say that you want a JPG to have transparency, which I can't do. If you meant you wanted a GIF to have opacity, that's different. Anyway, I tried
    Last edited by geiger; Jan 25, 2003 at 23:37.

  6. #6
    Degrading Gracefully PalmerB's Avatar
    Join Date
    Sep 2001
    Location
    Ohio - U.S.A. Outlook: Cautiously Optimistic
    Posts
    3,283
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks anyway

    Palmer

  7. #7
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hmmm.. Well the site you linked to is either down or gone because I get a server not found error.

    Not sure you under stand what I am saying...

    I want a background image, then I want to overlay it with a layer with a variable level of transparency. You can do this with Internet Explorer's filters but that only works on Windows and IE. I want something that works under all browsers/operating systems. Well at least most of them.

    So for example I want to do something like the following (I am using the keyword transparency but opaqueness would work as well if it existed):

    Code:
    body.mainpage { 
      background: #228B22 url(Images/main.jpg) no-repeat fixed left; 
      margin-left:0px;
      margin-top:10px;
    }
    
    .content {
      width:635px;
      transparency: 90%;
      text-align:center;
      margin-left:0px;
      margin-top:0px;
    }
    This would give a box over my background but I would still be able to see a washed out background behind it without having to resort to another image and trying to line it up.

    Just for reference the image I am using is 800 X 779 pixels and since it is for a CD, I am not worried about file sizes or download times. In fact the background is currently the only image used in the entire project.

    I should say this is more of a wish than anything. None of the documentation that I have read, including the W3C site, even considers the possiblity of this being used.
    Wayne Luke
    ------------


  8. #8
    Rabble Rouser bronze trophy
    Join Date
    Jan 2003
    Location
    Mountain View, CA
    Posts
    427
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's in the works. Check out CSS 3.

  9. #9
    SitePoint Zealot wisbin's Avatar
    Join Date
    Jan 2003
    Location
    Netherlands
    Posts
    115
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question like this?

    I'm not sure if you are all talking about the same thing, but we talked about it and experimented with opacity and background color and CSS-filters over here: http://www.sitepointforums.com/showt...threadid=90089

    maybe the last example-image (hover!) of this page has some ideas for your quest.

    if not.. good luck anyway.

    Cheers
    Wisbin from ict-id.nl

    Every day I see your face I wish that I'd stayed
    Don't even know what made me run away
    It's just the way I play the game
    ..


  10. #10
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Those filters are not standard though. They are Windows Internet Explorer only. I use them on some different sites but since I know this CD will need to be seen in all its glory on a Macintosh using OS 9, they aren't a complete option. I will see what I can do with it though.

    Thanks... Glad to hear that a standards based solution is in the works. At the rate the standards get adopted, it will be 2020 before browsers support it though.
    Last edited by Hierophant; Jan 26, 2003 at 11:53.
    Wayne Luke
    ------------


  11. #11
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wisbin, at the bottom of your last example were the 3 opacity ways my page displayed. Including mozilla, etc.

    Guess there isn't a mac OS9 version, though. Sorry, wayne!

  12. #12
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Come to think of it, ever tried Javascript? Or maybe that only works with IE, too.

  13. #13
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Well it works in IE, Mozilla 1.3a, and Netscape 7.X but doesn't work in Opera 7.0.

    Also I have been testing Dreamweaver MX and it can't even layout the page properly. Not very WYSIWYG.
    Wayne Luke
    ------------


  14. #14
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As far as I know, the DW MX WYSIWYG is built on standards. It will only show what is currently widely accepted. So, a lot of the CSS things won't show.

  15. #15
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by geiger
    As far as I know, the DW MX WYSIWYG is built on standards. It will only show what is currently widely accepted. So, a lot of the CSS things won't show.
    Hmmm... It can't seem to be even handle position relative, borders and margins properly.
    Attached Images Attached Images
    Wayne Luke
    ------------


  16. #16
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Here is what it is supposed to look like but then what do I know.
    Attached Images Attached Images
    Last edited by Hierophant; Jan 26, 2003 at 14:14.
    Wayne Luke
    ------------


  17. #17
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Honeslty, beats me there. I use tables.

  18. #18
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sort of on topic but not really... http://www.alistapart.com/stories/pngopacity/
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  19. #19
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah, that reminds me. No one responded when I asked if Javascript had been tried. As far as I know, Javascript can be cross-browser/platform compatable.

  20. #20
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by geiger
    Ah, that reminds me. No one responded when I asked if Javascript had been tried. As far as I know, Javascript can be cross-browser/platform compatable.
    Javascript can only modify layers based on the Stylesheets that the browser supports so it is still dependant on the CSS standard.
    Wayne Luke
    ------------


  21. #21
    Sidewalking anode's Avatar
    Join Date
    Mar 2001
    Location
    Philadelphia, US
    Posts
    2,205
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wayne, you've seen the css/edge Complex Spiral demo right? From your screenshot it looks like exactly what you want.

  22. #22
    SitePoint Wizard silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,121
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Yeah, but it has to access something "settable" in the DOM. If it can't be set, JS can't modify it or set it in the first place.
    SVP Marketing, SoCast SRM
    Personal blog: Strategerize
    Twitter: @jeremywright

  23. #23
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wayne, you said you know what platform/browser these people are using. Does this browser support PNG?

  24. #24
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    She has an iMac with OS 9 and I think she is using IE 5.2. Not sure if it supports PNG or not.
    Wayne Luke
    ------------


  25. #25
    Sidewalking anode's Avatar
    Join Date
    Mar 2001
    Location
    Philadelphia, US
    Posts
    2,205
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The ComplexSpiral method can do that and it works in IE 5.x Mac.


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
  •