отступ в тексте

голоса: 0

Как сделать меньше промежуток между словами и саму рамку тоже.

 

.signsOver {width:100%;} 
.signsOver * {transition: all linear .2s; -moz-transition: all linear .2s; -webkit-transition: all linear .2s; -o-transition: all linear .2s;} 
.signOne {display:inline-block;width:90px;height:90px;position:relative} 
.signOne:hover span {opacity:1;margin-top:0px;line-height:1.5;
.signOne span {opacity:0;margin-top:20px;cursor:help;width:100%;height:100%;top:0;left:0;position:absolute;background:rgba(0,0,0,0.7);color:#FFF;font-size:11px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;line-height:1.5;
.signOne span i {font-style:normal;padding:10px;display:block} 

 

Должно быть вот так. 

 

 

| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 1

голоса: 0
 
Лучший ответ
Внес правки в ваше сообщение, выделено красным, параметр 1.5 регулируйте в зависимости от необходимого отступа между словами.
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Спасибо большое, а как сделать поменьше рамку?
Артём Масиков,
Предоставьте ссылку на сайт, нужно видеть реальный пример, так легче чем просто по стилях угадывать как у вас все смотрится.
Артём Масиков,

Прежде всего удалите этот бред с стилей:

<style type="text/css"></style>

в таблице стилей это применять нельзя, это не html шаблон. После редактируйте высоту и ширину в стилях:

.signOne {display:inline-block;width:90px;height:90px;position:relative}

...