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
-
Как прикрепить футер в табличной вёрстке или просто закрепить нижнюю область
Всем привет! Нужно сверстать страницу именно в табличном варианте и что бы прижать футер к низу, подскажите пожалуйста как это лучше всего реализовать? Заранее спасибо! <html> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> <STYLE> a{text-decoration:none;} TABLE { font-weight: normal; font-size: 8pt; border:none; border-collapse:collapse; border-spacing : 0px; left : 0px; letter-spacing : 0px; right : 0px; } BODY {font-family:Arial Cyr, Arial; font-weight: normal; font-size: 8pt; color: black; .table_name { border: 3px; border-left: 3px solid #83C447; bor…
0 votes3 answers -
Реализация с помощью CSS
Доброго времени суток форумчане, хотел узнать можно ли реализовать данную функцию с помощью css?Если да, то как?
0 votes5 answers -
Не отображаются границы таблиц на сайте
Совершенно не отображаются границы у таблиц. Дело не в css. Создаю таблицу без стилей - нет границ, таблицу с принудительными стилями для отображения границ ноль реакций. Отключаю все таблицы стилей как на скрине, создаю простой код, ничего лишнего - нет границ. Хотя если судить по стилям по умолчанию (на скрине) - должны быть серые границы. Спасибо заранее если кто поможет.
0 votes1 answer -
Уменьшение фонового изображения, находящегося в спрайте
Здравствуйте! У меня есть спрайт с несколькими изображениями - логотип и иконки для соцсетей. На спрайте логотип имеет размеры 411 на 160 пикселей. Мне нужно сделать это фоновое изображение (логотип) в два раза меньше. Подскажите, реально ли это сделать? Если да - то как? Заранее благодарю за помощь!
0 votes1 answer -
символ валюты перед инпутом
Всем привет, Разместил символ валюты перед инпутом Ссылка с разбивкой по дивам и использованием классов pull-left, pull-right работает, за исключением того, что на больших экранах 1 ячейка с символом валюты занимает много места и портит вид. А как сделать, чтобы символ валюты занимал минимальное место, но с учетом того, что символов может быть несколько? Спасибо!
0 votes1 answer -
Что не так в моем HTML коде?
Доброго времени суток! Может кто знает, то подскажите пожалуйста, что не так в моем коде? Только в HTML. Никаких CSS! validator.w3.org сообщает, что ошибок не найдено! И как бы так оно и есть, в браузере все показывается красиво и корректно. Но это тест по вёрстке из учебного курса который показывает, что я его не прошёл! Но почему? Может кто заметит, что тут не так? Буду очень благодарен! Вот мой код: <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <div class="assortiment"> <h2>Ассортимент</h2> <table> …
0 votes8 answers -
punbb Уникальная иконка для каждого форума punbb
Имеется форум на платформе PunBB. Хочу закрепить уникальные иконки для каждого форума. Но никак не получается сменить иконку, когда на форуме появляются сообщения. Когда нет сообщений, используется такая конструкция: <div class="main-content"> <div id="forum24" class="main-item odd"> <span class="icon "><!-- --></span> </div> </div> И в этом случае иконки отображаются корректно. Когда появляются сообщения, то участок кода выглядит так: <div class="main-content"> <div id="forum24" class="main-item odd new"> <span class="icon new"><!-- --></span> </div> </div> В стилях …
0 votes2 answers -
Chrome и Opera не отображают иконочный шрифт
Проблема следующая: Хром и Опера отказываются отображать иконочный шрифт, хотя в Мозиле и ИЕ все ок. Самое интересное, что это только на домашнем ПК. На рабочем все браузеры отображают содержимое адекватно. На обоих компах стоит Win7 SP1, браузеры актуальных версий. Шрифты подключил вот так @font-face { font-family: 'symbols-technomart'; src: url('../font/symbols-technomart.eot?23527613'); src: url('../font/symbols-technomart.eot?23527613#iefix') format('embedded-opentype'), url('../font/symbols-technomart.woff?23527613') format('woff'), url('../font/symbols-technomart.ttf?23527613') format('truetype'), url('../font/symbols-technomart…
0 votes4 answers -
кусочек кода с филдсетом на бутстрапе
Всем привет, Вставив небольшой кусочек кода м филдсетом отсюда(самый первый пример) http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html в сайт с бутстрапом 3.3.7 я получил совсем другой результат http://www.bootply.com/4muEVEKXO4 В первую очередь полоски вокруг заголовка "Subscription info" Можно ли сделать как на 1й ссылке? Спасибо!
0 votes1 answer -
Выравнивание текста относительно изображения
Добрый день! Наиглупейший вопрос, извиняюсь... Есть изображение (логотип) + наименование организации. Лого слева, текст справа. Как правильнее отцентрировать текст по центру логотипа, что бы решение было максимально адаптивным? Всякие align=middle, vertical-align и padding-top для текста не помогли: то текст скачет, то перескакивает на маленьких разрешениях... Заранее спасибо!
0 votes2 answers -
Отобразить пропорционально картинку в модальном окне
Всем привет, Не подскажите, а как лучше отобразить пропорционально картинку(картинка может быть разных размеров и довольно большой и пропорций) в модальном окне, где урл картинки будет присвоен картинке img_category_preview, вроде : <div class="modal fade" id="show_category_image_dialog" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <div class="modal-tit…
0 votes2 answers -
Как скрывать/показывать поле в зависимости от выбранного в списке?
есть обычный список, и пару текстовых полей. Как делается так, что при выборе "красного" автоматически активируется поле куда надо ввести что-то красное, а поле для зеленого - скрыто. как только выбирается зеленый цвет, то красное поле пропадает, и предлагают ввести зеленое <select name="color"> <option value="red" >красный/option> <option value="green">зеленый</option> </select> <input type="text" name="red_color" value="введите что-то красное" /> <input type="text" name="green_color" value="введите что-то зеленое" />
0 votes5 answers -
Оформление блока графика работы
Доброго времени суток. Очень нужен ваш совет, по оформелнию, прикрепила картинку примера Есть расписание работы, по картинке видно, что полоски по длине меняются относительно друг друга (установленного времени) Не могу определиться с методом, который использовать, сперва хотела сделать slider, но через jQuery UI Slider выйдет как-то громоздко... Есть ли метод проще или можно сделать это чисто с помощью стилей? Спасибо.
0 votes2 answers -
Как растянуть блок вниз до прижатого футера
Здравствуйте. Подскажите, как можно растянуть блок вниз до прижатого футера, если высота страницы неизвестна ( т.е. чтобы на любых экранах блок касался футера) ???
0 votes3 answers -
Градиент на уголках
Здравствуйте. Подскажите, пожалуйста, если такое возможно, как средствами css сделать градиент на уголках аналогичный тегу A http://jsfiddle.net/zvgPq/1374/ Спасибо
0 votes2 answers -
Подключение FontAwesome SCSS
Всем здравствуйте! Хочу подключить Fontawesome , используя миксин бурбон font-face. Вроде все компилируется правильно,все пути до шрифта прописаны верно(другие шрифты подключаются нормально), но результата не видно. Попробовал CDN - все ОК. Возможно кто-нибудь знает как решить такую проблему? P.S. Гугл ничего толкового не выдал(.
0 votes3 answers -
Высота заголовка
Подскажите откуда берется высота заголовка, скриншот прилагается, http://joxi.ru/YmEY4ZQHxN36m6 думаю код здесь не нужен, просто скажите как это высота генерируется!
0 votes6 answers -
Выплывающий блок по клику и кнопка закрытия
Доброго времени суток. Сделан вот такой выплывающий блок по клику на маленькую иконку в правом нижнем углу https://jsfiddle.net/Ldg4upzq/9/ 1) как сделать, чтобы блок при открытие выезжал справа, а при закрытии уезжал влево? 2) каким трансформном можно сделать,чтобы крестик при наведение расходился на 4 полоски по диагонали? Спасибо)
0 votes10 answers -
Динамически расширяющегося контейнер после сайдбара
Всем привет! Столкнулся с такой задачей. Как видно на рисунке на одном контейнере есть Каталог товаров и сайдбар. В каталоге товары по три в ряде. Теперь задача: можно делать так, чтобы под сайдбаром товары уже шли по 4 в ряд. Возможно ли все это реализовать без разбиение каталога на 2 блока(т.е. верхний(по 3 ) и нижный(по 4))? Заранее очен благодарен!
0 votes2 answers -
Стоит ли разделять стили на несколько файлов
Планирую на сайте сделать несколько тем оформления. Отличаться будут только цветовым оформлением, вся структура страницы останется без изменений. Например, есть 2 темы - светлая и темная: 1. Файл стилей со структурой сделать общим для всех тем. При изменении темы оформления подгружать второй файл со стилями в котором указаны только цвета - шрифта, фона, ссылок и т.д. 2. Для каждой темы сделать один свой стиль включающий как структуру так и цвета. Как лучше поступить? Я склоняюсь к 2 стилевым файлам - это как-то более логично. Зачем при переходе подгружать все стили если можно тянуть маленький файл. С другой стороны гугл советует на сайте использовать т…
0 votes4 answers -
Маленькие оповещения на сайт
Здравствуйте. Интересует вот такие уведомления на сайт интернет магазина (скрин приложен). Суть в том, чтобы появлялись небольшие уведомления, видимые пользователям на сайте, при покупках других пользователей. Проще: я покупаю игру и Васе Пупкину, сидящему на сайте было видно вот такое уведомление, что секунду назад купили такой то товар. Главное, чтобы таймер был живым (возрастал - секунда, минута, и т.д) Если я все равно выразился непонятно, то вот ссылка: http://steambuy.com/catalogue.php?q=mafia+III (обратите внимание на левый нижний угол) Помогите пожалуйста, очень бы хотелось установить такую штуку себе на сайт.
0 votes0 answers -
Как тестировать верстку?
Какие хорошие сервисы есть для тестирования верстки для разный устройств и операционных систем, если у меня как у большинства людей есть только пк на виндовсе особенно интересно есть ли хорошие средвства для тестирования на Мак ОС и Айфон я знаю очень хороший сервис BrowserStack, но он стоит столько, что на эти деньги можно айфон в кредит купить
0 votes5 answers -
После наложения бакграунда на меню, оно перестало быть кликабельным.
Здрасти, впервые пробую верстать. В общем при добавлении бакграунда-имайдж меню перестало быть кликабельным. Подохреваю что изза позитион абсолют. Но как тогда сделать правильно? Если не трудно, укажите ещё на ошибки, или типа так сейчас не делают. В общем любая критика. index.html style.css images.rar
0 votes1 answer -
Флексбокс. Неправильное отображение в Firefox
Буду очень благодарен, если вы мне подскажите, как можно решить проблему. Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff. Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности. Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок. Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет). Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме: - пропорциональное уменьшение картинок; - блоки с синей обводкой растягиваются на всю оставшуюся высоту; …
0 votes2 answers -
Как избавиться от гор. прокрутки
Всем привет. Скажите, как сделать так чтобы при заполнении блока текстом по горизонтали- происходил перенос строк. Даже если нет пробелов. Прокрутка мне нужна, но только вертикальная. Вот CSS стили блока article { height: 800px; width: 95%; background-color: #f7f7f7; box-sizing: border-box; margin-left: auto; margin-right: auto; padding:10px; border: 3px double red; border-radius: 15px; overflow:auto; font-size: 1.2em; font-family: Comic Sans MS, sans-serif; }
0 votes4 answers