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
-
Непрозрачное содержимое на полупрозрачном фоне
Здравствуйте! Как отобразить содержимое блока непрозрачным, а фон блока задать полупрозрачным?
0 votes4 answers -
иконки поста выполненны через стили
Всем привет, по ссылке ref Под текстом "Launch your startup smarter a" есть 4 иконки выполненны через стили <div class="border-icon border-icon-1"> <span class="icon-icon1"></span> </div> Определенные как : .border-icon-1 { padding-top: 35px; } .border-icon-1 span { font-size: 57px; } .icon-icon1:before { content: "\e917"; } ... Вопрос в том, что если применить эту верстку к Wordpress-у чтобы отображать посты и можно было в новых постах как-то отображать аналогичные ярлыки для других постов ? Админ сайта в админке постов : 1) Выбирает ярлык и записывает его в скажем в поле Custom Fields 2) Обработчик на фронт…
0 votes1 answer -
position:absolute в ИЕ
В блог на вордпрессе добавлял колонку (сайдбар) слева, в php все сделал, в css выкрутился так position:absolute во всех браузерах отрабатывает как надо, а вот в ИЕ 7 и 8 (подозреваю что и в других версиях тоже) никак, сайдбары наслаиваются , пример http://sanatar.ru . Отдельные стили (хаки) для ие не использую. Подскажите как можно выкрутиться с левым сайдбаром в ИЕ?
0 votes4 answers -
Верстка div'ами
Добрый день, Прочитал самоучитель по HTML данного сайта, но не нашел информации по верстке div'ами. Если я не ошибаюсь, то сейчас только ее и используют. Посвятите по данному вопросу / скиньте инфу плс
0 votes2 answers -
объясните поведение блока
Добрый день. Вот код: <body style="background: #ddd"> <div style="background: #fff; border: 0px solid black;"> <!-- div #1 --> <div style="margin-top: 100px"> <!-- div #2 --> <span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span> </div> </div> </body> В таком виде див №1 отображается как узенькая полосочка, отстоящая сверху на 100 пикселей. Если в его стиль добавить рамку (в стиле достаточно исправить толщину с нуля на единицу), то он раздвигается по высоте (так и было задумано, но без рамки). Почему так происходит?
0 votes2 answers -
Тег Select атрибут Size
Кто нибудь знает, что за баг с тегом атрибутом size тега select в Google Chrome? При значении size <=4 отображается 4 элемента списка. В других браузерах нормально. Поиск в гугл ничего не дал. Только какой-то старый топик, в котором говорят, что это такая особенность хрома. Когда фиксить будут неизвестно. Как перебороть может знает кто?
0 votes2 answers -
Проблема с галереей
Не могу разобраться, пробывал по разному, ничего не выходило, прошу помочь. Нужно чтоб галерея располагалась посередине сайта или в две колонки. css body { background-color: #f2f2f2; width:500px; border:10px solid #D3D3D3; margin:0 auto; padding:10px } h1 { font-family: lobster two, cursive; font-size: 50px; font-style: italic; text-shadow: 2px 2px #adadad; text-align: center; color: #f2f2f2; onmouseover="this.style.color='#FFFFFF'; onmouseout="this.style.color='#000000'; } /* Менюшка */ #nav { position: absolute; top: 110px; left: 390px; } #nav li { float: left; display: block; } #nav li a { padding: 8px 14px; border-right: 4…
0 votes4 answers -
Не округляются картинки в хроме
Помогите разобраться почему в Google Chrome не округляются картинки. .news img, .news img a { border : #ffffff solid 3px; border-bottom : 0 solid #ffffff; border-radius : 10px; } Причем не округляется очень странно, верхние углы остаются полностью квадратными а нижние накосо срезаются (скрин ниже).
0 votes5 answers -
В форме сообщений не отсылаются письма
Здравствуйте, я в html не особо разбираюсь. Переделал шаблон под себя, есть пара моментов, которые я не понимаю. Если не трудно подскажите почему с контактов, когда оправляю сообщение, оно никуда не отправляется. Посмотрите пожалуйста код, подскажите что надо добавить ? И еще 1 вопрос , когда смотрю сайт в Google chrome, то все отображается хорошо, но в internet explorer все не правильно, в одну кучу собирается. ПОЧЕМУ ? Сайт http://laserman-show.ru Спасибо.
0 votes5 answers -
вопрос по трехколоночной верстке
Уважаемые гуру, подскажите, такой момент: делаю трехколоночный макет с шапкой и подвалом. Левую и правую колонку сделал флоатом, у центральной колонки задал левый и правый маргин. Внутри центральной колонки нужно выводить текст с плавающей картинкой (опять флоат) и таких картинок куча. когда картинка больше текста получаю кашу: следующее изображение слетает на предыдущее Чтобы не было каши поставил <div style="clear:both"></div> Но в таком случае все, что ниже этого улетает вниз на уровень завершения боковиков. Подскажите, как такое обойти?
0 votes3 answers -
Проблемы с версткой каталога
Верстаю каталог... Есть три группы: Рекомендуемые, Новинка, Акционные товары. Хочу сделать так чтоб под каждую из групп был свой див и внутри него уже дивы с товарами товара. Так вот почему-то, когда я вкладываю в див группы товаров дав с самим товаром, первый не растягивается по высоте... вот код HTML <div id="right"> <h1> O магазине </h1> <p>Этот магазин является демонстрацией скрипта интернет-магазина Simpla. Все материалы на этом сайте присутствуют исключительно в демострационных целях.</p> <div id="recomend"> <div class="item"&g…
0 votes3 answers -
Подскажите по табличной вёрстке
Всем здравствуйте! Я хотел бы сделать чередующуюся вёрстку, где разделы бы шли некоторые на всю ширину браузера, некоторые в два Например: (названия взяты с "потолка") горячие блюда кондитерка быт.техника для кухни. ремонт техники тесто общ.правила сдобное. для пиццы приправы мясо в духовке. мясные рулеты В общем как-то так для примера, и я хотел бы это сделать средствами CSS в табличной верстке. Понятно, что делать это я буду делать сам, просто никогда этого не делал, и прошу дать какие-то первоначальные "намётки",даль…
0 votes2 answers -
как отловить странички с помощью PHP
Есть вот такой код: <?php if(($_SERVER['REQUEST_URI'] == "/ggame")||($_SERVER['REQUEST_URI'] == "/ggame/")||($_SERVER['REQUEST_URI'] == "/ggame/page/1/")) { echo <<<HERE тут необходимые действия HERE; } ?> В примере код срабатывает для первой странички раздела "Игры". Скажите пожалуйста, как можно без перебора вариантов отобрать сразу целый раздел? То есть, если страничек будет 10 или 20 перебирать очень долго. Есть ли какое-то решение?
0 votes3 answers -
Смена фона кнопки при клики
Ребят не получается сделать смену фона кнопки, точнее на кнопки у меня картинка, при клике на нее она должна меняться на другую и оставаться в таком состоянии. Подскажите мне как это сделать!!!!
0 votes4 answers -
Favicon
Здравствуйте! Возник такой вопрос: сама favicon.ico у меня лежит в корне и отображается корректно, но иконка имеет разрешение 16х16, а я в некоторых программах, например 1Password для iOS и в Safari на iOS замечаю добавления иконок от сайта в разрешении определённо большем, чем 16х16. А с моего сайта эти программы вообще не подгружают иконку. Существуют ли другие иконки,которые подгружаются? Откуда-то они же берутся! Вот скрины экрана,там сравнения иконок: http://yadi.sk/d/YrBjoaprNj3n2 http://yadi.sk/d/Q-UZ1uxENj4EF Спасибо!
0 votes2 answers -
Сфера с translateZ
Добрый день. Как заставить сферу быть объемной при translateZ. Сферу создал по известной конструкции <div class="wrapper"> <ul class="ball"> <li class="ring"></li> ..... <li class="ring"></li> </ul> </div> Обвернул всю конструкцию в еще один DIV к которому применяю свойство translateZ (нужно что бы сразу все сферы перемещались в нужном ракурсе). В результате все перемещается, но при повороте rotateZ видно что сферы перестают быть объемные! Как решить данный вопрос?
0 votes1 answer -
Посоветуйте карусель
Посоветуйте пожалуйста карусель наподобии этого http://www.bkosborne.com/jquery-feature-carousel с таким же эффектом прокрутки.. Беда в том, что не только img будет у меня но и другая html разметка а тот понимает только img.. Нашел еще contentflow http://www.jacksasylum.eu/ContentFlow/ но так и ничего не понял как его заставить работать. Пробовал bxslider кастомизировать, почти получилось, кроме самого эффекта прокрутки смотрите jsfiddle http://jsfiddle.net/a24mqoxd/ (растяните немножко окно что бы не полезли друг на друга). Если дадите совет как получить такую анимацию прокрутки, буду очень благодарен. Если невозможно, подскажите какой нибудь другой слайдер пожалуйста.
0 votes7 answers -
Подскажите название слайдера
Как-то и где-то видела сайты в виде слайдера. Там, еще сбоку индикаторы (курсор подводишь к индикатору и отображается название меню), а посередине контент. Как называется такой слайдер, не могу найти... Схематически набросала, вот такой к примеру..
0 votes1 answer -
fabric.js и шрифты
Господа профи, прошу вашего совета... Сейчас разбираюсь в fabric.js, но столкнулся с проблемой... Когда в селекте меняю шрифт (font-family.. Шрифты заранее подключены через font-face), шрифт на холсте меняется правильно только в том случае, если этот шрифт уже был загружен и прорисован (то есть уже стоит на каком-либо видимом элементе).. Если же ни на каком элементе на странице этого шрифта не стоит, то шрифт на холсте меняется только при потере фокуса активного элемента.. (например просто тыкнул в пустое пространство на самом холсте) или селектом выбрал какой-либо шрифт повтором.. Есть ли вариант заранее прогружать шрифты (или прорисовать их), если на самой странице, к…
0 votes0 answers -
Действие по клику на элемент Canvas
Задача: нарисовать домик, и присвоить различным его элементам действия по клику, например: По клику на надпись открыть модальное окно, по клику на дверь сделать её открытой и ид. Домик нарисовал, а как применить действие по клику на элемент не могу никак понять. Не прошу сделать за меня задание, хочу именно узнать, как реализовать здесь oneclick или что здесь правильнее использовать. <!doctype html><html> <head> <title>Домик</title> <meta charset='Windows-1251'> </head> <body> <canvas id='example'>Обновите браузер</canvas> <script> var example = document.get…
0 votes2 answers -
B бутстрап верстке yнепоянтный класс и input-sm
Всем привет, Подскажите, пожалуйста, я наткнулся на использование в бутстрап верстке для контрола классов form-control и input-sm вроде : <div class="col-xs-12 col-sm-8 col-md-8"> <input type="text" name="postal_code" id="postal_code" class="form-control input-sm" value="" size="4" maxlength="4" Читаю доки: Размеры полей Чтобы поменять размер элемента формы, ему можно назначить один из классов: .input-sm .input-lg Это что управление высотой контрола или что ?
0 votes2 answers -
Разрешить ввод только цифр
Помогите пожалуйста настроить популярный плагин для angularjs1 Сейчас в input возможно ввести любые символы. В результате действия плагина они оформляются в такой шаблон: +9 (999) 999-99-99 , в котором '9' - это любой символ. но мне нужно чтобы на место '9' можно было ввести только цифру. Но не букву. В документации написано, что этого можно добиться, если спользовать такой паттерн: \d Но этот паттерн не срабатывает(или я что-нибудь не так делаю). JSFIDDLE js: (function () { 'use strict'; var app = angular.module('app', ['ngMask']); app.controller('Appctrl', Appctrl); function Appctrl(){ } })(); …
0 votes0 answers -
Адаптивная информативная фотогалерея
<div class="imgPages col-es_12 clearfix"> <a href="assets/template/flexible/img/ballu/bravo.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo.jpg" alt="Ballu Bravo внутренний блок"> </a> <a href="assets/template/flexible/img/ballu/bravo-outdoor.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-outdoor.jpg"> </a> <a href="assets/template/flexible/img/ballu/bravo-pult.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-pult.jpg" alt="Ballu Bravo ИК-пульт"> </a> </div> Есть вот такой блок с изображениями расположенными в …
0 votes1 answer -
Помогите разобраться в поведении браузера
Ребятки, помогите понять почему вот так ведет себя браузер. Есть див со 100% шириной и высотой 50рх. Цвет для наглядности поменял, почему при изменении экрана блок не остается 50рх в высоту? Почему он вместе со всем содержимым сжимается игнорируя четко заданные параметры? Выше 980рх он тянется, а ниже он 980 и не меньше, весь блок просто сжимается в размерах вместе с содержимым. Мне нужно посмотреть как блоки падать будут, куда они съезжаются а оно просто все уменьшило и не понятно что с этим делать. Медиа запросов в коде нету, есть один блок для примера и в css ширина, высота и цвет этого блока.
0 votes1 answer -
Высоты video background-a не подстраивается под текст
Подскажите пожалуйста как сделать что бы был текст внутри Video DIV-a и высота Video DIV-a была в зависимость от текста внутри? Вот кот который я пытаюсь сделать. http://cssdeck.com/labs/fp6hr6q4 Спасибо!
0 votes1 answer