Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Как прикрепить футер в табличной вёрстке или просто закрепить нижнюю область

    Всем привет! Нужно сверстать страницу именно в табличном варианте и что бы прижать футер к низу, подскажите пожалуйста как это лучше всего реализовать? Заранее спасибо! <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…

    Asked by nb21,

    0 votes
    3 answers

  2. Реализация с помощью CSS

    Доброго времени суток форумчане, хотел узнать можно ли реализовать данную функцию с помощью css?Если да, то как?

    Asked by KamZed,

    0 votes
    5 answers

  3. Не отображаются границы таблиц на сайте

    Совершенно не отображаются границы у таблиц. Дело не в css. Создаю таблицу без стилей - нет границ, таблицу с принудительными стилями для отображения границ ноль реакций. Отключаю все таблицы стилей как на скрине, создаю простой код, ничего лишнего - нет границ. Хотя если судить по стилям по умолчанию (на скрине) - должны быть серые границы. Спасибо заранее если кто поможет.

    Asked by alexmel,

    0 votes
    1 answer

  4. Уменьшение фонового изображения, находящегося в спрайте

    Здравствуйте! У меня есть спрайт с несколькими изображениями - логотип и иконки для соцсетей. На спрайте логотип имеет размеры 411 на 160 пикселей. Мне нужно сделать это фоновое изображение (логотип) в два раза меньше. Подскажите, реально ли это сделать? Если да - то как? Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    1 answer

  5. символ валюты перед инпутом

    Всем привет, Разместил символ валюты перед инпутом Ссылка с разбивкой по дивам и использованием классов pull-left, pull-right работает, за исключением того, что на больших экранах 1 ячейка с символом валюты занимает много места и портит вид. А как сделать, чтобы символ валюты занимал минимальное место, но с учетом того, что символов может быть несколько? Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  6. Что не так в моем HTML коде?

    Доброго времени суток! Может кто знает, то подскажите пожалуйста, что не так в моем коде? Только в HTML. Никаких CSS! validator.w3.org сообщает, что ошибок не найдено! И как бы так оно и есть, в браузере все показывается красиво и корректно. Но это тест по вёрстке из учебного курса который показывает, что я его не прошёл! Но почему? Может кто заметит, что тут не так? Буду очень благодарен! Вот мой код: <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <div class="assortiment"> <h2>Ассортимент</h2> <table> …

    Asked by Tony Brown,

    0 votes
    8 answers

  7. Уникальная иконка для каждого форума 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> В стилях …

    Asked by Nigelist,

    0 votes
    2 answers

  8. 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…

    Asked by Aziel,

    0 votes
    4 answers

  9. кусочек кода с филдсетом на бутстрапе

    Всем привет, Вставив небольшой кусочек кода м филдсетом отсюда(самый первый пример) http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html в сайт с бутстрапом 3.3.7 я получил совсем другой результат http://www.bootply.com/4muEVEKXO4 В первую очередь полоски вокруг заголовка "Subscription info" Можно ли сделать как на 1й ссылке? Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  10. Выравнивание текста относительно изображения

    Добрый день! Наиглупейший вопрос, извиняюсь... Есть изображение (логотип) + наименование организации. Лого слева, текст справа. Как правильнее отцентрировать текст по центру логотипа, что бы решение было максимально адаптивным? Всякие align=middle, vertical-align и padding-top для текста не помогли: то текст скачет, то перескакивает на маленьких разрешениях... Заранее спасибо!

    Asked by dron,

    0 votes
    2 answers

  11. Отобразить пропорционально картинку в модальном окне

    Всем привет, Не подскажите, а как лучше отобразить пропорционально картинку(картинка может быть разных размеров и довольно большой и пропорций) в модальном окне, где урл картинки будет присвоен картинке 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…

    Asked by mstdmstd,

    0 votes
    2 answers

  12. Как скрывать/показывать поле в зависимости от выбранного в списке?

    есть обычный список, и пару текстовых полей. Как делается так, что при выборе "красного" автоматически активируется поле куда надо ввести что-то красное, а поле для зеленого - скрыто. как только выбирается зеленый цвет, то красное поле пропадает, и предлагают ввести зеленое <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="введите что-то зеленое" />

    Asked by nikki4,

    0 votes
    5 answers

  13. Оформление блока графика работы

    Доброго времени суток. Очень нужен ваш совет, по оформелнию, прикрепила картинку примера Есть расписание работы, по картинке видно, что полоски по длине меняются относительно друг друга (установленного времени) Не могу определиться с методом, который использовать, сперва хотела сделать slider, но через jQuery UI Slider выйдет как-то громоздко... Есть ли метод проще или можно сделать это чисто с помощью стилей? Спасибо.

    Asked by Mary_RND,

    0 votes
    2 answers

  14. Как растянуть блок вниз до прижатого футера

    Здравствуйте. Подскажите, как можно растянуть блок вниз до прижатого футера, если высота страницы неизвестна ( т.е. чтобы на любых экранах блок касался футера) ???

    Asked by Prana,

    0 votes
    3 answers

  15. Градиент на уголках

    Здравствуйте. Подскажите, пожалуйста, если такое возможно, как средствами css сделать градиент на уголках аналогичный тегу A http://jsfiddle.net/zvgPq/1374/ Спасибо

    Asked by kent,

    0 votes
    2 answers

  16. Подключение FontAwesome SCSS

    Всем здравствуйте! Хочу подключить Fontawesome , используя миксин бурбон font-face. Вроде все компилируется правильно,все пути до шрифта прописаны верно(другие шрифты подключаются нормально), но результата не видно. Попробовал CDN - все ОК. Возможно кто-нибудь знает как решить такую проблему? P.S. Гугл ничего толкового не выдал(.

    Asked by Alexandr37,

    0 votes
    3 answers

  17. Высота заголовка

    Подскажите откуда берется высота заголовка, скриншот прилагается, http://joxi.ru/YmEY4ZQHxN36m6 думаю код здесь не нужен, просто скажите как это высота генерируется!

    Asked by KamZed,

    0 votes
    6 answers

  18. Выплывающий блок по клику и кнопка закрытия

    Доброго времени суток. Сделан вот такой выплывающий блок по клику на маленькую иконку в правом нижнем углу https://jsfiddle.net/Ldg4upzq/9/ 1) как сделать, чтобы блок при открытие выезжал справа, а при закрытии уезжал влево? 2) каким трансформном можно сделать,чтобы крестик при наведение расходился на 4 полоски по диагонали? Спасибо)

    Asked by Mary_RND,

    0 votes
    10 answers

  19. Динамически расширяющегося контейнер после сайдбара

    Всем привет! Столкнулся с такой задачей. Как видно на рисунке на одном контейнере есть Каталог товаров и сайдбар. В каталоге товары по три в ряде. Теперь задача: можно делать так, чтобы под сайдбаром товары уже шли по 4 в ряд. Возможно ли все это реализовать без разбиение каталога на 2 блока(т.е. верхний(по 3 ) и нижный(по 4))? Заранее очен благодарен!

    Asked by parnas,

    0 votes
    2 answers

  20. Стоит ли разделять стили на несколько файлов

    Планирую на сайте сделать несколько тем оформления. Отличаться будут только цветовым оформлением, вся структура страницы останется без изменений. Например, есть 2 темы - светлая и темная: 1. Файл стилей со структурой сделать общим для всех тем. При изменении темы оформления подгружать второй файл со стилями в котором указаны только цвета - шрифта, фона, ссылок и т.д. 2. Для каждой темы сделать один свой стиль включающий как структуру так и цвета. Как лучше поступить? Я склоняюсь к 2 стилевым файлам - это как-то более логично. Зачем при переходе подгружать все стили если можно тянуть маленький файл. С другой стороны гугл советует на сайте использовать т…

    Asked by alleclf,

    0 votes
    4 answers

  21. Маленькие оповещения на сайт

    Здравствуйте. Интересует вот такие уведомления на сайт интернет магазина (скрин приложен). Суть в том, чтобы появлялись небольшие уведомления, видимые пользователям на сайте, при покупках других пользователей. Проще: я покупаю игру и Васе Пупкину, сидящему на сайте было видно вот такое уведомление, что секунду назад купили такой то товар. Главное, чтобы таймер был живым (возрастал - секунда, минута, и т.д) Если я все равно выразился непонятно, то вот ссылка: http://steambuy.com/catalogue.php?q=mafia+III (обратите внимание на левый нижний угол) Помогите пожалуйста, очень бы хотелось установить такую штуку себе на сайт.

    Asked by Alexey1111,

    0 votes
    0 answers

  22. Как тестировать верстку?

    Какие хорошие сервисы есть для тестирования верстки для разный устройств и операционных систем, если у меня как у большинства людей есть только пк на виндовсе особенно интересно есть ли хорошие средвства для тестирования на Мак ОС и Айфон я знаю очень хороший сервис BrowserStack, но он стоит столько, что на эти деньги можно айфон в кредит купить

    Asked by Dmitrij,

    0 votes
    5 answers

  23. После наложения бакграунда на меню, оно перестало быть кликабельным.

    Здрасти, впервые пробую верстать. В общем при добавлении бакграунда-имайдж меню перестало быть кликабельным. Подохреваю что изза позитион абсолют. Но как тогда сделать правильно? Если не трудно, укажите ещё на ошибки, или типа так сейчас не делают. В общем любая критика. index.html style.css images.rar

    Asked by federal24,

    0 votes
    1 answer

  24. Флексбокс. Неправильное отображение в Firefox

    Буду очень благодарен, если вы мне подскажите, как можно решить проблему. Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff. Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности. Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок. Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет). Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме: - пропорциональное уменьшение картинок; - блоки с синей обводкой растягиваются на всю оставшуюся высоту; …

    Asked by R45H,

    0 votes
    2 answers

  25. Как избавиться от гор. прокрутки

    Всем привет. Скажите, как сделать так чтобы при заполнении блока текстом по горизонтали- происходил перенос строк. Даже если нет пробелов. Прокрутка мне нужна, но только вертикальная. Вот 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; }

    Asked by gosha12,

    0 votes
    4 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept