html - <a> Tags Appearing In My DIV's -
i have serious problem :( making profile page , div's clickable(this should not happen), when inspect element on chrome, shows bunch of on divs... did not write these codes here sample
code on visual studio
<div style="width: 1179px; height: 100px;"> <div style="width: 350px; height: 100px; float:left; margin-right: 64.5px; background-color: pink; border-radius: 5px;"> <img src="../resources/referrals-icon.png" height="100" style="float: left;" /> <p>referrals</p> <p><%=referralscount%></p> </div> <div style="width: 350px; height: 100px; float:left; background-color: green; border-radius: 5px;"> <p>blessing points</p> <p><%=blessingpoints%></p> </div> <div style="width: 350px; height: 100px; float:left; margin-left: 64.5px; background-color: grey; border-radius: 5px;"> <p>support</p> <a href="#">faq</a> </div> </div>
code on browser
<div style="width: 1179px; height: 100px;"><a href="profile.aspx"> <div style="width: 350px; height: 100px; float:left; margin-right: 64.5px; background-color: pink; border-radius: 5px;"> <img src="../resources/referrals-icon.png" height="100" style="float: left;"> <p>referrals</p> <p>0</p> </div> <div style="width: 350px; height: 100px; float:left; background-color: green; border-radius: 5px;"> <p>blessing points</p> <p>0</p> </div> </a><div style="width: 350px; height: 100px; float:left; margin-left: 64.5px; background-color: grey; border-radius: 5px;"><a href="profile.aspx"> <p>support</p> </a><a href="#">faq</a> </div> </div>
i tried searching around codes :( , css not know :(
this current design(no problem in design divs being clickable bugs me lot , anonymous tags irritating)
some in aspx page have <a href="profile.aspx">
looks have not closed tag , chrome taking it's best bet @ closing you.
Comments
Post a Comment