Перейти к содержанию
Авторизация  
NochnayaFialka

Статус сервера

Рекомендуемые сообщения

Привет ребята подскажите что изменить в css чтобы 0% стояло с правой стороны на уровне с название сервера , а не в низу под названием сервера как на скрине.

стиль:
.status { width:450px; font-family:Chancery; color:#fff; font-size:18px; position:absolute; top:155px; left:500px; font-style:italic; }
.status .server { height:66px; padding-left:80px; float:left; width:145px; }
.status .server .name { margin-top:5px; width:80px; text-align:center; }
.status .server.on { background:url(../images/ico-on.png) no-repeat left center; }
.status .server.off { background:url(../images/ico-off.png) no-repeat left center; }
.status .server .online { text-align:center; width:60px; font-size:20px; color:#422423; font-weight:bold; }

скрин:

 

[mmo-develop.ru]_Безымянный.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
.status { width:450px; font-family:Chancery; color:#fff; font-size:18px; position:absolute; top:155px; left:500px; font-style:italic; }
.status .server { height:66px; padding-left:80px; float:left; width:145px; position: relative; }
.status .server .name { margin-top:5px; width:80px; text-align:center; }
.status .server.on { background:url(../images/ico-on.png) no-repeat left center; }
.status .server.off { background:url(../images/ico-off.png) no-repeat left center; }
.status .server .online { font-size:20px; color:#422423; font-weight:bold; position: absolute; top: 10px; left: calc(100% + 20px); text-align: left; }

Попробуй.  В последней строке, top: 10px; поменяй на нужно число чтобы выровнять вертикально (растояние от верха блока)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ребята помогите решить , столкнулся с такой проблемой , пробывал менять значения в css не помогло , так как нет еще знаний сместить строчку одну в лево нужно как на скрине показано

вот css:

.status .server .online { font-size:20px; color:#422423; font-weight:bold; position: absolute; top: 20px; left: calc(100% + 20px); text-align: left; }

вот скрин:

 

Безымянный.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация  

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×
×
  • Создать...