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 + css в разных браузерах
День добрый. Создал таблицу на сайте http://www.pelekan.ru/main/City_adventures_in_Moscow, http://jsfiddle.net/LFXyj/ Проблема в том, нормально отображается только в firefox, в opera и chrom таблица не вся цветастая, а в IE вообще ужас. Как решить проблему, что нужно добавить?
0 votes6 answers -
Отключение скроллбара
Доброе время суток! У меня появилась такая проблема - есть HTML-страница, внутри неё находится swf-приложение. Его добавление выглядит вот так: <DIV id=swf> <script id=ourSWF src="http://***.swf;" type="text/javascript"></script> </DIV> Мне нужно сделать, чтобы при работе с флеш-файлом при нажатии на кнопки "вверх" и "вниз" не скроллилась страница. <body onkeydown="return(false)"> Вот это сделал, теперь если тыкнуть не на сам флеш-объект, стрелки не вызывают скроллинг. А вот если тыкнуть внутрь объекта и потом жать "вверх" и "вниз", страница по прежнему скроллится. Что делать? =)
0 votes10 answers -
Изменнение цвета текста в Input type=text
Есть следующий тег: <input class="text" type="text" placeholder="введите e-mail"> и свойсто CSS .text{font:italic 10px 'Trebuchet MS',verdana,sans-serif; color:#260b01;} Как сделать так что-бы свойство цвета подхватывалось не только вводимым текстом но и placeholder-ом?
0 votes2 answers -
Отображение переменной ячейками по строке
Здравствуйте! Подскажите, пожалуйста, каким образом можно сделать такую вещь: выводится список из последних просмотренных товаров и выглядит он так: Товар 1 Товар 2 Товар 3 Т.е. каждый ниже другого, а как можно сделать чтобы вид был такой: Товар 1 Товар 2 Товар 3. В коде это выглядит, как переменная #item#. Сначала идет сет, в котором говорится что именно он описывает вид отображения данного модуля. set value="#item#" . Мне получается необходимо ее оформить примерно в таком виде(пробовал не получается): set="value= <td> <tr><td>#item#</td></tr> </td>"
0 votes5 answers -
Передвинуть блок
Как выровнять блок по центру? Вот сайт - линк Чтобы увидеть блок, спуститесь в самый низ сайта и нажмите справа на ссылку v1.0 Нужно чтобы после клика по ссылке блок появлялся примерно в центре. Тоесть вот так - линк
0 votes4 answers -
несколько элементов в строку
не могу понять - такая конструкция: <div class="header"> <div class="field1">FIELD1</div> <div class="field2"><a href="#" class="logo"></a></div> <div class="field3">FIELD3</div> </div> .header { text-align:center; width:100%; height:200px;} a.logo{background: url(img/logo.png) no-repeat; display:block;width:360px;height:131px;} .field1,.field2,.field3{width:360px;height:131px;display:inline-block;} центральный блок, который содержит ссылку рисуется на уровень выше двух остальных. помогите выровнять их на одном уровне.
0 votes3 answers -
Глюк в IE6 или я не то делаю + фреймы
Вопрос № 1 <map name="box"> <area shape="rect" coords="10, 10, 10, 10" href="page.html" /> </map> <a href="page2.html"><img src="images/img.png" usemap="#box" /></a> Во всех браузерах ссылка "по умолчанию" (то есть a href) работает нормально. В IE6 нормально работает только rect. Чтобы открыть magicbox02.html, надо жать правой кнопкой и выбирать открыть. Это глюк или я неправильно сделал, включив картинку с картой в a? Вопрос № 2 Предстоит поработать с такой гадостью, как фреймы. Там суть в том, что берутся файлы из самого первого задания, что надо сделать. Всего три. Первое - про таблицы, второе про карту ссылок, третье про фрей…
0 votes3 answers -
Быстрая и синхронная подгрузка картинок.
Добрый вечер. Недавно у меня появился проект на котором требуется, что бы вся графика на странице появлялась(при загрузке страницы) одновременно и без особых задержек. Вопрос: Какие механизмы на сегодняшний день существуют в этом плане? (можно ли это организовать спрайтами или при помощи JS что-нибудь придумать?)
0 votes5 answers -
Проблема с текстом внутри блока.
Всем Доброго времени суток! При верстке макета столкнулся с проблемой выравнивания текста в блоке . Вот сайт http://gallery-kazan.do.am/ Блок "Последние обновленные новости" Ставил: line-height:60px; Но как видите результат вышел довольно - таки плачевным...Что делать?Заранее благодарен!
0 votes3 answers -
Небольшая кучка вопросов
Совсем недавно начал изучать Css и html, но там в общем все просто гугл спасает, основы выучил, нужен только опыт. Но верстая сталкиваюсь с js так вот первый вопрос про него. Что бы выучить Jquery обязательно надо знать само js? (подозреваю что да надо) Тут тогда сразу несколько вопросов на каком уровне надо знать js что бы в последствие сразу перекинутся на jquery ( ну и продолжить изучение js подрабатывая верстальщиком), за сколько можно выучить, полезные ссылки будут восприняты на ура. Каким инструментами вы пользуйтесь для проверки кроссбраузерности? Верстать легко, но верстать кроссбраузерно сложно, до каких версий браузеров ( требуют заказчики) верстают до сих…
0 votes6 answers -
Помогите нубику: почему-то внизу белая полоска в мозилле
я только начал верстать и не пойму, почему в одном браузере (мозилле) здесь внизу белая полоска остается, друг попросил посмотреть, а у меня самого не получается помогите пожалуйста, буду очень благодарен. http://litter-robot.ru/dsdsfsdfwer
0 votes3 answers -
Правильно ли я сделал выпадающее меню?
Учусь делать выпадающие меню, правильно ли я сделал? http://jsfiddle.net/7qdfc7as/
0 votes9 answers -
Заголовок с горизонтальной линией по центру
Всем привет) Есть заголовок, по центру горизонтальная линия. Пока он помещается в одну строку - всё хорошо, проблемы с длинным заголовком: http://jsfiddle.net/d7u6Lcf8/ Согласно дизайна должно быть так: http://clip2net.com/s/3khqHjc Ребят, подскажите, реально ли так сверстать или это мечты дизайнера?
0 votes5 answers -
Не могу настроить списки услуг
Добрый день, изучаю html & css, скачал макет и попытался настроить под себя взяв различные данные, но вот со списком во втором блоке ( перечень услуг) у меня не вышло, подскажите пожалуйста, как исправить и выравнить списки услуг? Хочу вставить еще один ряд услуг потом. Вот ссылка: https://tatufiesta.000webhostapp.com/
0 votes1 answer -
Цвет меню...
Доброго времени суток. Итак. 1. Собственно первая проблема - переименовать буковки. Где их искать в джумле, что бы заменить им цвет. 2. Шапочка Сейчас она у меня меняется (То есть: О проекте - одна картинка, Пресса другая, Контакты третья, но как только делаю четвертый пункт меню они начинают повторятся (а хочется еще другие шапочки залить) где бы это подправить? 3. И собственно выпадающее меню - его цвет, когда на него наведена стрелка, и когда нет, скрин внизу. Поиском пользовался что то не помогло, чего-то нету, а что то я просто протупил, поэтому надеюсь вы поможете.
0 votes0 answers -
2 вопроса, JavaScript+CSV и div в div
Всем привет у меня два вопроса: 1. Можно ли файл CSV отобразить на странице выбрав его на локальном компьютере и никуда не сохранив на сервере. 2. Возможно ли сделать что бы по нажатию кнопки добавлялся div не отображался а именно добавлялся новый, а при 10 нажатиях добавлялось 10 дивов друг под другом. Если это возможно сделать или кто-то делал подскажите пожалуйста как, или направьте в какую сторону копать.
0 votes2 answers -
Вопрос про текст внутри div'а.
Доброго времени суток! Подскажите пожалуйста: <div><img ... />Текст</div> - Возможно ли в данном случае сделать стиль для текста через id дива, не трогая при этом img? Заключить Текст в ещё один тег я не могу. Спасибо большое!
0 votes7 answers -
Доктайп с пробелами или нет?
Здравствуйте. При написании <!DOCTYPE html> в браузере в самом верху появляется пустая строка. Кодировка утф-8 без БОМ, body {margin: 0;}. Так В Опере 10, ИЕ 8; в ИЕ 7 пустой строки нет. Если добавить пробел <! DOCTYPE html> пустая строка пропадает. Почему?
0 votes4 answers -
Плавающие дивы
возможно ли какнить сделать чтобы синий и жёлтый див спускалися также по тексту как и зеленый,но не фон дива в которых эти 3 дива?
0 votes4 answers -
Резиновая верстка: ширина контейнера
Здравствуйте! есть страница: http://www.fleetservice.ru/tork_test.php Возможно ли сделать так, чтобы содержимое серого контейнера #catProdList имело бы ширину строго по контенту?
0 votes5 answers -
Позиционирование картинки в SPAN
Помогите выровнять кнопку по вертикали. Щас она задрана вверх относительно текста. <span style='border:1px inset;padding:5px;'><a href='#' class='link_black' style='display:inline-block;'>some@mail.ru</a><input type='image' onclick='login_menu()' src='pic/24/logout_24.png'></span>
0 votes1 answer -
0 votes3 answers
-
текст в столбике таблицы всё время поверху
здравствуйте, подскажите пожалуйста как можно сделать следующее. есть таблица, в ней в левой части,в первом столбике, всего одна строчка,и при прокрутке страницы она должна всё время оставаться сверху экрана.при прокрутке она естественно уходит наверх. как же сделать? если у #test сделать position:fixed то строчка как бы выскакивает из таблицы и таблица смещается влево и строчка оказывается прям на таблице поверх других записей. <style> /*#test{position:fixed;} */ </style> <table border=1> <tr> <td > <div id=test>этот текст должен быть всё время сверху</div> <td> <table border=1> <tr><td>aaa <td>bb…
0 votes3 answers -
Таблица
Здравствуйте. К примеру есть таблица: <table> <tr> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> Вверху одна колонка, внизу две. Если все эти три колонки чем-нибудь заполнены то верхняя располагается слева, а с права от неё пустое пространство. Как сделать так чтобы она располагалась справа а пустое пространство было слева? P.s. Добавить пустую колонку не предлагать.
0 votes3 answers -
Нужно сделать таблицу на странице
Всем привет Только начал создавать landing page. Опыта мало - пришел к вам) такая проблема: хочу на странице сделать некий каталог продукции моей. Вот что-то похожее: Размер картинок должен автоматически подгоняться под заданный размер. Одна позиция будет состоять так же, как и здесь: картинка, название, цена. Но позиционирование не такое: хочу сделать так: -картинка -название -цена То есть каждый элемент находится под другим по центру ячейки. Далее, хочу сделать такое: при наведении на любую картинку каким-то образом красиво появляется какая-нибудь лупа или еще что-то. При нажатии на !ВСЮ ЯЧЕЙКУ!(будь то цена либо картинка), вылазит всплывающее окно уже с моим напи…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-