This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

A Linked html div tag which is used for a logo, is showing linked accross the page I have set the width & height according to the png image.

  • 4 respostas
  • 2 have this problem
  • 1 view
  • Last reply by aym_1

more options

Hi, I'm recently having a issue, with a linked div tag. The div tag is used for a logo when user clicks it goes back to home/index page, but problem is that in firefox, when I hover on the logo the whole width of the div showing linked across the page, works fine in IE 8. I have set the width & height according to the png image. Can anybody please help? This is frist time, no idea, & i'm using ff 19.0.

<style type="text/css">
*{margin:0px;
padding:0px;}
	#logo {
	background-image: url(logo.png);
	background-repeat: no-repeat;
	width: 272px;
	height: 60px;
}	
</style>
<body>
<a href="#"><div id="logo"> </div></a>

</body>
</html>
Hi, I'm recently having a issue, with a linked div tag. The div tag is used for a logo when user clicks it goes back to home/index page, but problem is that in firefox, when I hover on the logo the whole width of the div showing linked across the page, works fine in IE 8. I have set the width & height according to the png image. Can anybody please help? This is frist time, no idea, & i'm using ff 19.0. <pre><nowiki><style type="text/css"> *{margin:0px; padding:0px;} #logo { background-image: url(logo.png); background-repeat: no-repeat; width: 272px; height: 60px; } </style> <body> <a href="#"><div id="logo"> </div></a> </body> </html></nowiki></pre>

cor-el modificouno o

All Replies (4)

more options

Hi there,

Do you have a page with the original source up somewhere online? The code you pasted looks garbled/broken so I can't even begin to help here -- even though html coding is outside of our domain of expertise here at Mozilla Support.

Cheers, David

more options

Hi, Sorry about the code didn't work before..I have created a simple div inside it I used text insted of png file. Here is a link http://pastehtml.com/view/cu508zafv.html only the box meant to be a link, but when I hover in ff the emty page is also linked. Its quite strange..didn't happen before. I hope there is a solution, maybe its my pc.. Thank you for your time in helping me.

more options

Try to use an inline element like SPAN instead of DIV.

more options

Hi, thanks for ur suggestion, yah it worked with a span tag linked, however the width & height didn't work as it is inline element, so I searched for some info, & have set it as display:inline-block, but dig tag is still displaying the page horizontally linked, its like theirs is a 'hidden' div/container expanded, its strange why its linked accross, for now I will use this method. Here is links to the code/example https://gist.github.com/anonymous/5070780 http://pastehtml.com/view/cu8hk2lab.html Thank you again!