Oval Button Problems [Archive] - Dynamic Drive Forums

danni1281

10-08-2013, 07:02 PM

I need to make an oval button that links to this website: http://www.bu.edu/abroad/

It is giving me problems, only showing up as a normal link. Any ideas what the problem could be within the CSS code? I am using the code from here: http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/

coothead

10-09-2013, 08:57 AM

Hi there danni1281,

and a warm welcome to these forums. ;)

Does this help...

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">

<title>button code</title>

<link rel="stylesheet" href="/">

<style>
#bu-link {
display:inline-block;
line-height:24px;
padding:0 15px;
border:2px solid #999;
border-radius:12px;
background-image:linear-gradient(to bottom,#fff,#ccc);
box-shadow:3px 3px 3px #aaa;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
color:#333;
text-decoration:none;
}
</style>

</head>
<body>

<div>
<a id="bu-link" href="http://www.bu.edu/abroad/">BU Study Abroad</a>
</div>

</body>
</html>

coothead