HTML Coding

29542 questions in this forum

1. Как шифровать текст?

   Как можно шифровать текст, с последующей его расшифровкой?

   Asked by vvsh, October 16, 2008

   0 votes
   14 answers
2. Как растянуть страницу?

   Оброзовалась проблема,нужно растянуть страницу под разрешение экрана,т.е. чтобы страница автоматически растягивалась под разрешение экрана.Стоит фон страницы картинка.

   Asked by vl@dvk, July 8, 2007

   0 votes
   9 answers
3. inline-block, перенос строки и ширина

   Тут пример: http://jsfiddle.net/yaoev48n/ Суть - есть инлайн-блок элемент, добавляем ему max-width (чтобы получить перенос строки внутри текста) и получаем такую штуку как в примере - инлайн блок обрезается справа не сразу по тексту а как бы "тянется" до max-width. Если между словами вставить разрыв строки <br> - http://jsfiddle.net/qh0znfb0/ то получим то что нужно - блок обрезается справа ровно по словам. Как можно добиться такого результата без использования <br> ?

   Asked by bykaVBS, December 14, 2014

   • inline-block
   • перенос строки
   0 votes
   0 answers
4. Как правильно определить разрешения экрана

   Замучился с адаптивным дизайном. Наконец-то понял почему разрешение на мобильных устройствах занижается. Вот тут хорошая статья http://programador.ru/dp/ Вот нашел скрипт, но он определяет "devicePixelRatio" - это для ретины, да и не работает он, на мобилке сайт зависает при загрузке - просто белый фон и делает вид что что-то грузит <script>$(function() {if (window.devicePixelRatio !== 1) { var dpt = window.devicePixelRatio; var widthM = window.screen.width * dpt; var widthH = window.screen.height * dpt; document.write('<meta name="viewport" content="width=' + widthM+ ', height=' + widthH + '">');}}) </script>Скажите пожалуйста, как можно переделат…

   Asked by alleclf, February 24, 2015

   0 votes
   20 answers
5. Как правильно делать hover для иконок?!

   Добрый день, дорогие форумчане! Нужно сделать ховер-эффект у иконки соц-сети. Он заключается в следующем: 1) До наведения - http://joxi.ru/VrwpeqgubwyEmX 2) После наведения - http://joxi.ru/v297yWjU9XBgrG Но раз это изображение, то у него нельзя поменять цвет фона. Уместно ли будет сделать так, чтобы менялось фоновое изображение блока. То есть создать блок, у которого background-image при наведении будет менять свое значение. Или есть другие правильные способы реализации? Например использовать специальный шрифт для иконок соц-сетей. Всем спасибо!

   Asked by Antoshka007, March 13, 2015

   • icon
   • hover
   • soc
   0 votes
   5 answers
6. Кириллица через form

   Столкнулся с такой проблемой, форма на отрез отказыется принимать кириллицу. Пробовал через post и get причем через get я получаю в адресной строке вполне адекватный запрос a-la qwerty.ru/?name=русскийText А когда стараюсь вынуть из переменной ее значение получаю только Text. Кириличесские символы не превращаются в крокозябру, а просто отсутствуют в переменных. Сайт на джумле. Код банальный и рутинный. <form method="get"> Фамилия<br><input type="text" name="lname" required><br> Имя<br><input type="text" name="name" required><br> Телефон<br><input type="text" name="phone" required><br> &l…

   Asked by kotahinus, November 22, 2013

   • form
   • post
   • get
   • кириллица
   0 votes
   1 answer
7. Граница div уезжает за пределы окна в FireFox

   Такой вот стиль: #header { position: absolute; top: 0; left: 0; width:100%; height: 100px; border-style: solid; border-width: 1px; border-color:red; } правая граница в FF (3.0) находится за пределами экрана. Чего ему, лису, добавить?

   Asked by Andrewvp, September 12, 2009

   0 votes
   18 answers
8. Верстка верхнего меню

   Здравствуйте уважаемые, у меня такой вопрос... Нужен результат вот такой: при навидение на ссылку у ней появляется вот такой фон. Никак не пойму как это сделать, помогите пожалуйста советом. код: <div id="top_menu"> <ul> <li><a href="/">Главная страница</a></li> <li><a href="/">О компании</a></li> <li><a href="/">Услуги</a></li> <li><a href="/">Популярное</a></li> <li><a href="/">Контактная информация</a></li> </ul> </div>

   Asked by an1401, August 23, 2011

   0 votes
   33 answers
9. Hover на несколько элементов

   Начал недавно осваивать верстку, столкнулся со следующей проблемой. Есть следующий код: <div id="wrap"> <div id="f"> Один</div> <div id="s"> Два </div> <div id="t"> Три </div> </div> И Css к нему: #f { background-color: red; float:left; width:30%; } #s { background-color:yellow; float:left; width:30%; } #t { background-color: green; } #wrap:hover { background-color: teal; } Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/

   Asked by DmitryG, March 18, 2012

   0 votes
   2 answers
10. Как сделать разные таблицы в одном документе?

    Если задача сделать несколько таблиц. Все они должны быть разные. Вот картинки. 1. таблица Имеет бордер 2 пиксела, высоту ячеек 20 пикселов. 2. таблица Только некоторые ячейки имеют обрамление, другие бордера не имеют. Высота фиксированная 3. таблица Там вообще все разное. И высота ячеек (надо делать разраничения блоков) и цвет текста внутри ячейки и бэк в ячейке разного цвета. Делаю это через CSS. Таблица объявляю как: <table class="table1" width="830"> <tr> <th width="100" bgcolor="#ece5dc">Номера</td> <td width="100" bgcolor="#ece5dc">Май</td> <td width="100" bgcolor="#ece5dc">Июнь</td> &…

    Asked by amv, December 5, 2013

    0 votes
    5 answers
11. Растянуть svg на весь экран

    Привет. Подскажите, пожалуйста, как растянуть svg на весь экран и возможно ли это вообще. Например, есть svg как в приложении (truba.svg), может быть ситуация, что таких svg будет несколько (естественно, объединенных в одну). svg на страничке отображаю следующим образом: <object id="svg_id" type="image/svg+xml" width="1024" height="768" data="svg_name.svg"></object> Также, если кто знает, подскажите, что можно/нужно почитать для решения следующей проблемы: есть на страничке svg, например, на svg нарисована кнопка, и если нажать на эту кнопку, происходит какое-то событие, на которое js реагирует. Спасибо.

    Asked by ioprst, March 13, 2018

    • html
    • svg
    0 votes
    2 answers
12. Редактирование шаблонов Joomla.

    Не сколько не разбираюсь в PHP, изменяю файл CSS шаблона но в самом шаблоне ничего не меняется . В самом шаблоне очень много PHP может дело в нем?

    Asked by Alexsays, July 1, 2010

    0 votes
    7 answers
13. Как растянуть равномерно меню

    Сайт http://vivatlatour.ru/about Не получается отцентровать меню, помогите объясните ) html <!-- menu --> <div id="base_menu"> <div id="menu_l"> <ul id="menu"> <li class="first"><a href="#">О компании</a></li> <li><span>Страны</span></li> <li><a href="#">Новости</a></li> <li><a href="#">Отели</a></li> <li><a href="#">Навигатор</a></li> <li><a href="#">Подбор тура</a></li> <li><a href="#">Спецпредожение</a></li> <li class="last"><a href="#">Контакты</a&g…

    Asked by Mary_RND, March 30, 2010

    0 votes
    10 answers
14. Как сделать iframe поверх iframe

    Добрый день. Такой вопрос как сделать чтобы поверх одного ифрейм был другой ифрейм. Не рядом, а именно поверх. Вот например беру я сайт гугла через iframe и хочу добавить поверх него ещё один iframe: <html> <head> <body> <iframe src="http://google.com" style="width:100%; height:100%;" frameborder="0" scrolling="auto"></iframe> </body> </html> Как сделать чтобы получилось вот так, страница полностью гугловская, но в ней есть мой ифрейм Заранее спасибо.

    Asked by cccvvv, October 8, 2011

    0 votes
    3 answers
15. Вопрос об раскрытие блока

    Я сверстал часть сайта и у меня появился вопрос, при открытии спойлера blog_btn внутренности выталкивают заголовок за пределы блока. Как сделать так что-бы заголовок оставался на месте а внутрености разворачивались вниз а не вверх? https://drive.google.com/file/d/1_O-e0_79TNps-Oo7KJkgY8zQaDKRbIGF/view?usp=sharing

    Asked by Phanlom, September 2, 2022

    0 votes
    5 answers
16. Варавнивание нескольких плавающих блоков с растяжкой

    Привет! После изучения статей по выравниванию блоков по горизонтали так и не получилось решить следующую задачу. <html> <head> <title>Untitled</title> <style type="text/css"> .cont { float:left; } </style> </head> <body> <div align="center" style="border:solid 1 lime;"> <div style="border:solid 1 red;background:orange;" class="cont">блок-контент 1</div> <div style="border:solid 1 red;background:yellow;width:300px" class="cont">блок-контент 2 (ширина задана,фикс)</div> <div style="border:solid 1 red;background:orange;" class="cont">блок-контент 3</div> <div style="clear:both"…

    Asked by airscape, December 17, 2010

    0 votes
    28 answers
17. Блоки новостей. Как семантичнее верстать?

    Ориентируюсь в верстке примерно на первую десятку фрилансеров-верстальщиков. Блоки новостей верстают по-разному - кто <dt> кто <ul> кто <em> <p> и пр. И все-таки кто-как считает - как семантичнее верстать?

    Asked by novicheG, April 7, 2011

    0 votes
    22 answers
18. верстка таблица отступы

    Салемствую Хотел сделать таблицу должна выгледить вот так. http://slil.ru/24502174 А у меня , что то вообше не полуаеться вставляю верхние рис. Устанавливаю минус маргину и на ИЕ вообше рис пропадают на ФФ они вроде как стаят , но после обновления страницы они как и в ИЕ исчезают. Нижние рамки не могу не как сделать. И еще мне кажется что я ее через чурь намудрил например знаю что можно сделать без минусовоого маргина , но не знаю как без него , кто сможет показать как сделать ее более удобной ? Выслушаю все предложения... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title…

    Asked by musulman, June 12, 2007

    0 votes
    9 answers
19. как правильно написать шапку сайта

    Помогите правильно написать шапку сайта, столкнулся с проблемой что шапка идет в 2 строчки а не в одну. вот текст <html> <body> <style> .heade { background-image:url(img/headcenter.jpg); width:100%; } </style> <p>Шапка) <div class="heade"> <img alt="" src="img/headleft.gif"> <img alt="" src="img/headright.gif" style="float: right;"> </div> </body> </html>

    Asked by SID, December 14, 2010

    0 votes
    10 answers
20. Подгонка фонового рисунка

    Здравствуйте! У меня фоновый рисунок размером 1600х1000 а монитор 1280х800. Когда я вставляю фон некоторая часть фона выходит за рамки разрешения. Как можно сделать, чтобы фон отображался полностью?

    Asked by Gambini, May 4, 2012

    0 votes
    8 answers
21. Текст выходит за пределы div, footer залезает на текст (2 колонный макет)

    В макете 2 колонки, вставленные в общий контейнер и у каждой float:left. Если поставить свойство height:auto в #content, то обе колонки будут растягиваться под текст при изменении масштаба, однако при среднем масштабе они не будут тянуться до конца контейнера (красный), это можно сделать height:100%, но после этого при увеличении масштаба текст будет вылазить за пределы серой и зеленой колонок. При этом вне зависимости от того, что я делаю с footer, он залезает на текст( https://jsfiddle.net/he2zzh6z/#&togetherjs=5OgHxfnAH5

    Asked by Chaffee, December 20, 2015

    0 votes
    9 answers
22. Надо ли Calibri подключать @font-faceОМ?

    Надо ли Calibri подключать @font-faceОМ? По идее надо, на всякий случай хочу спросить

    Asked by andys, May 26, 2011

    0 votes
    5 answers
23. Svg не отображается в Firefox

    Не отображается svg. Есть способы подмены на удобный для Firefox формат?

    Asked by Rakapudl, March 27, 2015

    0 votes
    7 answers
24. Изменение изображения при наведении курсора

    Есть конструкция: <a><img></a> Вопрос: как сделать что бы при наведении курсором подставлялось другое изображение?

    Asked by SKM, October 21, 2008

    0 votes
    1 answer
25. Не отображается фон у DIV'а

    Не отображается фон у DIV'а (хтмл) вот такое свойство у дива { background: url('des/img.gif') 0 0 no-repeat fixed; width: 920px; height: 59px; margin: 144px auto 0; } путь к фону указал правильный при просмотре в браузерах, фон у дива не отображается в чем ошибка?

    Asked by barman, December 27, 2010

    0 votes
    6 answers