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
-
Как подправить путь к изображению
В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg"> Надо получить: <img src="http://site.com/uploads/posts/2016-09/image-1.jpg"> То есть, из строки убрать "thumbs". Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.
0 votes0 answers -
Select или не Select
Ребят верстаю макет, есть вот такие выпадающие списки Проблема в том что сейчас насколько мне известно полностью стилизовать Select без JS невозможно. полазил в интернете на предмет статей, как это можно реализовать, есть всего 2 способа без использования JS. и оба способа не очень адаптивны, а вернее не адаптивны совсем, А так как я не знаю JS подумал почему не заменить select обычным выпадающим списком стилизованным под select. ведь это гораздо проще, быстрее. валиднее. и адаптивнее,Возник вопрос 1) как к этому отнесуться поисковые системы, есть ли разница для поисковика? 2)как к этому отнесуться програмисты(про чекбоксы не говорю)? Ведь по сути se…
0 votes2 answers -
expression в ie6
помогите правильно составить expression для ie6 намучился с другой проблемой, моск кипит, так что уже не могу разобрать нормально ничего.. выдает синтаксическую ошибку .page { width:expression(document.body.clientWidth>1005? expression(document.body.clientWidth>1400? 1400 : 100%) :'1005px'); } нужно, чтобы если ширина окна > 1005 и меньше 1400, то ширина .page была бы 100% иначе min 1005, max 1400 заранее спасибо ошибка из-за кавычек была .page { width:expression(document.body.clientWidth>1005? expression(document.body.clientWidth>1400? '1400px' : '100%') :'1005px'); } однако свою функцию данный экспрешн не выполняет...
0 votes3 answers -
Блоки
Вот у меня проблема с расстановкой блоков.Страница разделена на два блока по горизонали .У левого блока float:left;.Но проблема не в них.В левом блоке у меня ещё два подблока,которые распложены вертикально один сверху другой снизу.Проблема в следующем:с таким кодом у меня в опере всё отлично т.е. блок ровно под другим блоком.В экспловере же у меня две проблемы: 1)Нижний блок имеет меньше отступ слева, чем верхний 2)Нижний блок margin-top:339px; делает от нижнего края верхнего блока. Подскажите как решить проблемы? Вот код: <div class='wrapper_left'> <div class='wrapper_bodyfoto'> </div> <div class='wrapper_mir' id='mir'> </d…
0 votes2 answers -
Проблема с отступами блоков
Между блоком footer и блоками content,right нужен отступ в 100px. Но в IE 6 при увеличении текста в блоке content отступ примерно 56рх. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <!--[if lte IE 6]> <style type="text/css"> * html #wrap {width: expression((documentElement.clientWidth||document.body.clientWidth)<980?'980px':'');} </style> <![endif]--> <style type="text/css"> html, body { margin : 0; padding : 0; } body { font : 75% Arial, Helvet…
0 votes6 answers -
Горизонтальное меню
Доброго времени суток, уважаемые форумчане. Возможно ли на CSS реализация горизонтального меню, чтобы активный пункт меню оставался подсвеченным, когда переходишь на данную страницу и на ней остаешься? На jQuery много реализаций, но не хотел использовать. Заранее благодарен.
0 votes3 answers -
Последовательность загрузки контента сайта
При загрузке сайта, первый начинает грузится слайдер(это заметно при маленькой скорости интернета) т.е. сначало картинки грузятся в столбик(список ul), только потом в слайдер. www.picnic-abakan.ru
0 votes2 answers -
Различное написание
Здравствуйте! Подскажите, пожалуйста, Какая разница между написаниями: .nav a {} и a.nav {}? Почему сайт по-разному на них реагирует? Заранее благодарю за ответ!
0 votes3 answers -
Проблемы с заливкой фоном
Здравсвуйте всем!Я совсем начинающий верстальщик,помогите пожалуйста решить такую проблему:есть три колонки,хедер и футер,футер по умолчанию должен быть прижат к низу,при большом количестве контента сдвигаться вниз.Я написал следующий код,но не могу решить проблему с фоном для колонок(нужно чтобы фон был на всю колонку независимо от контента).Очень жду вашей помощи. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Страница Васи Пупкина</title> </head> <style type="text/css"> html,body{ margin:0; padding:0; height:100%; } #header{ height:50px; text-align:center; background:#cf9; } #all{ min-height:100%; margin-bott…
0 votes2 answers -
как сделать невидимыми элементы шаблона
Как сделать так, чтобы элемент шаблона был видимым только на определённых страницах? Соответственно, чтобы на других его не было.
0 votes8 answers -
Помогите раставить позиции div'ов
Господа, помогите разобраться. На сайте есть div (div id="1") располагающийся с верху-в низ, по правому краю. Мне нужно чтобы он находился там всегда и был подложкой для всего остального наполнения (но не fixed). А по верх него уже шли все остальные блоки и элементы страницы. Помогите расставить блокам "position" чтоб отображалось все корректно. То есть я хочу попробовать сверстать страницу в которой начина блока "box"(меню, заголовки, форма поиска, просто блоки с основным контентом), будут идти не просто друг за другом с флоатом, а размещаться с персональными параметрами (отступы, высота и тд) и в том числе перекрывать местами другие блоки. К примеру: <div id="box"&…
0 votes4 answers -
Адаптация сайта к мобильному виду
Приветствую. Существует ли какой-нибудь стандарт, позволяющий определить, что сайт загружается со смартфона? Предпосылка. В браузере Андроида в настройках есть галочка "Адаптация к мобильному виду". При отключенной галочке сайты все грузятся так, как будто заходишь через обычный браузер, нужно масштабировать руками. Если же включить галочку, некоторые сайты (популярные) действительно адаптируются к мобильному виду, причем, очевидно, что сам сервер их адаптирует. Например, Википедия - в ПДА-версии можно сворачивать абзацы. Пытаясь разведать, что и как, были предприняты след. шаги: 1. Создал на локалхосте php-файл, записывающий заголовки запроса, и зашел на этот урл с телеф…
0 votes4 answers -
Шрифты и ctrl+-
Есть два блока фиксированной ширины, содержащие текст. В одном блоке тексту задан тип шрифта Arial, в другом Times New Roman. Firefox Если уменьшить масштаб (ctrl+- или колесо) на один пункт, то в первом блоке текст вплотную прижмется к правому краю (при увеличении тоже самое), тогда как во втором блоке расстояние до правого края останется как было при 100%. Если еще на один пункт уменьшить, то в первом блоке последнее слово вообще перенесется на другую строку, во втором блоке снова останется все как есть. Chrome Почти тоже самое. IE10 Идеально. Как бы не уменьшал или увеличивал масштаб, текст в обоих блоках всегда изменяется пропорционально ширине самого блока. h…
0 votes3 answers -
Раскрывающееся меню
Добрый день. Обращаюсь еще раз. Первый раз мне очень помогли, может помогут и еще. Суть обращения, хочу сделать горизонтальный раскрывающийся список с контентом. Прикрепляю скрин моей наработки. Хочу чтобы "Фильмы" "Музыка" "Книги" были под шапкой. При нажатии бы они открывались в этом же окне на весь синий фон и там бы уже был контент. Например при нажатии на "Фильмы" раскроется проигрыватель, при нажатии на "Музыка" откроется муз. проигрыватель и т.п. Можно ли как нибудь это реализовать?
0 votes1 answer -
Как выстроить элементы в 2 колонки?
Помогите пожалуйста разобраться как выстроить ссылки в 2 колонки. Например, есть 8 ссылок, их необходимо разместить в 2 колонки. Используя float:left ссылки выстраиваются вот так: — ссылка 1 ———————-- ссылка 2 — — ссылка 3 ———————-- ссылка 4 — — ссылка 5 ———————-- ссылка 6 — — ссылка 7 ———————-- ссылка 8 — Вот код - http://jsfiddle.net/238cpzhq/ Можно ли их выстроить вот в таком порядке: — ссылка 1 ———————-- ссылка 5 — — ссылка 2 ———————-- ссылка 6 — — ссылка 3 ———————-- ссылка 7 — — ссылка 4 ———————-- ссылка 8 — вроде как сначала одна колонка заполняется, потом вторая. ПС: в коде, ссылки менять местами нельзя )))
0 votes2 answers -
Test tools
Прошу поделиться опытом применения тестирующих программ и ресурсов. Возможно, кто то из экспертов решал задачу анслиза и отбора таких инструментов. Попался недавно на глаза https://applitools.com/Зарегился, прогнал один из своих проектов, получил скриншот мобильного для того браузера в котором открыто окно. Потестить, погонять, наловчится надо отдать 100долл, т как позволяет только один проект в месяц... Если б меня спросили, must have BrowserSync, который позволяет синхронно играться на разных устройствах и разных браузерах, что гораздо динамичнее и удобнее вышеупомянутого инструмента. Пожалуйста, какие есть соображения по инструментам, исходя из личного опыта.
0 votes0 answers -
отзывов на Google
Может вопрос не в тему но все он же касается САЙТА Так вот есть сайт ресторана много лет и есть парочка плохих отзывов которых хочу убрать. Я сообщал о нарушениях правил итд но отзывы остаются может есть кто сталкивался и знает как реально удалить их.?
0 votes0 answers -
Изменить селекторы через псевдокласс - HTML, CSS
Здравствуйте, мы заканчиваем мобильную верстку, однако столкнулись с проблемой. Дан следующий код: <div class="topWrapper"> <div class="mainNav"> <form method="get" action="/search/"> <input autocomplete="off" name="searchString" class="quickSearch" onmousedown="event.cancelBubble=true;" ontouchstart="event.cancelBubble=true;" id="049D095A-C3A6-4E6F-ABD6-696DCD48703A"> <div class="searchResultWindow hidden"> <span class="result">Найдено компаний и пользователей: <span class="total"></span></span> <ul class="users"></ul><a class="all" href="/search…
0 votes1 answer -
C помощью какого плагина можно менять css на лету в IE
Добрый день! C помощью какого плагина можно менять css на лету в IE!!! Типа firebug.
0 votes2 answers -
галлерея
мне очень нравиться как выполнена галерея на foto.ru есть такие уже готовые? Я искал в гугле, но ни чего похожего не нашел.
0 votes1 answer -
Лента новостей RSS
Есть задумка наладить у себя на сайте ленту новостей про спорт.Но как получить саму ссылку на источник? СПС)
0 votes2 answers -
Обновление статистики сайта
Всем доброго времени суток, у меня на сайте есть статистика, при обновлении страницы пользователем в базу записывается время этого обновления, если юзер не обновлял страницу более 5 минут, то он удаляется из таблицы онлайн пользователей, проблема собственно в чем - а что если юзер читает статью к примеру довольно долгое время или просто отошел попить чая? тогда после того, как пройдет 5 минут он уже не будет онлайн, что хотелось бы исправить. Скажите, какими методами можно осуществить пребывание пользователя на сайте без его активности? Заранее спасибо
0 votes3 answers -
Макет Для Вёрстки
Сейчас забрёл в раздел форума: Макеты для верстки. А там картинка. Можете объяснить как с ней работать? И с чем их едят?
0 votes3 answers -
Горизонтальное меню
<ul id="upmenu"> <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><a href="#">Контакты</a></li> </ul> #upmenu {background: url(images/bg-upmenu.jpg) repeat-x; } #upmenu li {display:inline-block; } #upmenu li a {display:block; position:relative; left:20px; text-decoration:none; color:white; line-height:5…
0 votes2 answers -
padding
нужно сделать отступы для текста со всех сторон блока на 10px. Пишу padding:10px; слева текст отступает и вместо того чтобы переноситься на новые строчки тупо растягивает блок в стороны. Как исправить?
0 votes4 answers