Skip navigation
KelseyConner
KelseyConner Calculating status...
Currently Being Moderated

PNG clear overlay problems

Apr 1, 2012 2:58 PM

Tags: #cs5.5 #png #overlay

Hello all!

 

I am VERY new to CS5.5 and just learning my way around.  I've managed to create a test site for a new food festival:

 

http://aksarbenribfest.comze.com/

 

I've puzzled for a couple of hours as to how to get the "free admission" image in the upper right hand corner to become a clear overlay so that it doesn't push the header/main title to the left or have the little dotted line running through it.

 

Please help me!

 

Robert Conner

Omaha, Nebraska

573 Views   6 Replies   Latest reply: KelseyConner, Apr 7, 2012 2:08 PM
 
Replies
  • Nancy O.
    Currently Being Moderated
    1. Nancy O.,
    Apr 1, 2012 3:24 PM   in reply to KelseyConner
    Report

    First, validate your code & fix reported errors. 

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Faksarbenribfe st.comze.com%2F

     

    Don't use spaces in folder and filenames.  If you need separation between words, use _ underscores or - hyphens.

     

    Align attribute is obsolete in HTML5.  Learn to create re-usable CSS classes.

     

    Finally, when I mouse over the heading Aksarben Ribfest in my browser, it goes completely spastic.  Yikes!

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • KelseyConner
    Currently Being Moderated
    2. KelseyConner,
    Apr 1, 2012 3:52 PM   in reply to Nancy O.
    Report

    Thank you for your answer, but what does any of it have to do with my original question?

     

    Having the validator inform me to "Use CSS" 19 times over issues which have nothing to do with my question, as well as your answer "Learn to create re-usable CSS classes" is a silly non-answer, E.g: Q: "How can I become a Nascar driver?"  A: "Learn to ride a bike first."

     

    Didn't I mention that I am VERY new to all of this?  Of course, I did.  (slapping forehead)  Perhaps you glossed right over that tidbit.

     

    Anyhoo, is there anyone out there with a REAL answer, please?

     

    THANKS!

     

    Robert Conner

    Omaha, Nebraska

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    3. Nancy O.,
    Apr 1, 2012 4:52 PM   in reply to KelseyConner
    Report

    Sorry you feel my answer was irrelevant.  But you need to solve the primary code issues first.  Then we can deal directly with your layout question.

     

     

    Nancy O.

     
    |
    Mark as:
  • adninjastrator
    Currently Being Moderated
    4. adninjastrator,
    Apr 1, 2012 9:05 PM   in reply to KelseyConner
    Report

    As Nancy pointed out, you are building your page on a foundation of sand (shifting and unstable).

    Without a proper foundation (valid code), we can't fix your problem. That's the starting point.

    So if you already know how to resolve your problem on your own, GREAT... if not, then you might want to listen to advice offered as a solution.

    We offer help here free of charge, but it's your responsibility to to your part. And if the advise is first validate the page... then.... well you know where I'm going with this.

    Best wishes,

    Adninjastrator

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    5. Nancy O.,
    Apr 2, 2012 1:10 PM   in reply to KelseyConner
    Report
    Didn't I mention that I am VERY new to all of this?

    Without a working knowledge of code basics, DW will continue to frustrate & punish you.

     

    Start here:

    HTML5

    http://www.w3schools.com/html5/default.asp

     

    CSS

    http://www.w3schools.com/css/default.asp

     

    How to Develop with CSS?

    http://phrogz.net/css/HowToDevelopWithCSS.html

     

    Learn CSS positioning in 10 Steps

    http://www.barelyfitz.com/screencast/html-training/css/positioning/

     

    Z-Index guide

    http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a- comprehensive-look/

     
    |
    Mark as:
  • KelseyConner
    Currently Being Moderated
    6. KelseyConner,
    Apr 7, 2012 2:08 PM   in reply to KelseyConner
    Report

    No thanks to anyone here, I figured it out myself.

     

    In the future, I'll remember that the most common advice handed out on these forums is "Figure It Out Yourself." along with the ever-popular "Fix some other inconsequential problems first, and then we might actually help with the problem you're having."

     

    Index page is now here:  http://aksarbenribfest.comze.com/

     

    Surprse!  It's W3 validated except for 2 minor errors, which are built into the original template and inconsequential.

     

    Now I'll go figure out the rest of the pages for myself, since you people are a total waste of time.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points