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
-
Верстка на дивах. Как правильно?
Никогда раньше не задумывался над этим вопросом. Есть структура на дивах - они объединяют функциональные блоки. <div style="padding-top: 30px;"> <select id="create" style="float: left;margin-right: 20px;"> <li>Элемент</li> <li>Элемент</li> </select> <input type="button" value="test" style="margin-right: 60px;float: left;"/> <input type="text" style="width: 400px"></input> </div> <div style="padding-top: 10px;"> <select id="create" style="float: left;margin-right: 20px;"> <li>Элемент</li> </select> <input type="button" va…
0 votes5 answers -
Браузер не отображает часть кода
Здравствуйте! Не знаю, может быть вопрос немного не в тему, но все-таки... Устроился на работу администратором сайта и не могу разобраться с проблемой (сайт делали до меня). На этих страницах: http://lorena-kuhni.ru/novosti/novyie-otkryitiya http://lorena-kuhni.ru/novosti/novosti-kompanii http://lorena-kuhni.ru/akczii/akczii http://lorena-kuhni.ru/akczii/rasprodazha меню представляет собой кучу div-ов, вложенных в общий div. При нажатии кнопки "Следующий", у общего div-а увеличивается margin-left и вся эта конструкция прокручивается. Проблема заключается в том, что видны только 20 вложенных div-ов, а остальные нет. Но в html-коде они присутствуют. Как так может быть…
0 votes3 answers -
facebook & twitter скрипты не показываются для некоторых
Здравствуйте! Возникла такая проблема, что у некоторых не показываются скрипты фейсбука и твиттера (кнопка поделиться), у меня всё отлично, а вот у знакомого в хроме и сафари (macbook) не отображаются. Пробовал официальные скрипты: https://developers.facebook.com/docs/plugins/share-button/ и https://dev.twitter.com/docs/tweet-button , но не показываются. Пробовал использовать и этот сервис: http://www.sharethis.com - результат тот же, у меня всё отлично, у него не показывается. В чём может быть проблема и как её исправлять ?
0 votes2 answers -
Тень блока кроссбраузерная
Возникла проблема с тенью (CSS3) для блока. Во всех последних браузерах все работает, однако IE8 и ниже ни в какую не желает появляться. Пробовал трюк с PIE.htc, однако тоже не получилось. Тень необходима для одной стороны (левой). Тень нужна вертикальная, имеет элиптическую форму, т.е. верхний и нижние части тени с сильным закруглением, посередине тень растягивается. Есть варианты это сделать с помощью 3 картинок? Помогите, пожалуйста. Посмотреть эскиз можно здесь: http://snap.ashampoo.com/UVcEmP0i
0 votes1 answer -
url в виде /path/param вместо /path?par=param в form submit
Добрый день! Возникла необходимость сделать как в заголовке. т.е. сейчас есть форма, два селекта. При нажатии на кнопку вызывается url вида /path?par=param&par2=param2 где param и param2 берутся из селектов с именем par и par2 соответственно. Надо сделать /path/par/param/par2/param вместо этого, чтобы соответствовать api сервера, или path/param/param2 - тоже сработает. Это вообще возможно сделать без JS? должно работать при noscript. Заранее спасибо, и простите, если вопрос дебильный - новичок я...
0 votes5 answers -
Не меняется цвет ссылки при наведении
Здравствуйте! Подскажите пожалуйста. При наведении на ссылку и при её нажатии должен по-идее изменятся её цвет, но этого не происходит. http://hkar.ru/FZ9f <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body><object data="link.svg" type="image/svg+xml" width="500" height="500" style="position: absolute; opacity: 1; z-index: 100!important; ; top: 285px; left: 442px;" ></object></body></html> <?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN""http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svgxmlns="http://www.w3.org/…
0 votes3 answers -
DLE denwer
Даже не знаю как объяснить.... Устанавливал все версии от 9 до 12.1 все как будто без доступа к CSS ..... может кто знает в чем проблема?
0 votes1 answer -
Помогите с сайтом
Помогте с сайтом, надо чтобы подменю отображалось снизу, но когда я навожу на меню происходить дичь какая то, помогите в чем проблема. Вот код: https://codepen.io/Totjmyanin/pen/rNBzYPj
0 votes2 answers -
Помогите начинающим... про селекторы для p и h1
Почему не работает такое: <html> <head> <style type="text/css"> p h1 { color: Red; } </style> </head> <body> <p>Test string. <h1>Hello, World</h1></p> </body> </html> По идее, если следовать описанию селекторов - всё что в h1 должно стать красным, но, этого не происходит. В чем причина? h1 перебивает стили сам, или селектор не находит? Если убрать h1, а вместо него например span, и селектор сделать p span, то всё ok. Поясните, что не так? Таже проблема если например написано: p.test span { color: Red; } и код: <p class="test"> abc efd <span>Hello!</span> Ведь по идее селект…
0 votes2 answers -
ненужная чать светится)
В общем я снова к вам, установил я lightbox страница http://formalab.ru/regions/rostov.php (щёлкнуть по рисунку первого магазина), и что-то не станвоится текст слева бэкгарундом, всё также светится, думаю дело скорее всего именно в цсс но не могу понять в чём именно подскажите body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, form, input, textarea, p, th, td { margin : 0; padding : 0; } table { border-collapse : collapse; border-spacing : 0; } img { border : 0; } address, caption, strong, th { font-style : normal; font-weight : normal; } li { list-style : none; } caption, th { text-align : left; } h2, h3 { font-weight : 400; } sup { vertical-align : text-top; } sub { vertica…
0 votes2 answers -
Проблема с растягиванием
Здравствуйте, подскажите пожалуйста, проблема в следующем: в ячейке слева находится таблица в ней 5 ячеек, в FF эта таблица растягивается вниз до конца основной большой таблицы, в IE и Opere эта таблица не хочет растягиваться, подскажите, как исправить код, чтобы в IE и Opere эта таблица также растягивалась вниз. В CSS описаны только границы ячеек и их фон. Вот ссылка на сайт:Моя первая страничка Вот код: <table width="699" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="79" colspan="2" valign="top" class="m1">< </td> </tr> <tr> <td width="30%" height="100%" rowspan="2" valign="top"><table cellspacing="…
0 votes3 answers -
список блоков в строку с динамичной шириной ячейки
div#container{width:700px} div#container .el{float:left} <div id="container"> <div class="el">value</div> <div class="el">value</div> <div class="el">value</div> </div> Есть div#container с width="700" Хочется внутри этого div#container разместить в строку несколько других блоков div.el. Ширина этих блоков должна динамически расчитываться, таким образом чтобы все div.el по сумме ширины занимали все место в родительском div#container. Количество блоков заранее не известно, поэтому прописать ширину для блоков статично нельзя. использование div или p или ul/li не принципиально.
0 votes2 answers -
страница в три колонки
Всем привет. Подскажите пжл. Есть 3 колонки. Центральная должна быть 1000px, по центру. Левая и правая одинаковой ширины в зависимости от свободного места в окне. Не нашел подходящего решения в нете.А может я не умею пользоваться гуглом
0 votes7 answers -
Простейший макет, проблемы с height
Т.к. в соседнем разделе не удалось мне решить мой вопрос, решила начать с нуля и посмотреть, где возникает проблема. Начала делать простейший макет, и вот какая странность. Вроде бы уже проще некуда, делала из многочисленных примеров, пробовала разные варианты. Вот собственно оно http://jsfiddle.net/bfTAC/ Интересно, что в Opera все отлично выглядит как надо А вот в Хроме и Firefix'е - что попало Если глянуть для интереса "инспектором" в Firefox, вот что говорит Получается "контейнер" 100%, но почему то всего 220px. Хотя с body там же все нормально - 100% и 720px на весь экран. Что я делаю не так? Уже тупняк какой-то начался, тяжело абстрагироваться
0 votes7 answers -
Сайт для экскурсиного бюро
Добрый день, товарищи. У меня “карманное” экскурсионное бюро, которое работает уже 2 сезона , и приносит мне такой же карманный доход. Это совсем крошечное предприятие, и всю работу с ним связанную я делаю сам. Самостоятельно бухгалтерию веду и билеты продаю и т.д. - так выгоднее, быстрее и главное интереснее. Но так уж повелось, что у этого бюро нет своего сайта, а я чувствую что он нужен... И конечно я бы хотел сделать его самостоятельно. Сайт должен быть следующий сложности: там должна быть инфо о фирме и поездках, галерея, контакты, а также простейшая форма для обратной связи, где потенциальный экскурсант, выбрав из выпадающего списка (с 18 элементами) н…
0 votes5 answers -
Две фоновых картинки body
Здраствуйте! Никак не могу сделать две фоновые картинки, одна с верху по центре, вторая в низу по центре. При этом, в середине должен быть еще черный цвет. Вот собственно и картинка фона: Возможно такое сделать для одного тега body? Спасибо!
0 votes11 answers -
Смещаются объекты при маштабировании страницы
Здравствуйте. Задался целью собрать сайт и в принципе все по урокам понятно. Но вот одна проблемка по которой я не нашел никаких уроков и тем. Проблема заключается в том что у меня на странице есть меню, которое находится в теге <DIV>, когда я выставляю какие то параметны для того что бы меню нашло свое место на сайте все ок, но стоит мне увеличить или уменьшить страницу скролом CTRL+Scroll как меню менят свое положение. Заранее спасибо. <!DOCTYPE html><html><head> <title>My Project</title><link type="text/css" rel="stylesheet" href="menu.css" media="screen"/><link type="text/css" rel="stylesheet" href="style.css"/>&l…
0 votes2 answers -
Не будут ли у программиста или админа проблем из за такой верстки?
Здравствуйте. Нужно верстать такой макет: 3 колонки одинаковой ширины (не считая меню, с ним все ясно) в них блоки с разной высотой. Задача в том, что бы при увеличении разрешения колонки тоже увеличились до определенного размера, потом когда хватает место для четвертой колонки - ширина колонок уменьшается до исходного и добавляется 4-ая колонка. И так далее. Ничего лучше не нашел кроме как нарисовать 2 колонки, засунуть туда контент и давать им display: none; а потом в подходящих разрешениях их добавить с display: block; в промежутках меняя ширину видимых колонок через media queries или же сделав их резиной. Так вот, не совсем представляю как будет происходить доб…
0 votes9 answers -
Очень нужна помощь HTML+CSS+JS
Суть вопроса: в HTML страничке реализована анимация средствами CSS: // CSS .fon_animate{ ...width: 0px; animation: timing_left 2s ease forwards;}@keyframes timing_left { 100%{ width: 400px; margin-left: 0px; }}//HTML <div class = "fon_animate" style="top:250px; animation-delay: 1s"> <img src = "../res/img/blank.png"></div>Необходимо по кнопке клавиатуры, например пробел, либо сокращать время анимации до нуля, либо переходить к 100% анимации. Я так понимаю это можно реализовать средствами JQuery. Очень буду рад и благодарен за помощь!
0 votes4 answers -
Проблема с полем input number в html
Всем привет. На странице есть input типа number. <div><input type="number" step="0.01" class="form-control" id="numberField" name="numberField"min="0" max="9007199254740992"></div>Проблема состоит в том, что в браузере firefox , при вводе значения в это поле например: 12,234 оно сохраняется после сабмита как 12234. И никак не ограничивается количеством знаков. Если при вводе использовать в качестве сепаратора точку - то все проходит нормально. И ввод , как и должно быть, ограничивается двумя символами после точки. В сети наткнулся на информацию о том, что это зависит от локали системы. Т.е. в каких то странах точка является decimal разделителем, а запя…
0 votes1 answer -
Random Music в визуалайзер.
Добрый вечер, столкнулся с вопросом: Имеется визуалайзер, как можно реализовать рандомный выбор музыки? Пробовал искать что либо в интернете, но толком ничего не нашел. Прошу помощи, у опытных пользователей. <script language="javascript"> let initialized = false; window.onload = function() { player.src = "1.mp3"; player.play(); player.loop = true; if (!initialized) { initializeVisualizer($("canvas")[0], $("audio")[0]); initialized = true; } }; </script>
0 votes0 answers -
HTML CSS media запросы
Всем привет! Делаю адаптивную версиб сайта (под мобилы), возникла проблемма. Основной CSS .wrapper { border:1px solid transparent; width:1280px; height:1043px; margin:0; background-color:transparent; } .header { border:1px solid #dce5f4; width:200px; height:43px; margin-top:-1045px; margin-left:49px; float:left; } .nav_header { border:1px solid #dce5f4; width:1054px; height:43px; margin-top:-1045px; margin-left:249px; ba…
0 votes12 answers -
Не получается установить Gulp less
Всем привет. При установке выдает такую ошибку npm ERR! request to https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz failed, reason: 2760:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:openssl\ssl\record\ssl3_record.c:210: npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Welcome\AppData\Roaming\npm-cache\_logs\2018-11-16T17_47_04_184Z-debug.log
0 votes2 answers -
Футер по ширине страницы (float)
Добрый день! Только начинаю обучение и уже проблема. Суть в следующем. Два блока (меню и блок с контентом) ставятся горизонтально, третий (футер) должен быть прижат под ними и распространяться на всю ширину страницы. Блок прокрутки при этом имеет <overflow>. В итоге меню и контент через <float> горизонтально встают без проблем. Однако футер при этом выравнивается по блоку с контентом и также прокручивается через скролл, как и контент (иными словами, как будто он вложен в <div> с контентом). Для наглядности цепляю скрин. (фон блокам задан мной для наглядности). Код вроде полностью, как в книге (пока учусь азам по книжке), а результат отличается.…
0 votes2 answers -
CSS и <Canvas>
Довольно таки странно: пытаюсь управлять св-вами <canvas> прописывая width и height для элемента с заданным id в таблице стилей. В итоге получается холст 300x150 те со значениями по умолчанию. А вот когда в скрипте задаю нужный размер холста посредством document.getElementById("ID").style.width=.... то все работает. Чтож он сразу-то не берет из таблицы стилей значения?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-