Автор Тема: Возможно ли сделать такую вещь?  (Прочитано 2885 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн cfif

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 20
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Есть квадратик, определенного размера и цвета, с некоторым текстом внутри, при наведении на него курсора, по бокам от квадратика должны появляться квадратные скобки, примерно совпадающие по высоте с высотой квадратика. Квадратик при этом должен быть ссылкой. Важное условие, что верстка должна быть без JS и картинок, только css и html.

Оффлайн CGVictor

  • теперь местный
  • Глобальный модератор
  • Ветеран
  • *****
  • Сообщений: 2511
  • +0/-0
  • 2
    • Просмотр профиля
    • http://cg.net.ru
Возможно ли сделать такую вещь?
« Ответ #1 : 30 Июня 2006, 12:05:41 »
cfif
Скобки без картинок реализовывать загеммороишься. Без JS - тем более.
LJ: Backslashed life (rss)

Оффлайн Egorsha

  • Завсегдатай
  • Пользователь
  • **
  • Сообщений: 60
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Возможно ли сделать такую вещь?
« Ответ #2 : 07 Июля 2006, 18:23:47 »
Сделать такую штуку можно.
Если чисто "теоретическая" задачка, то решил бы ее примерно так:


<html>
<
head>
<
title>CSS+HTML</title>
<
style>
body font-family"Tahoma";
          
font-size14pt;
          
font-weight600;
          
color#000000; }
text-decorationnone;
     
background#cccccc; }
a.a1 font-family"Tahoma";
         
font-size14pt;
         
font-weight600;
         
color#000000; }
a.a1:hover displayinline;
                  
color#000000; }
a.a1 span.s1 displaynone; }
a.a1:hover span.s1 displayinline;
                             
positionabsolute;
                             
left6px;
                             
top0px;
                             
font-family"Tahoma";
                             
font-size14pt;
                             
font-weight600;
                             
color#000000; }
</style>
</
head>
<
body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
  <
class=a1 href=#>Click<span class=s1>[<a class=a1 href=#>Click</a>]</span></a>
</table>
</
body>
</
html>


(примерчик "сыроват", но принцип думаю понятен...)

А вот на практике я бы такой штукой не пользовался.

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28