HTML Coding

29542 questions in this forum

1. Как растянуть страницу?

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

   Asked by vl@dvk, July 8, 2007

   0 votes
   9 answers
2. Как шифровать текст?

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

   Asked by vvsh, October 16, 2008

   0 votes
   14 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. Редактирование шаблонов Joomla.

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

    Asked by Alexsays, July 1, 2010

    0 votes
    7 answers
12. Растянуть 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
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. Надо ли Calibri подключать @font-faceОМ?

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

    Asked by andys, May 26, 2011

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

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

    Asked by Rakapudl, March 27, 2015

    0 votes
    7 answers
23. Текст выходит за пределы 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
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