Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Расстановка переносов на страницах сайта

В какой-то статье проскользывала мысль о расстановке переносов на страницах сайта.

Кто-нибудь пробовал? Или хотя бы знает, куда копать?

Конечно, динамически вычислять конец каждой строки и разбивать ее переносом - скорее всего утопия. А вот добавление "*" между слогами в каждом слове - наверное можно попробовать. Или нет?
Ответ: 1. В современном мобильном мире, ширина окна большинства устройств стала существенно меньше, чем раньше. В связи с чем, озаботиться переносами должен каждый уважающий себя ресурс.

2. Сделать все автоматически в любом случае не получится. Почему? Да хотя бы взять языки, далеко не все браузеры из поддерживают в принципе и Ваш конкретный язык в частности или тем более если у Вас на странице несколько языков вперемешку.

3. Единственное кросс-браузерное решение, это использовать кросс-браузерные символы мягкого переноса. Это дает стабильные прогнозируемые переносы в нужных местах на всех устройствах.

4. Делается это путем вставления мнемокодов "*" в html текста в местах где вы считаете необходимым сделать разрыв, в случае необходимости. Если необходимости нет, то отображается слово целиком, в случае если есть возможность переноса, слово будет разбито и символ дефиса будет добавлен к части слова которое остается, другая часть будет перенесена.

5. Я бы не советовал делать эти расстановки онлайн, так как это тратит лишние ресурсы и также может привести к дополнительным ошибкам на сайте. Лучше всего это делать при верстке.

6. Единственная проблема, которая, существовала раньше, это собственно ручное нахождение и собственно расстановка символов переноса. Например, вместо слова "собака" нужно набрать "со*ба*ка" и нигде не ошибиться.

7. Сейчас есть много сервисов, которые делают это это мгновенно, просто вставляете слово собака и копируете слово уже с мягкими переносами. Я рекомендую обратить внимание на этот . Почему именно он:
- поддержка любых символов переноса
- можно указать минимальную длину слова которое необходимо разбивать
(например, разбивать только длинные слова, которые реально портят картину)
- можно указать язык (ru/en или смешанный) актуально для мультиязычных сайтов
- реверс инженеринг, т.е. после того как вы провернули эту операцию и через месяц решили изменить текст, Вам не нужно опять все набивать вручную просто вставляете текст с мягкими переносами откуда вы его взяли, и она отображает текст без переносов, изменяете его как Вам нужно и копируете уже с мягкими переносами.

Если не согласны с любым из доводов, пишите, давай те обсудим.
Вопрос: Как в наше время создаются дополнительные страницы сайта?

Друзья, как в 2015 году профессионально создаются 2, 3 и т.д. страницы сайта. Если, например, на всех страницах одни и те же шапка и подвал. Я попробовал сверстать через AJAX, так чтобы в контейнер главной страницы подгружалась нужная информация, когда например пользователь кликает по кнопкам навигации.
Но при этом, если нажать кнопку "назад", то с сайта вылетаем. Если обновить, то отображается главная страница сайта. А это вообще неудобно.
Так как же правильно верстать? Можно ссылки на актуальные ресурсы.
Ответ:
Сообщение от SmittWesson
А, что такое - бутстраповская сетка? Термин незнакомый.
Это скорее мой личный термин... Когда шаблон верстается с использованием для разработки адаптивного проекта... Весьма удобная вещица... Представляет собой готовые решения для блочной вёрстки, суть которого заключается в использовании предустановленной резиновой ширины ключевых блоков на странице... Все блоки расположенные на странице представляют собой своеобразную ассиметричную сетку(таблицу)... И это лишь один из многочисленных плюсов данного фреймворка, но пожалуй самый основной... В данный момент большинство CMS им оснащены...
Вопрос: Убрать ограничение по высоте страниц сайта

Добрый день, уважаемые гуру CSS!
Столкнулся с проблемой на сайте - где-то есть, видимо, значение максимальной высоты страницы сайта - если добавляем дополнительный материал на страницу, но нижняя часть контента скрывается под футрером.

Искал в css файлах жестко заданные значения height и max-height - ничего не нашел...

Пример страницы с "скрытым" контентом http:// goo. gl /eKWh0g (пробелы лишние, не дает ссылку воткнуть) - не видны автокраны 100 тонн, 130 тонн и описание страницы.

Буду очень признателен, если ткнете меня носом - что и в каком файле нужно изменить!
Ответ: Fedor92, если я правильно понял вопрос, то пока что до 11 единиц техники будет в самом большом разделе

В админке вордпресс настроек нет на эту страницу - шаблон автоматом выводит тут все страницы (ссылки на них, краткое описание), для которых текущая является родительской

Добавлено через 7 минут
На соседнем форуме подсказали решение:
.b_content {
display: inline-block;
/* position: absolute; */
/* padding: 24px 46px; */
width: 641px;
float: left;
margin: 25px 0px 0px 40px;
}

Всем спасибо, тему можно закрыть!
Вопрос: как дать доступ к игрушке на странице сайта?

как дать доступ к игрушке на странице сайта? (Если вопрос не сюда прошу прошения)!
Есть сайт на ISS с движком joomla! Нужно дать дать доступ к игре со страницы сайта!
Как это сделать?
Нужно ли устанавливать игру в качестве приложения в iis или как то еще?

Заране прошу прошение за глупые вопросы если они есть или будут!
Вообще не понимаю как это должно быть сделано...такую задачу решаю в первые.
Если вопрос задам не там прошу не ругать и по возможности перенести туда куда следует!

Заранее всем спасибо!
Ответ: Игра казино СУПЕРОМАТИК......я думал сначала понять вообще в принципе как это делается...... у меня клиентская часть игры .... по идее должно выглядит как то так....
по ссылке на сайте пользователю открывается страница где запускается его клиентская приложение которое установлено где то (например на другом сервере)...он спокойно играет и пользуется все возможностями игры
Вопрос: Скриншот удаленной страницы сайта средствами js

Подскажите как возможно сделать скриншот страницы сайта? Задача такая: на своем сайте нужно динамически выводить миниатюру страницы сторонего сайта. Как такое можно сделать?!
Ответ: vovandr, Надо же сторонний сайт скринить, а здесь есть возможность только свой скрин делать
Вопрос: Реализация страницы сайта - незадача

Как сделать, чтобы нижняя лента на странице сайте (колонтитул) была на всю ширину страницы, так как на других страницах.
Ответ: Было б информативней, если бы вы сделали скриншот и обвели рамкой ленту (колонтитул) о котором вы спрашиваете, на сайте не понятно за какой конкретно элемент идет речь?
Вопрос: Сохранения страницы сайта

Встала задача сохранения страницы сайта. Подскажите какая функция javascript прикручена к событию нажатия ctrl + s в firefox, или имеется ли таковая. Если нет то есть ли достойная альтернатива для сохранения страницы сайта вместе с css и сопутствующими файлами. Заранее очень благодарен.
Ответ: Встроенной функции нет. Но можно попробовать сохранять страницу таким путём:

var link = document.createElement('a');
link.href = '';
link.download = '';
link.click();
Вопрос: Долго грузится страница сайта

Почему то долго грузятся страницы сайта. Почему?

Кликните здесь для просмотра всего текста
PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
     <head>
     <title>Home</title>
     <meta charset="utf-8">
     <link rel="icon" href="http://www.cyberforum.ru/images/favicon.ico">
     <link rel="shortcut icon" href="http://www.cyberforum.ru/images/favicon.ico" />
     <link rel="stylesheet" href="css/style.css">
     <script src="js/jquery.js"></script>
     <script src="js/jquery-migrate-1.1.1.js"></script>
     <script src="js/jquery.equalheights.js"></script>
     <script src="js/jquery.ui.totop.js"></script>
     <script src="js/jquery.easing.1.3.js"></script>
     <script>
        $(document).ready(function(){
          $( ".block1" ).mouseover(function() {
            $(this).addClass( "blur" );
          });
          $( ".block1" ).mouseout(function() {
            $(this).removeClass( "blur" );
          });
          $().UItoTop({ easingType: 'easeOutQuart' });
        }) 
     </script>
     <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
         </a>
    <![endif]-->
    <!--[if lt IE 9]>
    
      <script src="js/html5shiv.js"></script>
      <link rel="stylesheet" media="screen" href="css/ie.css">
    <![endif]-->
    <!--[if lt IE 10]>
      <link rel="stylesheet" media="screen" href="css/ie1.css">
    <![endif]-->
    
     </head>
     <body class="page1">
 
<!--==============================header=================================-->
 <header> 
  <div class="container_12">
   <div class="grid_12"> 
    <div class="socials">
      <a href="#"></a>
      <a href="#"></a>
      <a href="#"></a>
      <a href="#" class="last"></a>
    </div>
    <h1><a href="index.html"><img src="http://www.cyberforum.ru/images/logo.png" alt="Boo House"></a> </h1>
    <div class="menu_block">
 
 
    <nav id="bt-menu" class="bt-menu">
        <a href="#" class="bt-menu-trigger"><span>Menu</span></a>
        <ul>
          <li class="current bt-icon "><a href="index.html">Home</a></li>
         <li class="bt-icon"><a href="index-1.html">About</a></li>
         <li class="bt-icon"><a href="index-2.html">Menu</a></li>
         <li class="bt-icon"><a href="index-3.html">Blog</a></li>
         <li class="bt-icon"><a href="index-4.html">Reservation</a></li>
         <li class="bt-icon"><a href="index-5.html">Contacts</a></li>
        </ul>
      </nav>
    
 <div class="clear"></div>
</div>
<div class="clear"></div>
          </div>
      </div>
</header>
 
<!--==============================Content=================================-->
 
<div class="content"><div class="ic">More Website Templates @ TemplateMonster.com - December 02, 2013!</div>
<a href="index-2.html" class="block1">
  <img src="http://www.cyberforum.ru/images/blur_img1.jpg" alt="">
  <span class="price"><span>magna non nunc</span><span><small>$</small> 29.35</span><strong></strong></span>
</a>
<a href="index-2.html" class="block1">
  <img src="http://www.cyberforum.ru/images/blur_img2.jpg" alt="">
  <span class="price"><span>terto nomino</span><span><small>$</small> 35.45</span><strong></strong></span>
</a>
<a href="index-2.html" class="block1">
  <img src="http://www.cyberforum.ru/images/blur_img3.jpg" alt="">
  <span class="price"><span>metus feugiat</span>
<span><small>$</small> 50.10</span><strong></strong></span>
</a>
 
  <div class="container_12">
    <div class="grid_12">
      <h3>New in Menu</h3>
    </div>
    <div class="grid_3">
      <div class="box maxheight">
        <img src="http://www.cyberforum.ru/images/box_img1.jpg" alt="">
        <div class="title">Lorem Ipsum</div>
        Integer convallis orci vel mi nelaoreet, at ornare lorem consequat. Phasellus era nisl auctor vel veliterol. 
        <br>
        <a href="#">More Info</a>
      </div>
    </div>
    <div class="grid_3">
      <div class="box maxheight">
        <img src="http://www.cyberforum.ru/images/box_img2.jpg" alt="">
        <div class="title">Aliquamh ante</div>
        Benteger convallis orci veli elaoreet, at ornare loremo konsequat. Phasellus era nisl auctor vel veliterut. 
        <br>
        <a href="#">More Info</a>
      </div>
    </div>
    <div class="grid_3">
      <div class="box maxheight">
        <img src="http://www.cyberforum.ru/images/box_img3.jpg" alt="">
        <div class="title">Ulum volutpat</div>
        Hrtolieger convallis omi tem aore, at ornare loren coate. Pasellus era nisl auctor vel veliterolsed pharetra. 
        <br>
        <a href="#">More Info</a>
      </div>
    </div>
    <div class="grid_3">
      <div class="box maxheight">
        <img src="http://www.cyberforum.ru/images/box_img4.jpg" alt="">
        <div class="title">Vestibulum volu</div>
        Convallis orci vel mi oreet, at kotornare lorem consequat. Sellus era nisl auctor vel veliterolvenenatis nulla. 
        <br>
        <a href="#">More Info</a>
      </div>
    </div>
  </div>
</div>
 
<!--==============================footer=================================-->
 
<footer>    
  <div class="container_12">
    <div class="grid_6 prefix_3">
      <a href="index.html" class="f_logo"><img src="http://www.cyberforum.ru/images/f_logo.png" alt=""></a>
      <div class="copy">
      &copy; 2013 | <a href="#">Privacy Policy</a> <br> Website   designed by <a href="http://www.templatemonster.com/" rel="nofollow">TemplateMonster.com</a>
      </div>
    </div>
  </div>
</footer>
     <script>
      $(document).ready(function(){ 
         $(".bt-menu-trigger").toggle( 
          function(){
            $('.bt-menu').addClass('bt-menu-open'); 
          }, 
          function(){
            $('.bt-menu').removeClass('bt-menu-open'); 
          } 
        ); 
      }) 
    </script>
</body>
</html>


Кликните здесь для просмотра всего текста
PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">
     <head>
     <title>About</title>
     <meta charset="utf-8">
     <link rel="icon" href="http://www.cyberforum.ru/images/favicon.ico">
     <link rel="shortcut icon" href="http://www.cyberforum.ru/images/favicon.ico" />
     <link rel="stylesheet" href="css/style.css">
     <script src="js/jquery.js"></script>
     
     <script src="js/jquery-migrate-1.1.1.js"></script>
     <script src="js/jquery.equalheights.js"></script>
     <script src="js/jquery.ui.totop.js"></script>
     <script src="js/jquery.easing.1.3.js"></script>
     <script>
        $(document).ready(function(){
 
          $().UItoTop({ easingType: 'easeOutQuart' });
        }) 
     </script>
     <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
         </a>
 
    <![endif]-->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <link rel="stylesheet" media="screen" href="css/ie.css">
    <![endif]-->
    <!--[if lt IE 10]>
      <script src="js/html5shiv.js"></script>
      <link rel="stylesheet" media="screen" href="css/ie1.css">
    <![endif]-->
    
     </head>
     <body  class="">
 
<!--==============================header=================================-->
 <header> 
  <div class="container_12">
   <div class="grid_12"> 
    <div class="socials">
      <a href="#"></a>
      <a href="#"></a>
      <a href="#"> </a>
      <a href="#" class="last"></a>
    </div>
    <h1><a href="index.html"><img src="http://www.cyberforum.ru/images/logo.png" alt="Boo House"></a> </h1>
    <div class="menu_block">
 
 
    <nav id="bt-menu" class="bt-menu">
        <a href="#" class="bt-menu-trigger"><span>Menu</span></a>
        <ul>
          <li class="bt-icon "><a href="index.html">Home</a></li>
         <li class="current bt-icon"><a href="index-1.html">About</a></li>
         <li class="bt-icon"><a href="index-2.html">Menu</a></li>
         <li class="bt-icon"><a href="index-3.html">Blog</a></li>
         <li class="bt-icon"><a href="index-4.html">Reservation</a></li>
         <li class="bt-icon"><a href="index-5.html">Contacts</a></li>
        </ul>
      </nav>
    
 <div class="clear"></div>
</div>
<div class="clear"></div>
          </div>
      </div>
</header>
 
<!--==============================Content=================================-->
 
<div class="content"><div class="ic">More Website Templates @ TemplateMonster.com - December 02, 2013!</div>
  <div class="container_12">
    <div class="grid_8">
    <h3>About Us</h3>
      <img src="http://www.cyberforum.ru/images/page2_img.jpg" alt="" class="img_inner fleft">
      <div class="extra_wrapper">
        <p class="col1">Following the <span><a href="http://blog.templatemonster.com/free-website-templates/" rel="dofollow">link</a></span>, you’ll learn more about this goodie produced by <br> TemplateMonster.com. </p>
        <p class="col1">Want to get more designs of this kind? Check out the category of premium <span><a href="http://www.templatemonster.com/category/cafe-and-restaurant-website-templates/" rel="nofollow">Cafe &amp; Restaurant templates</a></span>.</p>
        <p>Aliquam nibh ante, egestas id dictum modo luctus libero. Praesent faucibus malesorem ipsum dolor sit amet, consecteturer. </p>
      </div>
       at magna non nunc tristique rhoncus. Aliquam nibh ante, egestas id dictum ammodo luctus libero. Praesent faucibus malesuada faucibus. Lorem ipsum dolor sit ametconsectetur adipiscing elit. Nullam consectetur orci sed nulla facilisis consequat. 
    </div>
    <div class="grid_4">
      <h3>Features</h3>
      <p class="col1 pad1">Magna non nunc tristiquencus. Aliquam nibh ante, egestas id dictum modo luctus libero. </p>
      <p class="pad1">Dolor sit amet, consectetureripiscingelit. Nullam consectetur orci se nullafaci.</p>
      <ul class="list">
        <li><a href="#">Curabitur Vellore Sit</a></li>
        <li><a href="#">Eu Consectetur Ligula</a></li>
        <li><a href="#">Dui eros Laoreet Sit amet </a></li>
        <li><a href="#">Estvel Dertolino</a></li>
        <li><a href="#">Commodo Venenatis Erossce</a></li>
        <li><a href="#">Adipiscing Quam id Risus </a></li>
        <li><a href="#">Sagittis  Consequat Lacus </a></li>
        <li><a href="#">Onterdumoin ut </a></li>
      </ul>
    </div>
    <div class="grid_12">
      <h3 class="head1">The Best of Professionals</h3>
    </div>
    <div class="grid_3">
      <div class="box maxheight">
        <img src="http://www.cyberforum.ru/images/page2_img1.jpg" alt="">
        <div class="title"><a href="#">Emma Smith</a></div>
Deneger convallis orci vel mi delaoreet, at ornare lorem consequat. Phasellus era nisl auctor vel velitero. 
 
      </div>
    </div>
    <div class="grid_3">
      <div class="box maxheight">
        <img src="http://www.cyberforum.ru/images/page2_img2.jpg" alt="">
        <div class="title"><a href="#">Thomas Nelson</a></div>
Reenteger convallis orci veli saelaoreet, at ornare lorem konsequat. Khasellus era  jauctor vel veliteru.  
      </div>
    </div>
    <div class="grid_3">
      <div class="box maxheight">
        <img src="http://www.cyberforum.ru/images/page2_img3.jpg" alt="">
        <div class="title"><a href="#">Linda Grey</a></div>
Ortolieger convallis omi tem more, at ornare loren coatr. Lasellus era nisl auctor vel veliterolsed pharetr. 
 
      </div>
    </div>
    <div class="grid_3">
      <div class="box maxheight">
        <img src="http://www.cyberforum.ru/images/page2_img4.jpg" alt="">
        <div class="title"><a href="#">Richard Cox</a></div>
Gonvallis orci vel mi oreilat otornare lorem consequat. Kllus era nisl auctor veli detelolvenenatis nullo. 
 
      </div>
    </div>
  </div>
</div>
 
<!--==============================footer=================================-->
 
<footer>    
  <div class="container_12">
    <div class="grid_6 prefix_3">
      <a href="index.html" class="f_logo"><img src="http://www.cyberforum.ru/images/f_logo.png" alt=""></a>
      <div class="copy">
      &copy; 2013 | <a href="#">Privacy Policy</a> <br> Website   designed by <a href="http://www.templatemonster.com/" rel="nofollow">TemplateMonster.com</a>
      </div>
    </div>
  </div>
</footer>
      <script>
      $(document).ready(function(){ 
         $(".bt-menu-trigger").toggle( 
          function(){
            $('.bt-menu').addClass('bt-menu-open'); 
          }, 
          function(){
            $('.bt-menu').removeClass('bt-menu-open'); 
          } 
        ); 
      }) 
    </script>
</body>
 
</html>


Вот подобных страниц 6 штук. Может в них что то не так?
Ответ:
Сообщение от Balanaar
Вы бы лучше ссылку на сам сайт дали, если он у вас не локально расположен
Локально.
Вопрос: На главной странице сайта не отображаются картинки записей, а в самой записи все картинки отображаются

Доброго времени суток всем. Помогите пожалуйста разобраться. На главной странице сайта не отображаются картинки записей, а в самой записи все картинки отображаются. Почему? Заранее спасибо.
Ответ:
Сообщение от coloribo
Помогите пожалуйста разобраться
А помогаем. Дайте PHP код главной страницы. Index.php по идее... Хотя могут быть и другие варианты )
Вопрос: Сделать разный description для разных страниц сайта

Как сделать разное описание в <meta name="description" content="..." /> для разных страниц сайта на Wordpress? С помощью какого php кода?
Ответ: Вам не нужно лезть в php. Достаточно установить плагин, который отвечает за SEO - к примеру, All in one SEO pack, или yoast seo. Они позволяют настраивать всё, что вам нужно для каждой отдельной страницы.