html - Padding is part of a link -
i wrote html-code , i've got problem. added link image, image has got padding. padding part of link image. can it, image linked ?
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>just testing</title> <style type=text/css> .design {background-color: orange; padding: 50px; border: thick double red; margin: 500} .design2 {background-color: yellow; padding: 10px 100px; border: thick groove red; margin: 10} .centered {text-align: center} #blink {text-decoration: underline overline;;color: red} </style> </head> <body style="background-color: lightgray"> <h1 class="centered design2">this <span style="color:red">my</span> site :d:d</h1> <a href="http://upload.wikimedia.org/wikipedia/commons/8/83/neugierige-katze.jpg"> <p class="centered"><img class="design" style="align: center" src="neugierige-katze.jpg" alt="tolle katze" width="500" height="325"> </p> </a> <p class="centered">cat cat <span id="blink"> watching you</span> </p> <p class="centered"> <audio controls> <source src="cat_meow_2-cat_stevens-2034822903.mp3" type="audio/mpeg"> <source src="cat_meow_2-cat_stevens-2034822903.ogg" type="audio/ogg"> </body> </html>
i grateful can me.
`
one way http://jsbin.com/odosime/1/
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>just testing</title> <style type=text/css> .design {background-color: orange; padding: 50px; border: thick double red; margin: 500} .design2 {background-color: yellow; padding: 10px 100px; border: thick groove red; margin: 10} .centered {text-align: center} #blink {text-decoration: underline overline;color: red} </style> </head> <body style="background-color: lightgray"> <h1 class="centered design2">this <span style="color:red">my</span> site :d:d</h1> <p class="centered design" style="margin:0 auto; display: table;"> <a href="http://upload.wikimedia.org/wikipedia/commons/8/83/neugierige-katze.jpg"> <img style="align: center" src="http://wallpapersfor.me/wp-content/uploads/2012/02/cute_cat_praying-1280x800.jpg" alt="tolle katze" width="500" height="325"> </a> </p> <p class="centered">cat cat <span id="blink"> watching you</span></p> <p class="centered"> <audio controls> <source src="cat_meow_2-cat_stevens-2034822903.mp3" type="audio/mpeg"/> <source src="cat_meow_2-cat_stevens-2034822903.ogg" type="audio/ogg"/> </audio> </body>
Comments
Post a Comment