Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Помогиты выровнять по середине

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Safok
Отправлено: 19 Марта, 2013 - 21:58:29
Post Id



Гость


Покинул форум
Сообщений всего: 96
Дата рег-ции: Март 2013  


Помог: 0 раз(а)

[+]


css:
PHP:
скопировать код в буфер обмена
  1. <style>
  2. a {
  3.  text-decoration:none;
  4.  color:#03508c;
  5. font-weight:bold;
  6.  font-size:16px;
  7.  }
  8.  
  9.  #wind {
  10. position: absolute;
  11.  width:320px;
  12.  left: 35%;
  13.  top: 100px;
  14.  border:solid #71d547 2px;
  15. display: none;
  16.  z-index: 10;
  17.  overflow: hidden;
  18.  background-color:#ffff00; //внутрі
  19. color:#fff;
  20. text-align:center;
  21.  padding:10px;
  22.  }
  23.  .lux {
  24.     width: 300px;
  25.     border: 1px solid #a52a2a;
  26.    border-collapse: collapse;
  27.     border-spacing: 0;
  28.    }
  29.    .lux th {
  30.     background: #a52a2a;
  31.    color: white;
  32.    }
  33.    .lux td {
  34.     border-bottom: 1px solid #a52a2a;
  35.   }
  36.    .lux td, .lux th {
  37.     padding: 4px;
  38.  text-align:center;
  39.    }
  40.    .lux tr:nth-of-type(odd) {background-color: #fff8dc;}
  41.   .lux tr:nth-of-type(even) {background-color:#fffff0;}
  42.   .lux tr td:first-child {text-align:left}
  43.      </style>

Код:
CODE (html):
скопировать код в буфер обмена
  1. <div id="wind">
  2.  <div align="center">
  3.    <p><img src='http://mp.teeworlds.su/img/maps/china-plant.png' width='400' height='102' align="bottom"></p>
  4.    <table class="lux">
  5.      <tr>
  6.        <td>Имя</td>
  7.        <td>Клан</td>
  8.        <td>Флаг</td>
  9.        <td>Score</td>
  10.        <td>Team</td>
  11.       </tr>
  12.      
  13.      <?php foreach ($test["players"] as &$player) { ?>
  14.      <tr>
  15.        <td><?php echo $player["name"]; ?> </td>
  16.        <td><?php echo $player["clan"]; ?> </td>
  17.        <td><img src='http://mp.teeworlds.su/img/countryflags/<?php echo $player["flag"];?>.png' width='32' height='16'></td>
  18.        <td><?php echo $player["score"]; ?> </td>
  19.        <td><?php echo $player["team"]; ?> </td>
  20.       </tr>
  21.      <?php } ?>
  22.      </tr>
  23.  </table>
  24.  </div>
  25.  <button type="button" value="закрыть" onclick="document.getElementById('wind').style.display='none'; return false;">
  26.  закрыть</button>
  27. </div>

Как выровнять картинку по середине? И как сделать закругленные края в рамке..?
Прикреплено изображение (Нажмите для увеличения)
safok.JPG
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB