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 :: Помогите перенести блок:) (Cкриншот присутствует)

 PHP.SU

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


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

> Без описания
Safok
Отправлено: 25 Июня, 2013 - 11:20:42
Post Id



Гость


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


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

[+]


Нужно перенести нижний блок вправо.
Код:
HTML:
CODE (html):
скопировать код в буфер обмена
  1. [code=html]<div class="news-box">
  2. <div class="block-header">Личный кабинет</b></div>
  3.  
  4.  
  5.     <div class="navbar">
  6.         <div class="navbar-inner">
  7.                
  8.        
  9.     <div class="skin-block" >
  10.           <div id="profile-skin-front" style="background:url(skin.php?user_id=858&refresh=3099); display:inline-block; height: 224px; width: 112px;"></div>
  11.     </div>  
  12.     <div class="skin-block" >
  13.       <div id="profile-skin-back" style="background:url(skin.php?user_id=858&refresh=3099); background-position: 112px 0px; display:inline-block; height: 224px; width: 112px;"></div>
  14.         </div>
  15.         <div class="tabbable" style="display: inline-block;">
  16.                 <div class="tab-pane active" id="tab1" style="margin-top: 6px;">
  17.                   <div class="info"><div class="ileft">Ник:</div><div id="profile-name" class="iright">123456</div></div>
  18.           <div class="info"><div class="ileft">Почта:</div><div class="iright">rettytyr@mail.ru</div></div>
  19.           <div class="info"><div class="ileft">Группа:</div><div id="profile-group" class="iright">Обычный игрок</div></div>
  20.                     <div class="info"><div class="ileft">Баланс:</div><div class="iright">0 руб.</div></div>
  21.                   <div class="info"><div class="ileft">Монеты:</div><div class="iright">0</div></div>
  22.                   <!--<div class="info" style="border-bottom:0;"><div class="ileft">Бонус:</div><div class="iright"></div></div>
  23.                   Показано суммарное количество алмазов со всех серверов.<br>
  24.                   Чтобы получить в игре, введите <b>/getbonus</b> -->
  25.                 </div>
  26.  
  27.     </div>
  28.         </div>
  29.     </div>
  30.         <div class="block-header">Изменение скина (плаща)</b></div>
  31. <table style="margin-left:20px;">
  32.         <tr>
  33.         <td width="105px"><i class="livicon" data-s="100" data-c="#7aafff" data-n="wrench"></i></td>
  34.         <td>
  35.         <td>                   
  36. <center><strong><div class="skin_and_cloak">Сменить скин</div></strong></center>
  37. <br>
  38. <form action="<?php $faction ?>" method="POST" enctype="multipart/form-data">Сменить скин - Файл .png размером до 1024x512:<br>
  39. <table>
  40.                                                                         <tr>
  41.                                                                                 <td>
  42.  <input type="file" name="filename"><br>
  43. </td>
  44.                                                                           <td>
  45. <input type="submit" name="HDcharge" value="Загрузить" class="button"></td>
  46.                                                                         </tr>
  47.                 </table>
  48.           </form>
  49.                                                
  50.                                                 <center><strong><div class="skin_and_cloak">Сменить плащ</div></strong></center>
  51.                                                 <br>
  52.   <form action="<?php $faction ?>" method="POST" enctype="multipart/form-data">Сменить плащ - Файл .png размером до 1024x512:<br>
  53. <table>
  54.                                                                         <tr>
  55.                                                                                 <td>
  56.  <input type="file" name="filename"><br>
  57. </td>
  58.                                                                           <td>
  59. <input type="submit" name="HDcloakcharge" value="Загрузить" class="button"></td>
  60.                                                                         </tr>
  61.                 </table>
  62.           </form>
  63. </td>
  64.           </td>
  65.   </tr>
  66. </table>
  67. </div></div>

[/code]
css:
Спойлер (Отобразить)

Прикреплено изображение (Нажмите для увеличения)
phpsu.PNG
 
 Top
Denkill
Отправлено: 25 Июня, 2013 - 11:22:57
Post Id



Посетитель


Покинул форум
Сообщений всего: 330
Дата рег-ции: Янв. 2013  
Откуда: Барнаул


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




Этот блок просто не влезет туда уменьши width

(Отредактировано автором: 25 Июня, 2013 - 11:23:15)



-----
Хо-Хо-Хо
 
 Top
Safok
Отправлено: 25 Июня, 2013 - 11:25:02
Post Id



Гость


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


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

[+]


Denkill пишет:
Этот блок просто не влезет туда уменьши width

Какой блок то уменьшить?Улыбка
 
 Top
Denkill
Отправлено: 25 Июня, 2013 - 11:27:47
Post Id



Посетитель


Покинул форум
Сообщений всего: 330
Дата рег-ции: Янв. 2013  
Откуда: Барнаул


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




Как я понял он у тебя он в блоке tabbable а в стилях его нет

Добавь в стили
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. .tabbable{
  3. width:250px; /*Подгонишь под шаблон*/
  4. float:right;
  5. }
  6.  

(Отредактировано автором: 25 Июня, 2013 - 11:28:35)



-----
Хо-Хо-Хо
 
 Top
Safok
Отправлено: 25 Июня, 2013 - 11:37:50
Post Id



Гость


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


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

[+]


Denkill пишет:
tabbable

У меня на бутстапе:
CODE (html):
скопировать код в буфер обмена
  1. .tabbable {
  2.   *zoom: 1;
  3. }
  4.  
  5. .tabbable:before,
  6. .tabbable:after {
  7.   display: table;
  8.   line-height: 0;
  9.   content: "";
  10. }
  11.  
  12. .tabbable:after {
  13.   clear: both;
  14. }
 
 Top
Denkill
Отправлено: 25 Июня, 2013 - 11:42:35
Post Id



Посетитель


Покинул форум
Сообщений всего: 330
Дата рег-ции: Янв. 2013  
Откуда: Барнаул


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




Если на bootstrape то добавь еще стиль span2(кажется) или какую другую циферку что бы ширина блока уменьшилась.


-----
Хо-Хо-Хо
 
 Top
Safok
Отправлено: 25 Июня, 2013 - 12:06:18
Post Id



Гость


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


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

[+]


Проблема не решилась!
 
 Top
Denkill
Отправлено: 25 Июня, 2013 - 12:12:25
Post Id



Посетитель


Покинул форум
Сообщений всего: 330
Дата рег-ции: Янв. 2013  
Откуда: Барнаул


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




Заключи его еще в один див
CODE (html):
скопировать код в буфер обмена
  1. <div style="width:150px;float:right;">  <div class="tabbable" style="display: inline-block;">
  2.  
  3.                 <div class="tab-pane active" id="tab1" style="margin-top: 6px;">
  4.                   <div class="info"><div class="ileft">Ник:</div><div id="profile-name" class="iright">123456</div></div>
  5.  
  6.           <div class="info"><div class="ileft">Почта:</div><div class="iright">rettytyr@mail.ru</div></div>
  7.           <div class="info"><div class="ileft">Группа:</div><div id="profile-group" class="iright">Обычный игрок</div></div>
  8.                     <div class="info"><div class="ileft">Баланс:</div><div class="iright">0 руб.</div></div>
  9.                   <div class="info"><div class="ileft">Монеты:</div><div class="iright">0</div></div>
  10.                   <!--<div class="info" style="border-bottom:0;"><div class="ileft">Бонус:</div><div class="iright"></div></div>
  11.                  Показано суммарное количество алмазов со всех серверов.<br>
  12.                  Чтобы получить в игре, введите <b>/getbonus</b> -->
  13.                </div>
  14. </div></div>


-----
Хо-Хо-Хо
 
 Top
Safok
Отправлено: 25 Июня, 2013 - 12:19:10
Post Id



Гость


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


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

[+]


Что то не то Однако
Прикреплено изображение (Нажмите для увеличения)
safokphpsu.PNG
 
 Top
Denkill
Отправлено: 25 Июня, 2013 - 12:22:15
Post Id



Посетитель


Покинул форум
Сообщений всего: 330
Дата рег-ции: Янв. 2013  
Откуда: Барнаул


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




Я так понимаю ты этого и хотел

CODE (html):
скопировать код в буфер обмена
  1. <div style="width:150px;float:right;">

Поменяй 150px так как тебе нужно.
(Добавление)
Ох ну да не разгядел немножко float:right; попробуй убери


-----
Хо-Хо-Хо
 
 Top
Safok
Отправлено: 25 Июня, 2013 - 12:31:13
Post Id



Гость


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


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

[+]


Не пашетНедовольство, огорчение
 
 Top
Denkill
Отправлено: 25 Июня, 2013 - 12:34:10
Post Id



Посетитель


Покинул форум
Сообщений всего: 330
Дата рег-ции: Янв. 2013  
Откуда: Барнаул


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




Safok пишет:
Не пашет

Что значит не пашет, что показывает?


-----
Хо-Хо-Хо
 
 Top
Safok
Отправлено: 25 Июня, 2013 - 15:18:23
Post Id



Гость


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


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

[+]


Denkill пишет:
Что значит не пашет, что показывает?

cкрин выше!
 
 Top
Safok
Отправлено: 25 Июня, 2013 - 15:41:52
Post Id



Гость


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


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

[+]


Теперт проблема заключается в том что бы убрать переносы..
файл css сверху, html:
CODE (html):
скопировать код в буфер обмена
  1. <div class="news-box">
  2. <div class="block-header">Личный кабинет</b></div>
  3.  
  4.  
  5.     <div class="navbar">
  6.         <div class="navbar-inner">
  7.                
  8.        
  9.     <div class="skin-block" >
  10.           <div id="profile-skin-front" style="background:url(/skins/skin.php?user_name=<?php echo $username;?>&mode=1); display:inline-block; height: 224px; width: 112px;"></div>
  11.     </div>  
  12.     <div class="skin-block" >
  13.       <div id="profile-skin-back" style="background:url(/skins/skin.php?user_name=<?php echo $username;?>&mode=2); background-position: 112px 0px; display:inline-block; height: 224px; width: 112px;"></div>
  14.         </div>
  15.         <div style="width:342px;float:right;">  <div class="tabbable" style="display: inline-block;">
  16.  
  17.  
  18.  
  19.                 <div class="tab-pane active" id="tab1" style="margin-top: 6px;">
  20.  
  21.                   <div class="info"><div class="ileft">Ник:</div><div id="profile-name" class="iright">123456</div></div>
  22.  
  23.  
  24.  
  25.           <div class="info"><div class="ileft">Почта:</div><div class="iright">rettytyr@mail.ru</div></div>
  26.  
  27.           <div class="info"><div class="ileft">Группа:</div><div id="profile-group" class="iright">Обычный игрок</div></div>
  28.  
  29.                     <div class="info"><div class="ileft">Баланс:</div><div class="iright">0 руб.</div></div>
  30.  
  31.                   <div class="info"><div class="ileft">Монеты:</div><div class="iright">0</div></div>
  32.  
  33.                   <!--<div class="info" style="border-bottom:0;"><div class="ileft">Бонус:</div><div class="iright"></div></div>
  34.  
  35.                  Показано суммарное количество алмазов со всех серверов.<br>
  36.  
  37.                  Чтобы получить в игре, введите <b>/getbonus</b> -->
  38.  
  39.                </div>
  40.  
  41. </div></div>
  42.  
  43.  
  44.         </div>
  45.     </div>
  46.         <div class="block-header">Изменение скина (плаща)</b></div>
  47. <table style="margin-left:20px;">
  48.         <tr>
  49.         <td width="105px"><i class="livicon" data-s="100" data-c="#7aafff" data-n="wrench"></i></td>
  50.         <td>
  51.         <td>                   
  52. <center><strong><div class="skin_and_cloak">Сменить скин</div></strong></center>
  53. <br>
  54. <form action="<?php $faction ?>" method="POST" enctype="multipart/form-data">Сменить скин - Файл .png размером до 1024x512:<br>
  55. <table>
  56.                                                                         <tr>
  57.                                                                                 <td>
  58.  <input type="file" name="filename"><br>
  59. </td>
  60.                                                                           <td>
  61. <input type="submit" name="HDcharge" value="Загрузить" class="button"></td>
  62.                                                                         </tr>
  63.                 </table>
  64.           </form>
  65.                                                
  66.                                                 <center><strong><div class="skin_and_cloak">Сменить плащ</div></strong></center>
  67.                                                 <br>
  68.   <form action="<?php $faction ?>" method="POST" enctype="multipart/form-data">Сменить плащ - Файл .png размером до 1024x512:<br>
  69. <table>
  70.                                                                         <tr>
  71.                                                                                 <td>
  72.  <input type="file" name="filename"><br>
  73. </td>
  74.                                                                           <td>
  75. <input type="submit" name="HDcloakcharge" value="Загрузить" class="button"></td>
  76.                                                                         </tr>
  77.                 </table>
  78.           </form>
  79. </td>
  80.           </td>
  81.   </tr>
  82. </table>
  83. </div></div>

Прикреплено изображение (Нажмите для увеличения)
phpsunexyuta.PNG
 
 Top
Denkill
Отправлено: 25 Июня, 2013 - 17:11:28
Post Id



Посетитель


Покинул форум
Сообщений всего: 330
Дата рег-ции: Янв. 2013  
Откуда: Барнаул


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




Попробуй не заключать в дивы <div id="profile-name" class="iright">123456</div> а в <span class="iright">


-----
Хо-Хо-Хо
 
 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