Пятница, 22 Ноября 2024, 07:30

Приветствую Вас Гость

[ Новые сообщения · Игроделы · Правила · Поиск ]
  • Страница 1 из 1
  • 1
Результаты поиска
TheModoДата: Четверг, 29 Января 2015, 10:28 | Сообщение # 1 | Тема: Посоветуйте онлайн-шутеры от первого лица
был не раз
Сейчас нет на сайте
SURVARIUM - FPS с элементами RPG можно попробовать.
TheModoДата: Среда, 28 Января 2015, 12:53 | Сообщение # 2 | Тема: Поверх картинки - номер
был не раз
Сейчас нет на сайте
как вариант с таблицей:
Код
<td class="img">
   <img src="simple.jpg" alt="Пример подписи/номера" />
   <span>#1</span>
</td>

и CSS:
Код
.img {
   position    : relative;
   width  : 100%; /* для IE 6 */
}

span {
   position: absolute;
   bottom: 100px;
   right: 0;
}


Сообщение отредактировал TheModo - Среда, 28 Января 2015, 12:53
TheModoДата: Среда, 28 Января 2015, 12:07 | Сообщение # 3 | Тема: Меню центрировать
был не раз
Сейчас нет на сайте
вариант раз, просто поправил код из первого поста:
CSS:
Код
#menu{
     margin: 0;
     padding: 0;
     text-align: center;
     list-style-type: none;
}

#menu li{
     display: inline;     
     padding: 10px 3px;     
}

#menu li a{
     font-size: 24px;
     color: #faf3ed;
     line-height: 40px;
     padding: 0 20px;
     height: 44px;
     letter-spacing: -1px
}


второй вариант - "те же яйца, только в профиль":
Код
nav {
     margin: 0 auto;
     padding: 0;
     width: 100%;
}

nav ul{
     list-style: none;
     text-align: center;
}

nav ul li{
     display: inline;
     margin-left: 10px;
}

nav ul li:first-child{
     margin-left: 0;
}

nav ul li a{
           text-decoration: none;
           color: #000;
}
         
nav ul li a:hover{
          color: lightblue;
}


Вариант с div
HTML:
Код
<nav>
  <div style=" width:100%; height:1px; clear:both;"></div>
  <div id="line">#1</div>
  <div id="line">#2</div>  
  <div id="line">#3</div>  
  <div id="line">#4</div>
  <div id="line">#5</div>
  <div style=" width:100%; height:1px; clear:both;"></div>
</nav>


CSS:
Код
nav {
     text-align: center;
     width:500px;
     margin: 0 auto;
}

nav #line{
     padding: 2px 10px;
     float: left;     
     text-align: center;
     width: 18%;     
     margin: 0 1%;
     box-sizing: border-box;      
         
}


Сообщение отредактировал TheModo - Среда, 28 Января 2015, 12:10
  • Страница 1 из 1
  • 1
Поиск:

Все права сохранены. GcUp.ru © 2008-2024 Рейтинг