HTML Coding

29542 questions in this forum

1. responsive

   Доброго времени суток. Начал по тиху разбираться с адаптивной версткой и возник вопрос. Нашел в сети простой шаблон для тренировки и сижу делаю. Так вот, если блок, в нем текст. На 1024 паддинги к примеру : 100px 200px 50px 20px; на 320 уже будет 20px 50px 12px 5px. Шрифт тоже становится меньше, сидел долго думал как правильно сделать, гуглил читал, в итоге все равно сделал через @media. Вздохнул с облегчением, спустился к следующему блоку, а там почти такакя же история, сижу опять прописываю кучу @media. И возник вопрос, правильно ли это? Есть ли какой-то способ менять отступы и размер шрифта в зависимости от разрешения или вариант с media считается нормальным? Вот скри…

   Asked by necro, June 30, 2015

   0 votes
   5 answers
2. Помогите сделать автоматическую карусель

   Всем доброго времени суток. Нужно сделать подобную штуку. Автоматическая прокрутка, изображение, когда доходит до центра, должно увеличиваться. Не нашел готовых примеров в сети. Заранее спасибо.

   Asked by IvanRu08, June 24, 2016

   0 votes
   5 answers
3. Что входит в html и css верстку

   Объясните пожалуйста, что входит в работу html, css верстальщика. Также интересует вопрос: нужно ли делать формы или popUp окна, а если и делать, то каким функционалом мне их наделять будучи html, css верстальщиком?

   Asked by Oloref, June 13, 2018

   • html
   • css
   • вёрстка
   0 votes
   1 answer
4. Декоративное подчеркивание многострочного текста

   Нужно сделать ссылкам пунктирное подчеркивание. Обычно, текст ссылок знимает 2 строки или больше. Выставил line-height, подобрал размер aоновой картинки и все получилось, но только не в IE. Подскажите, как побороть осла?

   Asked by @LEXXX_NF, November 21, 2008

   0 votes
   1 answer
5. Сьехал кусок в IE, в Опере всё норм

   Добрый день! Я не так давно занимаюсь веб строительством, возникла проблема с отображением части сайта в разных браузерах: вот код этой части сайта: <div align="left" id="topMenu"> <img src="i/topMenuLeft.jpg"> <div id="topMenuContent"> <table> <tr bgcolor="#052d0d"> <td><a href="......"> Вход </a></td> <td><a href="......"> Регистрация </a></td> <td><a href="......"> Кабинет </a></td> <td><a href="......"> Корзина </a></td> <td><a href="......"> Выход </a></td> </tr> </table&gt…

   Asked by drago17, December 28, 2008

   0 votes
   2 answers
6. вопрос по шрифту в СSS (можт глупый, извините тогда)

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

   Asked by E1en, January 26, 2009

   0 votes
   2 answers
7. Сохранение содержимого веб страницы в формате рисунка

   Подскажите кто может, ни как не могу сохранить содержимое веб страницы в формате, например, JPG. Это нужно чтобы вставить веб страницу в презентацию POWER POINT.....

   Asked by alexss, April 1, 2009

   0 votes
   6 answers
8. Растяжение фона в блоке

   Здравствуйте, Посередине окна браузера есть маленькое окно с полосой прокрутки, в котором нужно растянуть полупрозрачный фон на всю высоту окна. (Чтобы при прокрутке фон не обрезался посередине окошка). Background:repeat-y; height:100%; - не помогает. Посоветуйте, plz!

   Asked by comb, September 19, 2009

   0 votes
   1 answer
9. Почему меняются правила HTML разметки, если поместить код в ячейку таблицы?

   2 одинаковых куска простого HTML-кода, один помещаем в ячейку таблицы и он начинает криво показываться. Не могу понять причину. Пробовал в последних FireFox и Chrome. Маленький пример: http://xexsus.com/misc/example.html Доктайп: XHTML 1.0 Strict Кусок кода: <!-- кусок кода, НАЧАЛО --> <div style="width:60%;"> <div style="width:100%; background-color:#FFF242;"> <div style="overflow:hidden;width:100%; background-color:#70FF38;"> <br/> <div style="background-color:#FF075A;"> 12345678901234567890123456789012345678901234567890123456789012345678901234567890 123456789012345678901234567890123456789012345678901234567890123456789012345678901…

   Asked by xexsus, April 27, 2010

   0 votes
   5 answers
10. Формирование и запись мета тегов.

    Всем привет. Тот кто пишет, скрипты наверно постоянно сталкивается и с автоматизированным формированием meta тегов. Интересует их корретная запись и вывод на html страницу. Читал несколько статей , но все пишут по разному. tittle META Name="keywords" Content=" <META Name="description" Content=" В приведенных выше тегах. Хочу понять расстановку знаков препинания, а именно точек и запятых , необходимость заглавных букв и кол-о знаков. т.е. Какой из титлов наиболее правилен <tittle>Рыба, конь, собака, дом.</tittle> <tittle>Рыба, Конь, Собака, Дом.</tittle> <tittle>Рыба. Конь. Собака. Дом.</tittle> Часто получается при выводе…

    Asked by dima4321, March 17, 2011

    0 votes
    2 answers
11. overflow: hidden, плюс кнопка

    Возможно ли на блоке в котором указано overflow: hidden поставить на кнопку прокрутку блока с помощью html? Или все же придется искать решение в JS?

    Asked by Pumych, March 17, 2011

    0 votes
    8 answers
12. Убрать за экран элементы тега form

    Здравствуйте! В общем пишу скрипт, что бы формочка авторизации появлялась только тогда когда курсор наводиться. Картинку заднего фона выдвинуть,задвинуть не проблема. А как подвинуть элементы тега form за экран?

    Asked by Lucifer, November 2, 2011

    0 votes
    2 answers
13. Проблема с меню

    Добрый день! Очень нуждаюсь в помощи с меню, буду рада любым советам. Выглядит оно вот так: Красным выделен, собственно, участок меню, который необходимо сверстать, а непонятки с левым участком с надписью "Friends Sign Up". В PSD-макете вся оранжевая область меню - одна целая картинка, причем, сделанная так, что ее на части разобрать очень проблематично, даже слишком проблематично, так что отрезать от картинки левую часть и прилепить в код бэкграундом я не смогу. Есть ли возможность как-то так сделать левую часть ресурсами только HTML и CSS? Так, чтоб и hover-эффект на эту часть меню был такой же формы. Либо, может, есть еще какие-то варианты? Заранее спасибо, буду очень…

    Asked by Carneol, January 31, 2013

    0 votes
    6 answers
14. Как перенести текст на новую строку ?

    Здравствуйте. Мне нужно в текстовом поле ввода показывать 2 абзаца содержащихся в переменных t1 и t2 друг под другом с пробелом в одну строку. Подскажите, как это сделать ? Приведенный ниже пример не работает. <textarea type="t" name="n" class="c"><?php echo $t1;?><br><br><?php echo $t1;?></textarea>

    Asked by Kompilator, November 26, 2015

    0 votes
    2 answers
15. Подскажите, умные люди!

    есть форма,которую нужно разместить на всю ширину блока,и все бы хорошо,но когда добавляешь к текстовому полю рамку все плывет! как выйти из этой ситуации,чтоб форма с рамкой заняла всю ширину блока? <style> .width {width: 224px;height: 100px;margin: 0 auto;border: 1px solid ;}input[type=text] {width: 144px;outline: none;float: left;height: 33px;border: none;line-height: 1;font-size: 12px;padding-left: 10px;/* border: 1px solid; */}button {border: none;width: 70px;height: 35px;}</style> <div class="width"> <form action="#" method="POST"><input type="text" placeholder="Text..."><button>Кнопка</button> </form></div>

    Asked by My}I{uK, December 5, 2015

    0 votes
    6 answers
16. Запустить код

    Добрый день, не получается запустить код с codeopen http://codepen.io/ChrisSargent/pen/meMMye/ может там есть какие особенности? У меня просто отображаются два инпута одной строкой

    Asked by imakhortykh, August 17, 2016

    0 votes
    3 answers
17. Как сверстать хедер?

    Как сверстать хедер, где нету только правой и левой стороны, а есть и по середине

    Asked by incub, January 11, 2017

    • html
    • css
    0 votes
    0 answers
18. Не работает калькулятор

    Добрый день, уважаемые завсегдатаи форума. Есть такой калькулятор http://tg.seodacha.ru/index2.html. На этой странице все работает. Вставляю тот же самый калькулятор через админку сайта и калькулятор не работает. Вот сейчас тут http://tg.seodacha.ru/content/kalkulyator При клике на "Необходимость котла" http://joxi.ru/XEA4wkPfLaEB2b не появятся этот список http://joxi.ru/Y82Q8Y6TYRxBmd При вводе исходных значений здесь http://joxi.ru/LVm6wQPfO7pZ2Z не происходит расчет, а тут http://tg.seodacha.ru/index2.html все нормально работает Дело в верстке?

    Asked by smirn0ff, April 16, 2017

    0 votes
    1 answer
19. Затенение длинной строки

    Как сделать затенение длинной строки по середине. Чтобы начало строки и конец были видны, а середина вроде как затуманенная. Нужно именно средину убрать.

    Asked by alleclf, January 21, 2018

    0 votes
    5 answers
20. Подскажите по поводу ссылок

    Подскажите как реализовать такую вещь.. http://fotki.yandex.ru/users/artofhuman/view/2193/ Нужно чтобы при наведении на ссылку она подсвечивалась. Думал фоном задавать по всей высоте ссылке, но тогда высота кликабильной области ссылки будет большая.

    Asked by ArtOfHuman, November 18, 2008

    0 votes
    2 answers
21. Ссылка на текст

    Как сделать так, чтобы текст, заданный в определенной части страницы можно было отобразить в другой ее части (аналог переменной), желательно все возможные варианты. Желательно без ява скрипта.

    Asked by Kenshi45, February 14, 2009

    0 votes
    6 answers
22. Как применить стиль только к таблице-контейнеру

    <style type="text/css"> table#cntab {border-collapse:collapse} table#cntab td, table#cntab th {border:solid 1px black} </style> <table id="cntab"> <tr><th>Column</th><th>Feature</th></tr> <tr> <td>ID</td> <td> <asp:RadioButtonList ID="IDColOption" runat="server"> <asp:ListItem Value="ordinary" Text="Ordinary column"></asp:ListItem> <asp:ListItem Value="pk" Text="Is primary key"></asp:ListItem> <asp:ListItem Value="pkafter" Text="Primary key applied after filling"></asp:ListItem> </asp:RadioButtonList> </td> </tr> <tr…

    Asked by Webr, April 23, 2009

    0 votes
    2 answers
23. стили print

    как в версии сайта для печати отобразить картинки в бэкграунде?

    Asked by imolodec, May 13, 2009

    0 votes
    5 answers
24. Таблицы

    Как сделать так, чтобы у создаваемых мною таблиц не было рамки?

    Asked by Wolverine, November 16, 2009

    0 votes
    2 answers
25. Несколько слоев с позиционированием

    Здравствуйте, как сделать, чтобы 2 слоя с абсолютным позиционированием не наслаивались друг на друга, а находились друг под другом. <div style=" background-color: #FF6699;height:100px; position: absolute; width:100%;"></div> <div style=" background-color: #6600CC;height:100px; position: absolute; width:100%;"></div> position: absolute обязательно нужно оставить.

    Asked by dedmene, March 6, 2010

    0 votes
    3 answers