Здравствуйте товарищи!
Помогите пожалуйста, решить несведущему человеку следующий вопрос.
Необходимо разместить несколько ссылок по окружности. Пока получилось лишь размещение одной ссылки. При размещении ещё одной, следующая ссылка появляется на прямой строке, вместо размещения по окружности. Как разместить несколько ссылок.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Текст по окружности</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.lettering.js"></script>
<script type="text/javascript" src="eliptext.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#curved2').elipText({radius: 155, dir:-1});
});
</script>
<style style="text/css">
*
{
padding: 0;
margin: 0;
}
.content
{
margin:auto;
/*text-align:center;*/
padding: 50px;
}
span
{
font: 24px/1.4 georgia, arial;
letter-spacing: 0;
}
#curved2
{
position: absolute;
left: 60%;
top:50%;
}
</style>
</head>
<body>
<div class="content">
<a href="http://media-mera.ru"><span id="curved2">media-mera.ru</span> </a>
</div>
</body>
</html>
Во вложении прикрепил получившийся результат и библиотеки.
