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
29,542 questions in this forum
-
Интересная рамка для изображения(блока).
Всем привет. Подскажите, как реализовать рамку вокруг картинки в стиле плёнки, картинки верха, низа, и т.д. есть. Как разместить их вокруг элемента7
0 votes5 answers -
Вопрос про шрифты
У меня есть макет и шрифты к нему PT Sans. Как сделать кроссбраузерно фон фасе, если я не могу вдругие форматы конвертировать т.к. шрифт платный, что делать ?
0 votes3 answers -
Проблемы с расположением блоков для адаптивной верстки
Доброго времени суток, возникли трудности с верстко
0 votes1 answer -
Вставка видео/аудио на сайт
Требуется сделать подгрузку видео и аудио роликов на сайт. Не с youtube. Какой на сегодняшний день оптимальный вариант сделать это? Чтобы работало в том числе и на iOS. HTML5 насколько я понимаю требует подгрузки нескольких форматов, что не очень желательно.
0 votes1 answer -
У after отступ после блока с картинкой
Здравствуйте! В блоке about после блока с картинкой after(вертикальная линия) отступает на 4px, а к следующему блоку с картинкой примыкает плотно. И чтобы этот вопрос решить, нужно after дать margin-top: -4px; Но как можно обойтись без этого свойства, и не понятно почему такой отступ есть. Вот код: http://jsfiddle.net/ua8k3sou/ Заранее спасибо!)
0 votes2 answers -
Проблема с position:absolute на длинной по высоте LP
Добрый день! Есть сайт http://valeodent.spb.ru/, представляющий длиннющую landing page, сделанную на темизированном Drupal 7. При щелчке по кнопке "Записаться" выходит форма, после заполнения которой посетитель должен увидеть сообщение типа "Заказ отправлен. В ближайшее время с вами свяжутся для уточнения деталей." - или сообщение об ошибке, если не все поля формы были заполнены. Сообщения реализуются через стандартные системные сообщения Drupal, но темизированы в файле .css шаблона сайта. В шаблоне страницы page.tpl.php это сообщение выводится в блоке <div class="message">, который вложен в <div class="content-block">. Соответственно, поскольку content-blo…
0 votes1 answer -
Треугольники и border-radius
Привет. Следует прямо скосить верхний левый угол. Додумался до этого https://jsfiddle.net/rk0fx9nt/16/ и подскажите, как всё убрать до скоса верхнего левого угла. Имеется на данный момент http://hostingkartinok.com/show-image.php?id=c65ace8bb01aace655861b6024e018cc Желаемый результат http://hostingkartinok.com/show-image.php?id=405493024542524d953026854bfec016 (правой кнопкой мыши - открыть в новой вкладке).
0 votes2 answers -
Два блока одинаковой высоты
Как сделать два блока одинаковой высоты если размеры указывать в процентах. Вот пример - https://jsfiddle.net/u0w204a4/ Размер красного блока зависит от размера экрана, как подогнать высоту синего блока чтобы она была такая же как и у красного? Текст в синем блоке должен быть в самом низу на уровне нижнего края картинки.
0 votes2 answers -
Помогите с padding'ом в таблице
Здравствуйте. Такое дело: есть таблица, в ней 3 столбца, ячейки первого столбца должны иметь отступ от границы таблицы 10рх (т.е. padding-left: 10px). Можно ли как-то задать такой отступ при этом не трогая остальных столбцов и не добавляя лишних классов? Вот можно было бы добавить класс для всего столбца, а не для каждой ячейки в отдельности, т.к. если в таблице несколько десятков (возможно сотен) записей, то добавление примитивного отступа к каждой ячейке не хило увеличивает вес всей страницы. Спасибо.
0 votes0 answers -
Интерпретация изображений различными браузерами
http://www.cbskiev.ru/gallerypersona.php - в Mozila отображается, а в explorer ни как, подскажите, если кто знает, в чём проблема и какой есть выход Или может знаете как это решается в macromedia dreamweaver 8?
0 votes3 answers -
Проблемы в IE8
Господа, помогите решить проблему, очень надо. Сама проблема- IE8 не воспринимает в тегах значения top и left (style) больше 1342177.27px и меньше -1342177.28px. Если в html'е встречаются значения, выходящие за это ограничение, оно меняется на 1342177.28px. Если присваивать в javascript -> img.style.top = 1400000 - аналогично присваивается 1342177.28px Ни в одном другом браузере (включая более ранние версии ie) такой проблемы нету. Значения такие большие используются при работе с картой, на этих числах основан движок прорисовки карты и переделывать его нереально (5000 чужого кода). Пример этой ошибки можно увидеть тут, если приблизить карту максимально в IE8 Заранее бл…
0 votes2 answers -
Наследуется ли align?
<td colspan="3" align="center"> <table width="99%" class="A"> <tr align="left"> <td> Какой-то текст </td> </tr> <tr> <td> <b>Приложение:</b><br /> </td> В FF текст Приложение центрирован по левому краю, а в Опере - центрирован. Какой браузер поступает правильно?
0 votes1 answer -
Проблема со spotlight
плохо очень работает spotlight... использую на wordpress тему Spark, вот её демка - http://www.yootheme.com/demo/wordpress вверху выбрать тему Spark. для понятности понаводите на нижние картинки курсором - я хочу также... я создал виджет, туда сунул типа этого: <div class="spotlight fade"> <img src="http://cs5985.vkontakte.ru/u2385349/110040641/z_fd3de59b.jpg" width="640" height="480" alt="spotlight" title="spotlight" /> <div> <h3 class="title">asddsa</h3> </div> </div> сделал как написано было в факе разрабочтика темы: http://www.yootheme.com/docs/home/item/spotlight результат можно посмотреть на главной: w…
0 votes0 answers -
резиновые макеты. где есть?
если кому-нибудь попадались сборники psd-макетов для резиновых сайтов, то поделитесь пожалуйста ссылочкой. как ни странно, ни гугл, ни яндекс упорно не хотят искать именно резиновые макеты. несколько часов потратил на поиск макеты нужны бы не простейшие
0 votes3 answers -
Вертикально-резиновый сайт
Приветствую. Уже давно верстаю сайты используя табличную верстку, но на данный момент стоит острая задача сверстать блоками, а в этом у меня опыта практически нет. Полазая по всяким сайтам и прочитав гайды по блочной верстке, вроде как все сделал, но есть одна неприятная штука - контентная часть не растягивается как нужно. Дабы не писать много слов, я сверстал две простенькие схемы сайта - лучше покажу что я имею и что нужно в итоге: Имею Нужно Т.е. нужно чтобы все элементы оставались в "обертке", а обертка всегда была в высоту 100%. P.S. Пробовал на обертку ставить "overflow: hidden", но в этом случае, он просто "обрезает" область к height, т.е. видим только 100% окна, а…
0 votes4 answers -
Можно ли эту вид материалов сделать при наведении курсора картинка становится полупрозрачным
Вот код <center><a class='north' href='$ENTRY_URL$' original-title='$TITLE$, $SECTION_NAME$, $CATEGORY_NAME$'><img src="$IMG_URL1$" width="80" height="80" class="app_cat_image"></a> Смотрите работу материала http://vigrakh.ucoz.ru на главном странице есть рекомендуемые игры
0 votes2 answers -
Чёткое изображение
Есть сайт, и есть картинки в png формате, обычными просмотрщиками смотрю, всё нормально, когда вставляю в код, типа background-image получаются размытыми ,т.е не чёткими как исходные, в чём может быть причина?
0 votes2 answers -
Плавное перемещение картинок
Допустим на страницу вставлены 10 картинок в 1 ряд (горизонтальный), при уменьшении окна браузера ряд разбивается на несколько новых рядов. При этом картинки моментально переходят на новый ряд. Подскажите как можно добиться плавного перемещения картинок, примерно так как это реализовано в экспресс-панели Opera. Можно ли это реализовать только средствами CSS без JS? Пробовал копать в сторону transition:all, но толком ничего не вышло
0 votes2 answers -
Левый блок
Сообщение удалено пользователем
0 votes2 answers -
Overflow и горизонтальный споллер
Добрый день! Есть блок <div>, в нем есть список выстроенный горизонтально. Если у <div> выставить размеры, так, чтобы горизонтальный список не умещался в блок и показать скролы то список сбивается в вертикальный, т.е. появляется только вертикальный скрол, а требуется, чтобы был горизонтальный скрол... В чем может быть проблема? Как можно поправить? <div style="overflow: scroll ; height: 150px; width: 150px; border: 1px solid black"> <ul "list-style: disc outside; padding: 0px 0px 0px 0px"> <li style = "list-style-type: none; display: inline; float: left"> <div style = "border: 1px solid black"><img src="ссылка на картинку 1"&…
0 votes4 answers -
Установка меню
Помогите пожалуйста, нужно боковое горизонтальное меню для сайта на wordpress. Нужно вставить его на уровне со слайдером (слева). Ссылка на сайт http://shop-accs.vv.si
0 votes1 answer -
Партнер битрикса
Добрый день Столкнулся с недобросовестностью одного из партнеров Битрикса Хотел бы поделиться информацией возможно кому то поможет Подскажите в каком разделе лучше опубликовать?
0 votes3 answers -
Как задать шрифт для таблицы в целом
Здравствуйте, друзья! Подскажите пожалуйста чайнику: можно ли без CSS и прочих сложностей изменять шрифт таблицы в целом, чтобы не было необходимости задавать шрифты в каждом теге <td>. Заранее благодарю за ответ.
0 votes4 answers -
Манипуляция с псевдоэлементами
Собсно, сабж, можно ли на ::before и ::after как-то воздействовать в js (навесить обработчик, добавить стилей/класс)? Мне кажется, что нет, ибо в их DOM-дереве невидно даже.
0 votes1 answer -
Резиновый макет по высоте
Такая задачка: имеется хедер, контентная часть и футер. Высота ни одного из этих блоков заранее неизвестна. Необходимо получить макет в котором футер, как ему и положено, прижат к низу, контентная часть при этом растягивается на всю доступную ей высоту(т.е. 100%-высота футера-высота хедера). При этом содержимое этих блоков никуда не наезжает, т.е. блоки толкают друг друга. Я примерно представляю как это можно реализовать через Javascript(правда там кажется будет проблемка при изменении высоты окна браузера, поскольку макет по идее не перестроится до перезагрузки страницы, но не пробовал еще), но можно ли еще это как-то реализовать? Кто что посоветует?
0 votes2 answers