Display text over image

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
User avatar
techkid
Forum Commoner
Posts: 54
Joined: Sat Sep 05, 2009 11:18 pm
Location: Maldives

Display text over image

Post by techkid »

Image

As you can see the image. The dropdown menu is below the image. Can anyone help to display it on front.

Thank you.
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: Display text over image

Post by califdon »

There are several ways, depending on just what effect you want to achieve. Perhaps the easiest might be to use the image as the background image for your page. You can also use relative positioning in your CSS style. That is very flexible, but can be tricky, depending on how many different elements you may have to position. If the background image method doesn't fit your needs, check out CSS relative positioning.
webtechie
Forum Newbie
Posts: 2
Joined: Mon Jul 11, 2011 1:27 am

Re: Display text over image

Post by webtechie »

Put the css code in the navigation div

ie.
.navigation{
z-index:100;
}
User avatar
techkid
Forum Commoner
Posts: 54
Joined: Sat Sep 05, 2009 11:18 pm
Location: Maldives

Re: Display text over image

Post by techkid »

I have fixed it now. Thanks for the help though.
Post Reply