Hello!! Can you help me with my CSS problems? I have created a page
that overlays text on an image. the problem is that it is leaving all
this space at the bottom of background image that I also need to
remove.
The page is for a nonprofit organization. You can see my HTML code
here, and I have attached a graphic that shows how the page should
look.
http://burningart.com//isf/Peter.html
Don't worry about the funky colors, this is just my debugging attempts
to see what is happening.
I am trying to achieve a text overlay: I want to put some text on top
of the books image. I have managed to do this using position:
relative. The problem is, that the browser is allocating space for the
text below the books image, and then moving the box up to the
appropriate place. This means, that there is all this yellow vertical
space below the books image, and I want to remove this vertical yellow
space.
If you have any suggestions, thoughts, fixes that would be great. Maybe
there is in another way to do this, not using position:relati ve. I
have been working hard on this for the last week, and have learned a
lot about CSS, just need some expert help!
Thanks for your help and for reading this,
lineone