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
-
Зафиксировать размер картинки, у которой display:none
В ячейках таблицы есть картинка, у которой в свойствах стоит display:none Проблема заключается в том, что в ФФ таблица "корежится и дергается" при смене на display:inline В Хроме и Сафари не дергается. Что делать, подскажите, пожалуйста. делается через $().show(); <script type="text/javascript"> function activateRow(imgId){ $('#'+imgId).show(); } function deActivateRow(imgId){ $('#'+imgId).hide(); } </script> <tr class="" onmouseover="activateRow('sms_16')" onmouseout="deActivateRow('sms_16')"> <td style="padding-left: 100px;"> 15:36:50 </td> <td> через день </t…
0 votes3 answers -
Выравнивание картинок сверху
Как сделать чтоб картинки в ячейках в таблице были выровнены сверху а не по центру
0 votes7 answers -
Блоки с автоматической шириной
Помогите, не могу сообразить, как сделать. Есть блок A шириной X и высотой Y. Внутри него нужно разместить от одного до трёх внутренних блоков. Условия: если внутренний блок один - то он должен растянуться на всю ширину блока А, если два - то они должны занять по половине ширины блока А, если три - по трети, ну и так далее... Как сделать?
0 votes15 answers -
Шапка
Как мне реализовать чтоб в шапке (head) можно было указать 3 бекграунда - http://s005.radikal.ru/i211/1011/04/7d680c6a8f0d.jpg Там нужно загрузить изображения и указать им ширину в процентах!
0 votes9 answers -
Вложенность, селекторы (непонятное поведение)
Привет всем, с наступившим Новым Годом! Есть такой код: <body> <div id="content"> <div> <div> </div> </div> </div> </body> Стили для него: #content{ position: relative; } #content div{ background: red; height: 100px; border: 1px black dashed; } #content div div{ position: absolute; width: 300px; height: 50px; background: gray; border: 1px black dashed; } Тут все понятно, но стоит применить id для третьего дива, т.е.: <body> <div id="content"> <div> <div id="qwerty"></div> </div> </div> </body> #content{ …
0 votes20 answers -
Считаешь ты знаешь CSS ?
Привет сторожилам, думаю название поста задело самолюбие и затащило вас сюда ... Не реальное задание привело меня сюда спустя несколько лет =) Смотрим видео Знатоки итак внимание вопросы: 1) - Какое свойство отвечает за то чтобы <h1> начало себя вести именно так как показано в видео ? (ответ нашел спустя час примерно) 2) - Как у кого то вышло сделать такое с текстом что на видео ? (ищу до сих пор) это 100% на css сделано. 3) - все что связанно с Section это уже js =)) С ним тоже было интересно попрактиковаться ... (bookmarkable tabs) на чистом JS.
0 votes14 answers -
Под что заточены CMS
Вот собственно давно у меня назрел такой вопрос: "Подо что заточена каждая конкретная CMS"? У каждой свои плюсы именно в реализации чего-то конкретного. Вот Вордпресс, к примеру, считается, что заточен под блоги. Джумла - хороша своей универсальностью и как правило под небольшие и средние проекты. Битрикс - хорошо подходит под порталы, новостные сайты, интернет магазины. А вот такие CMS как MODx, к примеру? Если знаете, вкратце ответьте подо что заточены именно эти CMS, и в каких случаях их выгоднее всего использовать: 1) MODx 2) Drupal 3) UMI (вот уж где бестолковая система, так и не понял, в чем ее преимущество. Но это мое скромное мнение) 4) Data-life Engine 5) NetCat …
0 votes11 answers -
Вопрос по swf
Не знал в какой раздел написать, посему прошу прощения если ошибся разделом Подскажите, я хочу добавить swf игру отдельным файлом - http://localhost/games/game.swf - и ничего другого, сам вопрос заключается в том, что в тайтле флешки всегда путь до флешки, как ему можно по своему усмотрению (без хтмл и пхп) поставить тайтл? То есть юзер открывает адрес (пример) - http://mysite.org/games/create.swf - а в тайтле будет не "mysite.org/games/create.swf" , а "Create some" (заданный мной тайтл). Заранее спасибо!
0 votes10 answers -
Активировать поле
Вот не получается у меня такая штука, как, например, на этом форуме: нажимаешь "ответ" или "создать новую тему" - открывается страничка, а поле заголовок уже активно, т.е. можно сразу начинать писать. Как сделать-то? PS. TabIndex не помогает....
0 votes5 answers -
Как расятянуть картинку моря?
Вот задача думаю непростая... Не знаю, как и с чего даже начинать... может кто, что посоветует?
0 votes6 answers -
scrolling ?
Как убрать нижнюю (горизонтальную) полосу прокрутки, а правую (вертикальную) оставить?
0 votes5 answers -
Позицианировать элемент внутри TD с обтеканием
Вобщем народ! есть таблица три строки и 2 столбца. В нижней и верхней строке ячейки обьединены colspan=2. Средняя же строка разбита на 2 ячейки в левой из которых располагается меню сайта а в правой должен распологаться контент. Проблема в том чтобы поместить в правую среднюю ячейку в её правый верхний угол изображение (часть шапки предусмотренной дизайном). Как позицианировать этот элеммент так чтобы он находился в правом верхнем углу, вплотную прилегая к шапке и обтекался с левой стороны и снизу всем размещаемым содержимым??? тоесть в диве картинка w=283 h=202 нужно чтобы текст обтекал этот див и при растягивании ячейки таблицы этот див стоял в правом верхнем углу ячейк…
0 votes1 answer -
css/html
Верстаю макетик div'ami, возник вопрос как лучше сделать чёрную вставку? P.s. как её растянуть? см. http://schoolpushkino.msk.ru/1/1.jpg ссылка на сайт http://schoolpushkino.msk.ru/
0 votes5 answers -
нужен совет по календарю JS
Надо встроить календарь на сайт посоветуйте готовый скрипт с легко изменяемым дизайном и желательно функционалом, а то в гугле слишком много разных вариантов и фиг пойми какой из них лучше на данный момент нужен вот такого плана
0 votes7 answers -
Чтоб один див перекрывал другой
Здравствуйте. Я тут с хедером мучаюсь. http://jsbin.com/osiqimI/1/edit?html,css,output В верхней части див с фоном. Его частично перекрывает див из нижней части(в желтой рамке), в котором содержится лого и текст. Лого и текст получаются на фоне. В нижнем диве есть еще один(красная рамка), он непрозрачный и немного тоже перекрывает фон. На примере все расположено правильно, но мне нужно убрать: .header_content{position: absolute;}Как сделать так, чтоб все было так же само расположено, но без абсолютного позиционирования, ато при увеличении страницы начинает происходить жесть.
0 votes3 answers -
помогите лузеру
Помогите пожалуйста... Я уже истрепал себе нервы... Мастерил в опере... В ней всё получается... А вот ИЕ трепит нервы... Я конечно понимаю, что я лузер и всё такое. Но очень надо решить проблему... Вот ссылка на сайт http://www.mentalprojecti.tu2.ru <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> <style type="text/css"> BODY{ margin: 0; padding: 0; } .osnova{ background: #cccccc; /*главный слой самый первый - мама*/ min-…
0 votes6 answers -
Необычный резиновый дизайн
Суть задачи в следующем: 1 имеем блок фиксированной ширины 1024 пикс. При разрешении экрана в 1024 пикс он показывается целиком. Это центральный блок. 2 Если разрешение экрана больше то справа должен отобразиться фон (изображение), причем его левый край должен совпадать с центральным блоком. 3 Если разрешение экрана больше 1280 пикс, то слева должен отобразиться фон(изображение), правый край которого должен совпасть с центральным блоком. Вопрос, как это реализовать не прибегая к javascript и есть ли готовые решения?
0 votes10 answers -
простое кроссбраузеное меню на <ul>
день добрый. есть nav, в нём меню на ul - одно оно отображается на разной высоте в разных браузерах, хотя используются em единицы измерения. в чём может быть проблема? html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title></title> <link rel="stylesheet" href="s.css"> <body> <header role="banner"> <div class="content"> <nav><b>+0 (123) 456-78-90</b><br> <sub>blah blah blah</sub> <ul> <li><a href="1.htm" title="">link 1</a>…
0 votes11 answers -
Не работают вкладки
Подскажите, пожалуйста, почему не работают вкладки? http://jsfiddle.net/dEAu2/1/ Здесь они нормально работают: http://elecronics.bl.ee/
0 votes14 answers -
Запрещение перетаскивания изображения зажатием мыши в браузере
Люди добрые, помогите с такой проблемой: Нужно чтобы при зажатии мышкой на изображении (IMG) его нелзья было сдвинуть (драг-н-дроп) прикладываю картинку для наглядности -webkit-user-select: none; -moz-user-select: none; Не помогло
0 votes6 answers -
Анимация на CSS3
Я читал упоминания о том, что на CSS3 можно без JavaScript добиться открытия и закрытия блоков сайта. Я хочу разместить в скрытом блоке форму обратной связи и сделать кнопку, по нажатию на которой эта форма будет появляться, а кнопка исчезать. Можно ли это сделать с помощью CSS3? И если да, то как?
0 votes15 answers -
Какой выбрать движок для интернет магазина
Хочу сделать интернет магазин. Подскажите, движок, на котором можно сделать магазин зная только html и css. Смотрела готовые шаблоны для интернет магазина, но ни один из них не подходит для того магазина, который я хочу сделать.
0 votes5 answers -
Сетка bootstrap-sass 11-колоночная?
Здравствуйте. Установил через Bower bootstrap-sass 3.3.6, начал верстать и столкнулся с неприятной проблемой. Код: <article> <div class="container"> <div class="row"> <div class="col-sm-5 hidden-xs"> <img class="shop-pages" src="img/shop-pages.png" alt=""> </div> <div class="col-sm-6"> <section class="suitable-offer"> <h2 class="suitable-offer__heading">Наше решение идеально подойдёт для:</h2> <div class="suitable-offer__elem suitable-offer_paper-airplane"><span class="suitable-offer_first-line">Запуска стартапа</span> Оптимальное решение для бизнеса, кото…
0 votes9 answers -
Обработка щелчков мыши в JavaScript
В Javascript'е есть событие - OnClick например: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <a href="" onClick="java script: window.open()">Открыть новое окно</a> </body> </html> Здесь при нажатии на мышь и только при отпускании мыши открывается окно. Вопрос: как сделать, чтоб окно (или что-нибудь другое), открывалось прямо на нажатие мыши?
0 votes2 answers -
Как всегда проблема с IE
Добрый день. У меня проблема, сверстала сайт на div-ах, в Firefox-у вс? нормально, а IE выдает не совсем , понятное смещение блока "html" вправо. С чем это может быть связано? Если вс? очень банально, сильно не ругайте, лучше скажите, где и что почитать. Спасибо. IE Firefox Код HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>world of web</title> <link href="world of web.css" rel="stylesheet" type="text/css" /> </head>…
0 votes6 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-