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
-
Растянуть ячейку с контентом, не трогая соседние.
чОрт, ошибся разделом, перенесите в HTML. Хотя здесь и по CSS вопрос, так что я не знаю даже.) Нужно сделать так, чтобы основная ячейка с контентом растягивалась по вертикали, при этом не смещая/дублируя ячейки соседней строки. И чтобы в Опере воспринималось расстояние между элементами меню. Макет: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title><?php $kernel->show_title()?></title> <meta name="description" content="<?php $kernel->show_description()?>"> <meta name="keywords" content="<?php $kernel->show_keywords()?>"> <meta http-equiv="…
0 votes1 answer -
Растянуть ячейку с фоновой картинкой
Доброго дня всем форумчанам. Возник такой вопрос: как растянуть ячейку с фоновой картинкой? В ячейке нет текста, поэтому она остается изначальной формы, хотя заданы ее ширина и высота.
0 votes1 answer -
Расхождение колонок макета в Dreamvweavr
Всем привет! Подскажите где я допустил ошибку при верстке макета, в браузерах отображается нормально, а в dreamweaver почему то правая колон ка отспупает от левой на ширину левой колонки. Да и в правой колонке стали появляться проблемы с расположением элементов.Сам проверял не один раз но увы... <!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> <style type="text/css"> BODY { margin : 0; padding: 0; } .box { width:1146px; color: #FFF; height:980px; margin-left: auto…
0 votes6 answers -
Расхождения в размерах
Добрый день! Интересует следующий вопрос: какие расхождения в размерах между psd и готовой версткой допустимы? Я имею ввиду, например, в psd-хе отступ 5px, а в моей верстке 7px. Насколько всё должно быть точно?
0 votes3 answers -
Расчёт высоты в IE6
Захотел сделать такую варезку с закруглёнными, краями, чтобы можно было не меняя координаты уголков, подставлять изображения любых размеров. Короче всё это не важно, перейдём к делу. Сделал такую штуку: http://kg-am.com/varez/ Всем доволен, кроссбраузерно, здорово, варезка морально готова к модификациям и извращениям. Но как всегда выпендривается IE6, появляется полоса высотой в 8px (сумма высот уголков). Как исправить это без понятия, вопроса два: 1. Почему так происходит, как IE6 считает высоту? 2. Можно ли как-нибудь при помощи expression заставить его считать высоту как все остальные браузеры? Зумирование и тп, пробовал. Не помогает.
0 votes7 answers -
Расчет ширины блока в IE после float и его перенос
Собственно, все, чего бы мне хотелось - это заставить IE отображать данный пример так же как это делают другие браузеры. Т.е., чтобы зеленый блок со ссылкой не уезжал под красный блок с float... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <div style="width:300px; border:1px solid black;"> <div style="float:left; background: #f00; width:100px; height:100px; "></div> <a href="" style="display:block; width:300px; background: #0f0;">TODO write content</a> </div> </body> </html>
0 votes1 answer -
Расширение td на всю tr
Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td&…
0 votes2 answers -
Расширение блока под контент
Делаю лендинг страницу. Нашел на jQuerry фотогалерею, поставил все работает. Проблема в том что в ней используются блоки с position absolute внутри которых img, соотвественно блок div в котором находится фотогалерея имеет нулевую высоту и идущий за ним блок перекрывает фотогалерею.Поставить position: relative не выход т.к галеряю начинает работать коряво. Можно ли как-то сделать чтобы блок расширился под контент?
0 votes1 answer -
Расширение изображения-бекграунда в TD
Помогите разобраться! Если бэкграунд (картинка) в ячейках таблицы при разных разрешениях не расширяется вместе с ячейкой, а остается пустой пробел, можно ли кок-нибудь прикрепить его к самой ячейки. (Как умные люди сайты строят нормальные...???)
0 votes8 answers -
Расширение при помощи background-size:cover;
Вот такая проблема, не могу некак решить уже часа 3 мучаюсь надежда тока на вас К сожелению саму картинку показать не могу, постораюсь обьяснить на словах У нас есть фон для меню шириной 1200px и высотой в 88px а щас вот сам код .top { background:url(images/bg_top.png) no-repeat; background-size:cover; max-width:1200px; height:88px; display:block; margin:0 auto;}то есть при разрешений больше 1200px все нормально картинка стоит по центру при смене разрешения в 1024 на 768 картинка режется и правый скругленный угол не видно тоже самое при разрешеий 800*600 но еще в добавок появляется scroll Как решить эту проблему , вообще перепробовал много способов но не по…
0 votes6 answers -
Расширение файла для HTML5
Здравствуйте все! Подскажите, пожалуйста, можно ли у файла с HTML5 расширение оставлять .xhtml? Существует ли строгая (внутрення своя) проверка для HTML5? Спасибо. Прошу прощения, что не в ту ветку написал.
0 votes8 answers -
Расширения (filter) для CSS
Привет всем! Подскажите, а где можно поподробнее почитать про расширения CSS (фильтры, filter). Типа: - Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) - BlendTrans(Duration=?) - Blur(Add=?, Direction=?, Strength=?) - Chroma(Color=?) - ну и так далее...
0 votes1 answer -
Расширить границу картинки
Здравствуйте Сейчас ситуация такая: Нужно: Мне просто нужно увеличить расстояние между картинкой и рамкой на n пикселей. Как это осуществить? Пробовал одеть img в div. Стиль div-а: border: 1px solid #BBBBBB; margin-right: 110px; margin-bottom: 200px; margin-left: 110px; Но в этом случае части рамки остаются на своих местах.
0 votes1 answer -
Расширяемый хостинг
Всем привет. Задался тут вопросом, есть ли хорошие расширяемые хостинги. То есть, например, вначале у тебя маленький сайтик, поэтому и ресурсы нужны небольшие. Да плюс и не знаешь, будет ли востребованным сайт. Вот и получается нужен лёгкий, недорогой хостинг. А потом, если вдруг сайт будет расширяться или же ещё один сайтик добавится, этот хостинг расширить, так сказать купить более расширенный пакет. Так вот, если ли такие хостинги?
0 votes12 answers -
Расширяется слой(блок)
У меня такая проблема: у сайта из двух блоков второй(#position3), где находится контент и текст при вводе текста слой расщиряется, а в результате чего опускается вниз. Помогите пожалста сделать так чтоб он не расширялся! #container { width: 850px; /* Ширина слоя */ margin-right: auto; /* Отступ справа */ margin-left: auto; /* Отступ слева */ background-color: ; height:1008; } #position1{ /* Этот слой накладывается поверх */ position: relative; /* Относительное позиционирование */ left:0px; /* Положение от левого края */ top: 0px; /* Положение от верхнего края */ width: 150px; /* Ширина правой колонки */ height:1000px; background-image: url(fon1.jpg); …
0 votes1 answer -
Расширяющиеся поле для ввода
Возможно ли сделать поле для ввода не фиксированной высоты, а переменной: так, чтобы вначале была только одна строчка, но как только текст начал писаться с новой строки, то поле для ввода само увеличивало высоту на величину строки, а при удалении символов свою длину уменьшало?
0 votes14 answers -
расшифруйте?
В первом абзаце слова "информационной Вселенной" идут жирным курсивом и с разрядкой. что за РАЗРЯДКА ТАКАЯ???? ПОЧЕМУ НЕНАЗЫВАЮТ ВЕЩИ СВОИМИ ИМЕНАМИ???7:mad:
0 votes5 answers -
Рационально ли?
Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: HTML: <div class="news-img"><img src="/img/post1.png" /><span></span><div class="date"> Oct 18, 2010</div></div> CSS: .news-img { position: relative; } .date { padding-right: 24px; background: url('../img/date-arrow.png') no-repeat right; position: absolute; top: 20%; } .date p { background: #2da8d2; padding: 5px 6px 6px 0; } .news-img > span { width: 14px; height: 55px; display: block; position: absolute; left: …
0 votes7 answers -
Рваные края блока
День добрый. Создавая такой блок http://c2n.me/3mcMObf рассматривал 2 варианта: 1) Применить белый прямоугольник с рваными краями и подчёркиванием заголовка как фоновый рисунок. 2) "Приклеивать рваное" через фон 5ти абсол спозиционированных псевдоэлементов, 2 для блока, 2 для заголовка и 1 для <p> Пошёл по второму пути т как блок имеет три разных размера в трёх разм экрана и в этом был свой challenge. Подгонка заняла уйму времени, думаю такое решение нерационально. Возможны ли другие решения данной задачи, кроме 1 и 2?
0 votes10 answers -
Рваный фон с тенью.Как сверстать?
Вот скрин фона http://c2n.me/3pebcoV. Рваные края со всех сторон центрального блока. Плюс еще и тень от него. Голову сломал, не могу придумать как сверстать. Вырезанные куски с предварительными наметками тут Если бы не тень , то как-то бы склеил из 3-х частей. Но тень подчеркивает прямые края блоков.
0 votes5 answers -
Рвется дизайн в ИЕ7.
Ссылка. Смотрим в ИЕ7. 1) В итоге поле "Новости:...." с поиском вылазят на весь экран. 2) Подвал еще страшнее, вроде таблица, но почему так?
0 votes2 answers -
Реакция хрома на открытие dropdown от bootstrap
http://vlad.gtxt.biz/tahograph/ В хроме, в момент открытия подменю, меняется шрифт в темных блоках ниже. Как? Почему? И, главное, как исправить
0 votes2 answers -
Реализайция спойлера в таблице
Здравствуйте! Мне нужна таблица с 4 колонками с возможностью раздвигать/задвигать спойлер при клике на ссылку в таблице. Попробовал реализовать банальным способом + java скрипт из инета: http://midgebash.3dn.ru/index/test/0-6 Однако все получилось криво) И так вопрос: как можно реализовать такую таблицу со спойлером? (В идеале хотелось бы чтобы текст какбэ выезжал вниз, если так незя ничего страшного) Очень прошу помощи в реализации) Заранее спасибо!
0 votes4 answers -
Реализация OpenID
Добрый день! Хочу сделать регистрацию через Wargaming OpenID, но не получается это сделать. Пробовал ставить uLogin и Loginza, но это все не подходит. Просто хочу сделать кнопку или ссылку "Вход" которая будет перенаправлять на авторизацию на сайт Wargaming, а после подтверждения возвращать обратно на форум уже с ником игрока обратно ну и его регистрацией на моем форуме. Видел несколько форумов ipb которые реализовали это. Сам ВГ говорит, что такими хуками не занимается и обращайтесь в поддержку платформы.Если кто-то реализовал такую форму авторизации, то пожалуйста, поделитесь им. Все таки танковое сообщество очень большое и думаю данный хук будет многим полезен.
0 votes0 answers -
Реализация баттона с чекбоксом в Bootstrap 4
Всем привет, На сайт с Bootstrap v4.0.0-alpha.6 пытаюсь перенести реализацию баттона с чекбоксом из Bootstrap 3.3 live там логин по умолчанию - кнопка рядом с инпутом для загрузки картинок Код : <div data-toggle="buttons" class=" "> <label class="btn btn-primary btn-sm padding_sm" aria-pressed="false"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Clear </label> </div> С определением only_checkbox в style: input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !i…
0 votes10 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-