Дизайн и Верстка > Всё о Html
Возможно ли сделать такую вещь?
(1/1)
cfif:
Есть квадратик, определенного размера и цвета, с некоторым текстом внутри, при наведении на него курсора, по бокам от квадратика должны появляться квадратные скобки, примерно совпадающие по высоте с высотой квадратика. Квадратик при этом должен быть ссылкой. Важное условие, что верстка должна быть без JS и картинок, только css и html.
CGVictor:
cfif
Скобки без картинок реализовывать загеммороишься. Без JS - тем более.
Egorsha:
Сделать такую штуку можно.
Если чисто "теоретическая" задачка, то решил бы ее примерно так:
<html>
<head>
<title>CSS+HTML</title>
<style>
body { font-family: "Tahoma";
font-size: 14pt;
font-weight: 600;
color: #000000; }
a { text-decoration: none;
background: #cccccc; }
a.a1 { font-family: "Tahoma";
font-size: 14pt;
font-weight: 600;
color: #000000; }
a.a1:hover { display: inline;
color: #000000; }
a.a1 span.s1 { display: none; }
a.a1:hover span.s1 { display: inline;
position: absolute;
left: 6px;
top: 0px;
font-family: "Tahoma";
font-size: 14pt;
font-weight: 600;
color: #000000; }
</style>
</head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<a class=a1 href=#>Click<span class=s1>[<a class=a1 href=#>Click</a>]</span></a>
</table>
</body>
</html>
(примерчик "сыроват", но принцип думаю понятен...)
А вот на практике я бы такой штукой не пользовался.
Навигация
Перейти к полной версии