Гость
Покинул форум
Сообщений всего: 96
Дата рег-ции: Март 2013
Помог: 0 раз(а)
[+]
|
css:
PHP:
скопировать код в буфер обмена
<style> a { text-decoration:none; color:#03508c; font-weight:bold; font-size:16px; } #wind { position: absolute; width:320px; left: 35%; top: 100px; border:solid #71d547 2px; display: none; z-index: 10; overflow: hidden; background-color:#ffff00; //внутрі color:#fff; text-align:center; padding:10px; } .lux { width: 300px; border: 1px solid #a52a2a; border-collapse: collapse; border-spacing: 0; } .lux th { background: #a52a2a; color: white; } .lux td { border-bottom: 1px solid #a52a2a; } .lux td, .lux th { padding: 4px; text-align:center; } .lux tr:nth-of-type(odd) {background-color: #fff8dc;} .lux tr:nth-of-type(even) {background-color:#fffff0;} .lux tr td:first-child {text-align:left} </style>
Код:
CODE ( html):
скопировать код в буфер обмена
<div id="wind"> <div align="center"> <p><img src='http://mp.teeworlds.su/img/maps/china-plant.png' width='400' height='102' align="bottom"></p> <table class="lux"> <tr> <td>Имя</td> <td>Клан</td> <td>Флаг</td> <td>Score</td> <td>Team</td> </tr> <?php foreach ($test["players"] as &$player) { ?> <tr> <td><?php echo $player["name"]; ?> </td> <td><?php echo $player["clan"]; ?> </td> <td><img src='http://mp.teeworlds.su/img/countryflags/<?php echo $player["flag"];?>.png' width='32' height='16'></td> <td><?php echo $player["score"]; ?> </td> <td><?php echo $player["team"]; ?> </td> </tr> <?php } ?> </tr> </table> </div> <button type="button" value="закрыть" onclick="document.getElementById('wind').style.display='none'; return false;"> закрыть</button> </div>
Как выровнять картинку по середине? И как сделать закругленные края в рамке..? Прикреплено изображение (Нажмите для увеличения)
|