Solved

Why can  not access these fields?

Posted on 2013-05-17
3
174 Views
Last Modified: 2013-05-22
I've got a div sitting on top of this page and for some reason you can't access the input fields immediately below.

My CSS looks like this:

#banner_ad  {
width:1000px;
text-align:center;
margin:auto;
height:37px;
}

#sir_header {
margin-left:53px;
}

My html looks like this:

<div id="banner_ad"><div id="sir_header"><A HREF="sir.php"><IMG SRC="images/sir_header.jpg" border="0"></div></div>

What do I need to change in order to allow my users to get to the login fields?
0
Comment
Question by:brucegust
3 Comments
 
LVL 23

Assisted Solution

by:tailoreddigital
tailoreddigital earned 250 total points
ID: 39176618
I think you need to add a z-index to the css,
http://www.w3schools.com/cssref/pr_pos_z-index.asp
0
 
LVL 9

Accepted Solution

by:
Ishaan Rawat earned 250 total points
ID: 39176963
Try this..

add
z-index:9999;

Open in new window

in the css of the input field you want to access..
0
 

Author Comment

by:brucegust
ID: 39188937
I applied the z-index option, but what I wound up doing is just doing an image map based on a portion of the graphic rather than the whole image being a link. When I did that, I got it to work.

Thanks for your input!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

910 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now