Обучение/Помощь новичкам | Проблема с CSS
Здравствуйте мастера. Сегодня вот изменял код Заварушки. Хотел сделать вывод иконок шмота под авой игрока. Вроде получилось, НО! Есть маленькая проблема. Когда Одеваешь весь шмот - все норм. Когда снимаешь Весь шмот и оставляешь ток шлем - все норм. А когда только снимешь шлем, и не важно что на тебе одето то все равняется в столбик и уходит в лево. Скрины внизу в архиве.
А вот код профиля:
------
54424_.zip (387.8 Kb)
Скачиваний: 52
________
посл. ред. 28.02.2018 в 16:52; всего 1 раз(а); by Sheyx
А вот код профиля:
<?php
echo '<div class="center"><hr>'.($profile['sex'] == 'w' ? '<img src="/images/ava/2.png" width="250" height="300" >' : '<img src="/images/ava/1.png" width="250" height="300">').'</div><hr>';
$req = mysql_query("SELECT * FROM `inv` WHERE `id_user` = '".$user['id']."'and `odeta`='da'");
$avto=mysql_num_rows($req);
if ($avto == '0') {
echo '';
}else{
$req = mysql_query("SELECT * FROM `inv` WHERE `id_user` = '".$user['id']."' and `tip`='golova' and `odeta`='da'");
$avto=mysql_num_rows($req);
if($avto==1){
$mag = mysql_fetch_array($req);
echo'<ul class="grid">
<li><img src="/images/items/golova/'.$mag[item].'.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/>' .($mag['run'] >= 1 ? '<span class="info" style="float:right";>+'.$mag[run].'</span>' : '') . '</li>';
}else{
echo'<li><img src="/images/items/golova/helms.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/></li>';
}
$req = mysql_query("SELECT * FROM `inv` WHERE `id_user` = '".$user['id']."' and `tip`='tors' and `odeta`='da'");
$avto=mysql_num_rows($req);
if($avto==1){
$mag = mysql_fetch_array($req);
echo'<li><img src="/images/items/tors/'.$mag[item].'.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/>' .($mag['run'] >= 1 ? '<span class="info" style="float:right";>+'.$mag[run].'</span>' : '') . '</li>';
}else{
echo'<li><img src="/images/items/tors/body.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/></li>';
}
$req = mysql_query("SELECT * FROM `inv` WHERE `id_user` = '".$user['id']."' and `tip`='nogi' and `odeta`='da'");
$avto=mysql_num_rows($req);
if($avto==1){
$mag = mysql_fetch_array($req);
echo'<li><img src="/images/items/nogi/'.$mag[item].'.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/>' .($mag['run'] >= 1 ? '<span class="info" style="float:right";>+'.$mag[run].'</span>' : '') . '</li>';
}else{
echo'<li><img src="/images/items/nogi/amulet.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/></li>';
}
$req = mysql_query("SELECT * FROM `inv` WHERE `id_user` = '".$user['id']."' and `tip`='obuv' and `odeta`='da'");
$avto=mysql_num_rows($req);
if($avto==1){
$mag = mysql_fetch_array($req);
echo'<li><img src="/images/items/obuv/'.$mag[item].'.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/>' .($mag['run'] >= 1 ? '<span class="info" style="float:right";>+'.$mag[run].'</span>' : '') . '</li>';
}else{
echo'<li><img src="/images/items/obuv/sapogi.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/></li>';
}
////////////////////
//////////////////
$req = mysql_query("SELECT * FROM `inv` WHERE `id_user` = '".$user['id']."' and `tip`='perchatki' and `odeta`='da'");
$avto=mysql_num_rows($req);
if($avto==1){
$mag = mysql_fetch_array($req);
echo'<li><img src="/images/items/perchatki/'.$mag[item].'.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/>' .($mag['run'] >= 1 ? '<span class="info" style="float:right";>+'.$mag[run].'</span>' : '') . '</li>';
}else{
echo'<li><img src="/images/items/perchatki/ruki.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/></li>';
}
$req = mysql_query("SELECT * FROM `inv` WHERE `id_user` = '".$user['id']."' and `tip`='plechi' and `odeta`='da'");
$avto=mysql_num_rows($req);
if($avto==1){
$mag = mysql_fetch_array($req);
echo'<li><img src="/images/items/plechi/'.$mag[item].'.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/>' .($mag['run'] >= 1 ? '<span class="info" style="float:right";>+'.$mag[run].'</span>' : '') . '</li>';
}else{
echo'<li><img src="/images/items/plechi/shit.png" alt="" style="border:1px solid #131313;border-radius:2px;height:50px;width:50px"/></li>';
}
------
Скачиваний: 52
________
посл. ред. 28.02.2018 в 16:52; всего 1 раз(а); by Sheyx
[/code]
Вот CSS :
Я и размер картинок изменял. Все Картинки размера 48х48. никак не могу понять вообщем(
________
посл. ред. 28.02.2018 в 16:52; всего 1 раз(а); by Sheyx
Вот CSS :
ul.grid {
list-style:none;
margin:0;
padding:0;
}
ul.grid:after{
content:'';
display:block;
width:100%;
height:0px;
clear:both;
}
ul.grid li {
display:block;
float:left;
width:25%; /* можем поменять на 20 и сделать margin:0 2.5%;.. суть думаю понятна */
height: 100px;
overflow:hidden;
}
ul.grid li img {
display:block;
max-width:100%;
height: auto; /* или 150px */
margin:0 auto;
} Я и размер картинок изменял. Все Картинки размера 48х48. никак не могу понять вообщем(
________
посл. ред. 28.02.2018 в 16:52; всего 1 раз(а); by Sheyx
Код php весь не поместился. Но я думаю там самое главное это самый первый код с головой
На Крайняк я могу сделать так чтобы при не надетом шмоте, он просто не высвечивался, тоесть исчезал. Но это не очень(
DELETED
28 февраля 2018, в 17:14
Delete
Sheyx (28.02.2018 в 16:53)
Код php весь не поместился . Но я думаю там самое главное это самый первый код с головой
Код php весь не поместился . Но я думаю там самое главное это самый первый код с головой
https://gist.github.com/
shadrvlad (28.02.2018 в 17:14)
Sheyx (28.02.2018 в 16:53)
Код php весь не поместился . Но я думаю там самое главное это самый первый код с головой
https://gist.github.com/
Sheyx (28.02.2018 в 16:53)
Код php весь не поместился . Но я думаю там самое главное это самый первый код с головой
https://gist.github.com/
https://gist.github.com/anonymous/6482e558870b5d0658b740a5709fad84
Вот так вот
DELETED
28 февраля 2018, в 20:11
Delete