Skip navigation
KelseyConner
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

 
Replies
  • Currently Being Moderated
    Apr 1, 2012 3:24 PM   in reply to KelseyConner

    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:
  • Currently Being Moderated
    Apr 1, 2012 4:52 PM   in reply to KelseyConner

    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:
  • Currently Being Moderated
    Apr 1, 2012 9:05 PM   in reply to KelseyConner

    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:
  • Currently Being Moderated
    Apr 2, 2012 1:10 PM   in reply to KelseyConner
    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:

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