I can't set the height of the clickeable areas of \[code\]<a>\[/code\] elements. I've already written \[code\]display: block;\[/code\] in the CSS sheet, but it doesn't work.HTML sheet:\[code\]<!DOCTYPE html><html><head> <link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/15457530/style.css" /> <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://stackoverflow.com/questions/15457530/script.js"></script></head><body> <div id="dprenav"> <p id="prenav">Olive</p> <div> <a id="fblogo" href="http://www.facebook.com" target="_blank"><img id="imgfblogo" src="http://stackoverflow.com/questions/15457530/f_logo.png"></a> </div> <div> <a id="right-corner" href="http://www.youtube.com" target="_blank"><img src="http://stackoverflow.com/questions/15457530/corner_banner.png"></a> </div> <div> <a href="https://twitter.com/JuliDAlessandro" id="twitter-follow-button" target="_blank" ><img src="http://stackoverflow.com/questions/15457530/bird_gray_48.png"></a> </div> </div></body></html>\[/code\]CSS sheet:\[code\]body {background-color: olive;}h1 {font-family: 'Cedarville Cursive', cursive;font-size: 230px;text-align: center;padding: 0px;}a {display: block;text-align: center;font-family: 'Cedarville Cursive', cursive;color: white;font-size: 100px;padding: 0px;text-decoration: none;}#prenav {font-family: 'Cedarville Cursive', cursive !important;font-size: 25px !important;color: white !important;}#dprenav {background-color: #97BB55;height: 50px;width: 3000px;margin: -7px;padding-left: 5px;position: relative;}#right-corner {position: fixed; cursor: pointer; top: 0px; right: 0px; z-index: 99999;}#twitter-follow-button {display: block;position: absolute;top: -85px;left: 80px;display: block;height: 0px;width: 0px;}#fblogo {position: absolute;top: -80px;left: 145px;display: block;height: 0px;width: 0px;}#imgfblogo {height: 40px;}\[/code\]The width of the clickeable areas o the \[code\]<a>\[/code\] elements is alright, but i cannot set the height, it's to big and I can set it in a small size.
Can't define <a> clickeable area height
- Thread starter RetLiesee
- Start date