Circle? Possibilities are?

HTML & CSS
1

Is it possible to create a circle shape using only CSS. I know Border-radius creates circular shape corners but lets say I want to create a circle for the part of my design, how would that be made? Or should I just use an image and place a Href anchor in it?

2

There are little tricks you can do, but basically, no. We would need to see an example of what you are trying to do to suggest how to go about it. Somewhere in the dim future, CSS3 might offer what you want, but it’s a long way away.

3

I seen many sites with it but I can’t find the examples, it’s pretty much a circle with a title and the title links you to another .html page. Example, circle with the title FORUMS and links to forum and has a hover etc. can’t really explain but anyhow you recommend creating it with photoshop and using the <img src=“”> tag

4

Fo a simple link, you can either use an image or border radius. If you need an image, I would do it as a “sprite” background image on an <a> element.

5

I may be misunderstanding the question, but this is what it sounds like to me:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<!--
http://www.sitepoint.com/forums/showthread.php?999248-Circle-Possibilities-are
Thread: Circle? Possibilities are?
2013.03.12 17:12
AndreeU17
-->
<head>
    <title>template</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="content-language" content="en-us">
    <style type="text/css">

a {
    display:block;
    width:100px;
    height:100px;
    background-color:red;
    border-radius:50%;
    margin:0 auto;
}

    </style>
</head>
<body>

<div><a href=""></a></div>

</body>
</html>
6

Yes thats exactly what im talking about, a simple circle.

7

So, has this answered your question then?

8

yes it has thank you very much. much appreciated from everyone here.
thanks
-Jonathan