Question

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

 

.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} 

 

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

 

 

Answer 1

Внес правки в ваше сообщение, выделено красным, параметр 1.5 регулируйте в зависимости от необходимого отступа между словами.

Comments

Спасибо большое, а как сделать поменьше рамку?

---

Артём Масиков,

Предоставьте ссылку на сайт, нужно видеть реальный пример, так легче чем просто по стилях угадывать как у вас все смотрится.

---

Yuri_Geruk,

http://www.truemags.ru

---

Артём Масиков,

http://www.truemags.ru/index/8-1

---

Артём Масиков,

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

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

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

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