HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Народ поможите плиз!
не могу разобраться почему в i. explorer - все разъезжаеться. сайт www.v-otpusk.com. Во всех других браузерах сайт работает корректно.
0 votes11 answers -
Добавление разметки для оформления посредством js
Здравствуйте! Недавно пришлось верстать макет, где блоки были обернуты в специфическую рамку, которую пришлось порезать на картинки с уголками и четырмя сторонами. В итоге получился примерно такой код: <div id="wrapper"> <div class="left-top-corner"></div> <div class="left-vertical"></div> <div class="right-vertical"></div> <div class="right-top-corner"></div> <div class="right-bottom-corner"></div> <div class="left-bottom-corner"></div> <div id="content"> <div class="top-gorisontal"></div> <div class="right-top-corner"></div> <div class="right-ve…
0 votes8 answers -
Калькулятор госпошлины на сайт. (Шаблон WordPress)
День добрый. Друзья юристы попросили сделать им сайт компании. Обо всем договорились я показал им шаблон WordPress, им понравилось, но попросили сделать такую штуку: на других юр. сайтах есть "Калькулятор госпошлины". Должен он быть прямо на сайте и функционировать, да еще и чтоб после расчетов акт распечатки для принтера формировал. Если это осуществимо, напишите пожалуйста как. Спасибо за время
0 votes2 answers -
Постоянный цвет элемента после клика по ссылке
Как сделать чтобы после клика на тег a, в теге mark голубая заливка не исчезала? https://jsfiddle.net/Delat/m7jy4bfe/
0 votes15 answers -
Проблемы с DOCTYPE Strict
Я решил использовать директиву типа документа Strict для поддержки блочной модели, однако при написании такого кода, к примеру: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> table {border-collapse:collapse;} td {padding:0;} body {background-color:yellow; padding:0; } </style> </head> <body> <table style="background-color:green; width:100%;"> <tr> <td><img src="soldier.jpg"></td> <td></td> </table> </body> </html> в Опере возникает неприличный отступ под картинкой. Я не могу понять …
0 votes7 answers -
Как переделать многостраничный документ Word в html?
А не подскажете, как можно попроще переделать многостраничный документ Word в html, так, чтобы каждая страница стала отдельной html-страницей? Спасибо.
0 votes5 answers -
Сайт и google - проблема.
Привет. У меня проблема - создал сайтик небольшой и довольно простой, но вот незадача - не индексировался где-то месяц , а теперь вместо Title выдаёт мне заголовки сайта .... что делать, как заставить гугл находить и отображать титуль, раньше с сайтами ткаих проблем не было. www.altfotoplus.lv http://www.google.lv/search?hl=lv&q=al...mp;aq=f&oq= И еще. .я в Google Web master central зареган, туда тозе пихнул сайтик, он вроде особо не ругается, роботс.тхт нащел, но там где детали сайта.. типа crawler error и не может отобразить детали сайта .. В общем как то так. что делать?
0 votes10 answers -
Div в joomla
Доброго времени суток. Подскажите пожалуйста, как с готового меню, сделать так чтоб ее понимала ждумла, через код php? Меню с тенью и закругленными углами. <div class="first"><div class="last"> первый и последний ДИВ с закруглениями. Те что между ними, включая верхние и нижние - пункты меню, которые джумла должна выводить сама а не заполнять вручную. Общем, как-то модуль <jdoc include type modules...> должен в данном случае, быть написан php кодом. ПОдскажите пожалуйста! <div id="goriz"> <div class="first"><a href="#">TEXT</a></div> <div><a href="#">TEXT</a></div> <div><a href="#…
0 votes6 answers -
фоновый градиент svg в safari
Странность в том, что в safari фоновый svg в некоторых случаях располагается исключительно под текстом, а не на весь объект. При этом в Хроме такой особенности не замечено. Более того, особая странность в том, что один и тот же код различно себя ведёт на домашем сервере и на хостинге. Дома проблемы нет, на хостинге есть. Пример здесь, заголовки в середине контента. В чём дело — не пойму. собственно, как быть, чтобы фон растягивался на весь элемент? background-repeat и background-size уже опробованы.
0 votes12 answers -
Скошенная сторона у блока произвольной высоты, IE8 и выше, как реализовать?
Необходимо реализовать блок со скошенной стороной, как на картинке: Нагуглить решение мне не удалось. Есть ли способ такое реализовать IE8 и выше, желательно без использования картинок?
0 votes1 answer -
Непонятное поле
Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden; <ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; }
0 votes15 answers -
Проблема с кавычками в сплывающей подсказки
Мне нужно изменить вид всплывающей подсказки и я на сайте нашла статью как это можно сделать: Можно ли изменить вид всплывающей подсказки?. Теперь у меня вопрос как передать кавычки через функцию toolTip. Например -Это рисунок: "Машины". Когда я передаю текст с кавычками у меня выдаёт ошибку: Uncaught SyntaxError: Unexpected token ILLEGAL
0 votes8 answers -
Фон
Подскажите пожалуйста как сделать там что бы при уменьшении окна браузера фоновое изображение тоже уменьшалось? Зарание благодарен за помошь.
0 votes17 answers -
добавление видео на сайт
как сделать сайт типа youtube ,так что бы пользователи могли размещать свои ролики на нем,дайте кто может свои ссылки на то, что почитать по теме.спасибо.
0 votes5 answers -
Как полностью заполнить область область родительского блока дочерними
Имеется фиксированный двухколоночный макет. Левая колонка - сайдбар, правая - контент. Вверху шапка, внизу "прилепленный" к низу футер. Все блоки, кроме футера, обёрнуты в #container, от которого позиционируется футер. Проблема в том, что дочерние блоки (сайдбар и контент) не фиксированные, и если один из них имеет бОльшую высоту, он "выезжает" за границу #container. Таким образом, футер оказывается парящим посреди экрана, в то время как выезжающий блок - уходит за нижнюю границу экрана. Задача Полностью вместить все дочерние блоки в родительский, чтоб они не выезжали, в то время как нижняя граница самого "высокого" из них должна совпадать с границей #container. Решение П…
0 votes20 answers -
Отступы от краев таблицы
Всем доброго времени суток! Проблема заключается в следующем. После установки на сайт таблицы jquery, отступы от краев таблицы до текста уменьшились. Это просматривается на скринах: (внешний трафик) ДО: ПОСЛЕ: Как это исправить? Быть может можно что то добавить в css файл, что б потом нужную таблицу просто заключить в div? <div class="otstup">ТАБЛИЦА</div> Заранее благодарен!
0 votes5 answers -
Центрирование картинки произвольного размера в блоке фиксированного размера
На одном из форумов видел решение для центровки элемента по вертикали относительно родителя. Я доработал этот пример под полное центрирование картинки Задача: есть картинка заранее неизвестного размера, есть блок фиксированного размера, внутри которой эта картинка должна быть размещена по центру. Решение: обязательно наличие еще одного вспомогательного элемента и главный блок фиксированного размера #Image{ width: 830px; height: 750px; line-height: 750px;//Значение равное высоте блока } #Image div{ width: inherit;//наследуем ширину родителя, относительно которой мы будем выравнивать img display: inline-block;//указываем что div - встраиваемый элемент…
0 votes4 answers -
Opera version hacks
Подскажите пожалуйста, как в CSS можно написать правило для конкретной версии оперы? Дело в том, что 7-я и 8-я по-разному размещают абсолютно позиционированный элемент. Тут уже обсуждалось решение с использованием PHP, но в моем случае лучше обойтись без этого. Благодарен за любые подсказки
0 votes7 answers -
выпадающее меню
Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…
0 votes3 answers -
Как сделать, чтобы
С непрозрачными все ок, а с полупрозрачными нет, хотя вроде суть одна... Only for Chrome!!!! Блок с бордерами и прозрачкой: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Создание обвязки бокса из 1 слоя.</title> <style> body {background:red;} .block{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXRoQqDUBSH8 euu6T6AiAy2JBbxMQaLC7piFEx7BMEq+ECrvsTKitFiWVhQuH5ZLJ7mH37xgwPHsdZ6SqkeFX…
0 votes3 answers -
Размер в зависимости от разрешения
Здраствуйте, Может можете помочь? Вопрос: Как сделать так, что бы на разных машинах, с разным разрешением сайт выглядел одинаково. То есть, что бы размер объекта менялся в зависимости от разрешения. Ситуация: в страничку вставлен флаш ролик. А вот и код: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="400"> <param name="movie" value="index.swf"> <param name=quality value=high> <embed src="index.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type=…
0 votes6 answers -
Изменить Вид Курсора Во Время Загрузки Скрипта
У меня на сайте долго подгружается один сторонний скрипт. В это время курсор приобретает вид progress - стрелка с весами. Возможно ли сделать так, чтобы в это время. курсор не приобрелал такой вид, а был бы таким как обычно?
0 votes4 answers -
Проблема с вёрсткой
Здравствуйте. Делаю свою первую вёрстку на дивах+ таблицы.. в дримвевире. в редакторе всё смотрится как положено, а в браузере не порядок... в лисе футер не уходит в низ, в ИЕ7 вообще нижняя прокрутка появилась и бекграунт загружается как будто картинка на 10 мегабайт частями с верху в низ. хотя картинка заливки всего 1х2 пикселя. я понимаю что где-то накосячил, но ума не приложу где именно. Вот код CSS html,body{ height:100%; margin:0px; padding: 0px; background:url(images/vipseo_01.gif); } #logo { width:371px; height:309px; position:absolute; top:0px; left:0px; background:url(images/logo.png) no-repeat; } #menu { width:400px; height:78px; position:absolute; top:0…
0 votes7 answers -
Вжатая и отжатая кнопки
Помогите создать две кнопки. Точнее даже не кнопки а два блока в виде кнопок. Одна кнопка должна быть вжата - вроде как уже включена и повторно её нажать нельзя. Вторая, наоборот отжатая - на неё можно нажать. Проблема в визуальном оформлении. Что-то ничего не получается, только вот такая ерунда - https://jsfiddle.net/ctst3y92/ Необходимо именно формой как-то передать состояние кнопок, НЕ цветом.
0 votes2 answers -
Создание таблицы в HTML
Здравствуйте, создаю таблицу в HTML, не получается в конце таблицы равномерно распределить столбцы и ячейки. Подскажите пожалуйста в чем ошибка: Пример нужной таблицы во вложениях Ссылка на код: https://pastebin.com/ZL8GRHU5 Если не отображается ссылка текстовый документ кода во вложениях. Спасибо за помощь. Код.txt
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-