float: left – anchor's height

On September 28, 2009, in Javascript, PHP, Tips, Tricks, by phpsolutions

Today I faced a strange problem …. I have to add drop-down menu by javascript.

<a href=”http://www.phpsolutions.co.in” style=”border:2px dotted #0000FF”><img src=”phpsolutions.gif” border=”0″ style=”border:2px solid #009966″ /></a>

this is the code where I have to add a menu but menu dancing on this image.. when I mouse over the image menu appeared to bottom of the image…

anchor height

here you can see output of above html code… I have marked a border around image in green and on anchor with blue color.

I think now you got the problem 🙂

Yes, now we have to apply height and width to anchor in blue color below is the code for this….

<a href=”http://www.phpsolutions.co.in” style=”border:2px dotted #0000FF; float:left; width:70px; height:80px;”><img src=”dateblock.gif” border=”0″ style=”border:2px solid #009966″ /></a>

This is the magic for “float: left” of CSS .. here you can use “float: right” as well to apply height/width to anchor tags…..

height of anchor
Here you can see the output of above code the blue border with width/height of anchor tag.

33 Responses to float: left – anchor's height

  1. Anonymous says:

    You completed several good points there. I did so looking around the issue and located nearly all people will go in addition to with all your blog.

  2. Anonymous says:

    I used to be just browsing here and there but got to learn to read this post. I have to admit that we are inside the hand of luck today otherwise getting such an excellent post to see wouldn’t have been achievable to me, a minimum of. Really appreciate your articles.

  3. Michael says:

    I think other site proprietors should take this site as an model, very clean and fantastic user genial style and design, let alone the content. You are an expert in this topic!

  4. Alyssa says:

    I reckon something truly interesting about your web blog so I bookmarked .

  5. Aurora says:

    Some truly wonderful articles on this web site , appreciate it for contribution.

  6. Audrey says:

    I was looking through some of your blog posts on this site and I believe this website is really instructive! Keep putting up.

  7. Mackenzie says:

    Very interesting subject, regards for posting.

  8. Aurora says:

    But wanna remark that you have a very nice site, I enjoy the pattern it really stands out.

  9. Kylie says:

    Some genuinely good posts on this web site , thanks for contribution.

  10. Isabel says:

    I was looking through some of your blog posts on this website and I think this website is real instructive! Keep posting.

  11. Elizabeth says:

    I like this blog it’s a master piece! Glad I detected this on google.

  12. Scarlett says:

    Only wanna input that you have a very decent internet site , I the pattern it really stands out.

  13. Grace says:

    I was studying some of your articles on this site and I think this web site is real instructive! Continue putting up.

  14. Sydney says:

    Rattling nice design and style and excellent subject matter, absolutely nothing else we want :D.

  15. Jasmine says:

    Merely wanna input on few general things, The website layout is perfect, the subject matter is real wonderful. “I have seen the future and it doesn’t work.” by Robert Fulford.

  16. Alexis says:

    Great post, I think people should learn a lot from this weblog its rattling user friendly. So much wonderful info on here :D.

  17. Zoe says:

    As soon as I discovered this website I went on reddit to share some of the love with them.

  18. Alyssa says:

    I like this post, enjoyed this one appreciate it for putting up.

  19. Olivia says:

    I gotta favorite this website it seems very beneficial handy

  20. Lauren says:

    I like this web site very much so much good information.

  21. Maya says:

    Rattling nice design and style and superb content , practically nothing else we need : D.

  22. Madison says:

    Very interesting subject, appreciate it for putting up.

  23. Cristie Syrstad says:

    So I created a secondary blog off my first one, but I now want my secondary blog to be my personal or my main blog. So that as soon and I sign on the newer blog I made would be my default blog. If that makes any sense… Is there a way to do this?.

  24. Zoe says:

    Hiya very cool web site!! Guy .. Excellent .. Amazing .. I’ll bookmark your web site and take the feeds additionally…I’m happy to seek out a lot of helpful information right here within the put up, we want work out extra techniques in this regard, thanks for sharing.

  25. Candy says:

    Very interesting info! Perfect just what I was searching for!

  26. asdfgh says:

    Thankyou for sharing float: left – anchor's height | PHP Solutions with us keep update bro love your article about float: left – anchor's height | PHP Solutions .

  27. Iomoio says:

    Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful for me.

  28. Jazdy na nartach says:

    Attractive part of content. I simply stumbled upon your blog site and in accession capital to say that I get in truth really liked account your website posts. Anyway I’ll be subscribing to your augment and also I achievement you access regularly quickly.

  29. Bella says:

    Very interesting information!Perfect just what I was searching for!

  30. Callie says:

    I really like your writing style, excellent information, appreciate it for posting : D.

  31. Jennifer Adams says:

    Hey there I just wanted to stop by and say I love to read your Site!

  32. Anonymous says:

    It’s a keen disgrace you don’t a elasticity money secure! I’d definitely ply money for this marvelous webpage! That i speculate for the state i’ll be slaked bookmarking together with including an individual’s Exploit that faculty my primo Msn structure. That i appearance forward that gift past messages and definitely instrument apportion the web computer utilizing my unsurpassable Facebook or chirrup squad: )

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.