HTML Coding

29,542 questions in this forum

1. Текст диалога в HTML

   Есть необходимость оформить текст диалога между несколькими собеседниками. В настоящее время он сделан у меня так: <table width="100%" border="0" cellspacing="4"> <tr> <td width="15%">Собеседник 1:</td> <td width="85%">– Реплика 1.</td> </tr> <tr> <td>Собеседник 2:</td> <td>– Реплика 2.</td> </tr> <tr> <td>Собеседник 3:</td> <td>– Реплика 3.</td> </tr> </table> Выглядит как надо, но код несколько громоздкий. Особенно когда диалог очень большой. В HTML 5 появился элемент dialog, с которым это выглядит уже компактнее: <dialog> &lt…

   Asked by Pinguin, October 28, 2010

   0 votes
   16 answers
2. Текст для определенного размера экрана

   Для стилей использую конструкцию вида - <link href="/css/style_480.css" rel="stylesheet" media="only screen and (max-width:480px)">Интересует, как можно в самом коде html делать подобные решения. Например, если экран устройства больше 480 пикселей вывести <div>вход на сайт</div>а если меньше <div>вход</div>То есть, как менять не только стили, но и элементы странички.

   Asked by alleclf, January 25, 2015

   0 votes
   5 answers
3. Текст дугой

   Текст дугой - как сделать? Может есть плагин какой на javascript? Заголовок то не один

   Asked by Zverushka, April 14, 2014

   0 votes
   1 answer
4. Текст за пределами родительского блока

   Здравствуйте, у меня есть 2 блока, и я хотел бы что бы второй был в границах первого при изменении разрешения. Как это сделать? Скрин ниже. Заранее благодарен

   Asked by ShiftedReality, June 28, 2011

   0 votes
   8 answers
5. текст залезает под таблицу в IE

   Здравствуйте. Не могу понять, почему у меня текст залезает под таблицу. Происходит такое только в IE. Отрезок кода, в котором проблема: <p> <font size="2">Здесь текст тексттексттексттексттексттексттексттексттексттексттексттексттексттексттексттекст тексттексттексттексттексттекст</font> </p> <table border="1" cellspacing="2" width="589" height="226" align="left"> <tbody> <tr> <td class="table_left"> </td> <td class="table_left"> <font size="2">текст</font></td> <td class="table_left"> <font size="2">текст</font></td> <td class="table_left"> <font…

   Asked by ASPAnt, August 24, 2010

   0 votes
   5 answers
6. текст и картинка

   имееться строка текста, например "Большая длинная строка текста1" . по умолчанию на экране браузера она в одну строку, если пользователь изменил рамеры окна, то строка автоматом разбиваеться на две, наприменр стало Большая длинная строка текста1 теперь предположим что справа от этого текста есть картинка. Большая длинная строка текста1 КАРТИНКА Задача: если текст вместе с картинкой помещяеться в окне, то они идут подряд, но вот если картинка уже не влазит , то появляется горизонтальный скролл-бар. а хотелось бы что-бы когда текст и картинка не влазят в окно, то текст разбивался на две строки, освобождая место для картинки. пример было: Большая длинная строка текста1 КАРТ…

   Asked by Iton, August 2, 2007

   0 votes
   11 answers
7. Текст и картинка в одну строку

   Есть такая строчка к примеру кода: Текст текст<a href="#"><img src="next.jpg"></a> Подскажите плиз css, как сделать так чтобы ссылка (картинка) и текст были в одну строчку?

   Asked by okunev2, October 8, 2008

   0 votes
   3 answers
8. Текст и картинки по центру...

   Как вывести в ряд следущее: тест-картинка-текст-картинка-текст и чтобы было отцентровано (вертикальное центрирование)? <style type="text/css"> #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 12px 5px 0 5px; text-decoration: none; text-transform:uppercase; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><b>Text 1</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#"><b>Text 2</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#">&lt…

   Asked by iAL, March 3, 2009

   0 votes
   14 answers
9. Текст и таблицы

   Столкнулся с проблемой. Что я ни делаю с таблицей все равно текст внутри нее норовит таблицу раздвинуть. А в мозилле при увеличении размера шрифта средствами браузера вообще все едет, несмотря на то что шрифт задан абсолютным значением.

   Asked by toxic-mt, July 14, 2007

   0 votes
   3 answers
10. Текст как у star wars

    Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в …

    Asked by Nushaba, June 24, 2011

    0 votes
    12 answers
11. текст картинкой

    стало интересно как профессионалы относятся к следующему приёму. есть сайт. в шапке цитата размещена не в виде текста, а в виде картинки. с одной стороны это информация не основная и наблюдать её в шапке поисковиками, текстовым браузерам и браузерам с отключенными стилями(если такими вообще кто-нибудь пользуется) незачем. с другой стороны изменить её или заменить становится сложнее. это вполне обычный приём или ламерство?

    Asked by cyklop77, August 7, 2011

    0 votes
    1 answer
12. текст ккнопки hello world вырисовывается снизу. Как выровнить текст по центру?

    текст ккнопки hello world вырисовывается снизу. Как выровнить текст по центру? вот код http://jsfiddle.net/meyrjtvn/1/

    Asked by riaron, May 13, 2015

    0 votes
    4 answers
13. Текст кнопки по центру

    Привет всем! Помогите пож-та в небольшом проблеме. текст кнопки должен стоят ровно в центре (вертикально) Для этого я использовал line-height. Но почему то Firefox его не понимает. не подскажите как это исправить. Вот ссылка http://jsfiddle.net/qzDwJ/ Вариант с паддингами не предлагать, они по разному в разных браузерах

    Asked by jumancy, November 16, 2011

    0 votes
    6 answers
14. Текст на баннере

    Подскажите, пожалуйста, как разместить текст таким образом как на картинке (должен позиционироваться от контейнера). Span в p не должен быть. Как лучше всё преобразовать? Заранее спасибо! Код следующий: <div class="banner"> <div class="container_background-image"> <div class="banner_text container"> <span class="rabbits"> <p>Do you like rabbits?</p> </span> <span class="oranges"> <p>Do you like oranges?</p> </span> </div> </div> </div>

    Asked by Алеся, May 5, 2021

    • html
    • css
    • container
    0 votes
    3 answers
15. Текст на всю ширину блока

    Практикуюсь в верстке и столкнулся с проблемой. есть блок и параграф в нем и текст не расширяется на весь блок Есть пример: Пример Версаю с планшета и скрине с него:

    Asked by ds[sms], December 24, 2016

    • html text-align
    • css
    0 votes
    0 answers
16. Текст на картинке

    Собственно такой вопрос, вот сайт: http://aquakop.ru/ , в header изображение и на нём номера телефонов, надо сделать так, чтобы номера телефонов были текстом,а не картинкой. (с изображения могу стереть номера, есть исходники) Вот style: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2015/02/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; min-width: 940px; height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование…

    Asked by Dizred, May 11, 2015

    • header
    0 votes
    24 answers
17. Текст на макете в фотошопе и на web-странице

    Всем здравствуйте. Проблема такая — делаю в фотошопе макет и выставляю (допустим следующие) параметры текста : font-size: 14pt; line-height: 20pt; Применяю после те же параметры текста к web-странице — получается совсем другой размер (визуально). Так вот как сделать так, чтобы шрифт на web-странице соответствовал тексту в макете. Спасибо.

    Asked by romanist, May 17, 2009

    0 votes
    3 answers
18. Текст на одном уровне

    Как сделать чтоб текст под картинками разной высоты находился на одном уровне?

    Asked by AndreyT, June 7, 2012

    0 votes
    1 answer
19. Текст на полупрозрачном фоне

    Помогите разобраться!!! Почему в таком варианте все правельно отображается и в опере и в эксплорере: <html> <head> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> #container{ position:relative; } .overlay{ position:absolute; top:0; bottom:0; left:0; width:100%; background:#009CE6; opacity:0.2; -khtml-opacity: 0.2 -moz-opacity:0.2; /* для старых браузеров на основе Gecko */ filter:alpha(opacity=20); /* Для IE6&7 */ } .content { positio…

    Asked by dmitriev, February 3, 2009

    0 votes
    5 answers
20. текст на фоне

    Есть два DIVa один является фоном, другой текстом поверх, есть проблема с тем, что при увеличении текста фон не увеличивается в размере. фон в диве это картинка, которая растянута по размерам дива. заранее спасибо

    Asked by romeros9, April 8, 2009

    0 votes
    2 answers
21. текст налезает на картинку

    Приветствую, Не могу понять, почему так происходит Текст тупо залезает на картинку, хотя у той стоит align="left" (float: left) также не дает эффекта. Как это можно исправить? Пример где это наблюдается - http://sbride.ru/users/310/

    Asked by sbride, April 7, 2011

    0 votes
    2 answers
22. Текст не горизонтально

    Интересует такой вопрос - возможно ли каким-либо образом (CSS, JavaScript) на сайте задать расположение текстовой строки не горизонтально, а под наклоном?

    Asked by Nikolas, October 11, 2010

    0 votes
    16 answers
23. Текст не зачеркивается в Opera (text-decoration: line-through)

    Проблема такая: Красная цена должна быть зачеркнута, но в опере она почему то не зачеркнута, Код такой: text-decoration: line-through!important; Вот адрес на страничку Сайт

    Asked by vova1212, December 25, 2012

    0 votes
    5 answers
24. Текст не находится по центру кнопки, хотя должен

    На главной странице сделал небольшое меню, для того что бы пользователям было проще сразу перейти к нужной странице, но текст почему-то смещён немного вправо, хотя тег <center> присутсвует <center> <div id="navigation"> <a href="pages\news.html">Новости</a> <a href="pages\story.html">Лор</a> <a href="pages\forum.html">Чат</a> <a href="pages\materials.html">Материалы</a> <a href="https://worldofwarcraft.com" target="_blank">Сайт World Of Warcraft</a> <a href="https://www.blizza…

    Asked by Venner, January 5, 2019

    • помощь
    0 votes
    1 answer
25. текст не обтекает картинку

    помогите пожалуйста решить проблему. в резиновом блоке есть картинка и текст, который должен обтекать её с левой стороны. текст почему то располагается под картинкой, хотя clear: left; установлен. вот адрес странички с кодом

    Asked by cyklop77, August 11, 2011

    0 votes
    2 answers