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 и css еще буквально неделю и уже впал в кататонический ступор на одном из проверочных заданий учебного материала. Так как старших товарищей, хоть как то знакомых с версткой у меня нет, прошу помощи у Вас. В общем дело такое: Дан html код и css правила без селекторов, задача правильно расставить селекторы и дописать пару правил. https://jsfiddle.net/dfn3gnw7/ Результат должен быть таким: Несколько селекторов мне удалось расставить, но дальше... Надеюсь на Вашу помощь и понимание. С уважением Александр.

    Asked by noobhelp,

    0 votes
    1 answer

  2. проблема с z-index.

    Вообще я в верстки начинающий и учусь по средствам проб и ошибок. В общем хочу сделать картинку (вызываемая через php) и поверх 2 картинки (через css). Собственно код php: <?php if($current_options['service_image_one']) { ?><div class="service-box_1"><div class="service-box"> <img class="img-responsive service-box-image" alt="Sleek & Beautiful" src="<?php echo esc_url($current_options['service_image_one']); ?>"></div></div><?php } ?> Тут идет прикрепление фоновой картинки через CMS и оно работает. Я лишь добавил <div class="service-box_1"> как родительскую и в css прикрепил к ней 2 картинки. Хочу что бы они были …

    Asked by Lecho,

    0 votes
    3 answers

  3. Размеры элементов в пикселах с процентами при подключении шрифта

    На сайте подключен Open Sans и из-за этого элементы, которым не указана ширина, получаются в пикселах с процентами. Например кнопки: Из-за этого возникает проблема, когда я хочу добавить псевдоэлемент внутри во всю ширину этой кнопки (нужен для эффекта), справа от него получается зазор, где виден фон, несмотря на то, что указано right: 0: Это можно, как-то исправить без явного указания размеров?

    Asked by Shiza,

    0 votes
    4 answers

  4. Блочная верстка: div в div'е и бэкграунд

    Добрый день! Прошу помощи! Блочная версткаю Есть основной div и в нем, традиционно, еще 2 - сайдбар и зона контента. Не пойму, как сделать фон основного дива, что бы он был фоном и для вложенных в него??? <div id="content_wrapper"> <div id="sidebar"></div> <div id="main"></div> </div> Задаю фон для #content_wrapper. Хочу, что бы он был фоном и уже сверху него выводилось содержимое #sidebar и #main. Но не получается.... #content_wrapper {width:1000px; min-width:1000px;height: 100%; min-height: 100%;margin:0 auto; background: #fff;} #sidebar {width: 20%; float: left;} #main {width: 80%; float: right;} Как это сделать? Зара…

    Asked by dron,

    0 votes
    3 answers

  5. красивое оформление страницы

    Здравствуйте ! Решила потренироваться и сделать себе красивую страницу. Идея у меня очень простая: 1. в папке на сайте есть два файла с картинками 2. хочу выводить рамочку в которой отображается картинка по центру экрана и внизу под картинкой пишется надпись. 3. все должно быть красиво, стильно и радовать глаз Вот что у меня получилось: <!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"> <style> img { border-radius: 5px; } .fig { display: block; /* Блочный элемент (для старых браузеров) */ t…

    Asked by КатеринаЮ,

    0 votes
    6 answers

  6. нубский вопрос про передвижение списков и маркеров

    В общем, двигаю списки а маркеры остаются на месте, посоветуйте чего, товарищи http://savepic.su/6231777.jpg http://savepic.su/6269664.jpg

    Asked by severianin,

    0 votes
    2 answers

  7. HTML5 audio, как подать несколько источников?

    У меня на странице 12 проигрывателей HTML5 audio с ссылками на аудиопотоки! Есть ли способ подавать одному проигрывателю разные ссылки по кликам с кнопок??? Чтобы не громоздить кучу медиаплееров а использовать один?!

    Asked by ogriv,

    0 votes
    0 answers

  8. Разное отображение при одинаковом разрешении

    Сайт http://burzhuy.org/deal/. Использую фреймворк bootstrap Имеется проблема с текстом в облачке "Мой собственный капитал...". На ipad текст отображается правильно, то есть не вылезает за границы облачка, но при таком же разрешении(1024х768) на компьютере текст отображается криво. В css я использую @media, а именно для разрешения 1024х768 этот код @media (min-width: 1000px) { .cloud { padding: 12% 54% 8% 8%; } .cloud p { font-size: 15px; } .cloud span { font-size: 19px; } .cloud2 { /*"Deal with it вот что по настоящем круто!"*/ padding-left: 20%; } .cloud2 h1 { font-size: 33px; } .cloud3 { /*"Круто!"*/ padding-right: 29%; } .cloud3 h2 { …

    Asked by afagorn,

    0 votes
    1 answer

  9. еще один нубский вопрос про списки и маркеры

    дайте пожалуйста совет как центрировать заголовок, список с маркерами и нижний заголовок http://savepic.su/6283778.jpg

    Asked by severianin,

    0 votes
    17 answers

  10. Кто должен делать адаптивность?

    Вопрос на засыпку тем, кто работает в веб-студиях. Кто у вас делает макеты под планшеты/телефоны - дизайнер или верстальщик? Знаю, что есть разные мнения. Кто-то говорит, что это должен проектировать дизайнер. Кто-то, что достаточно версии для десктопа, а остальное и так понятно, и рисовать это ненужно, мол пользуясь тем же бутстрапом - там все элементы уже сделаны. Какого ваше мнение?

    Asked by Imperil,

    0 votes
    12 answers

  11. Дальнейшее изучение

    Всем привет. Верстаю сайты, но хочу развиваться дальше и углубленно в этой сфере. Начал изучать js. Но еще очень много чего нужно изучать, поэтому вопрос - как лучше всего построить свое обучение, чтобы это было как можно более эффективно, и чтобы за "короткий срок" можно было поднять так сказать свой скилл ?

    Asked by Shenia132,

    0 votes
    14 answers

  12. скопировать hover-эффект

    не сочтите за рекламу. но мне вот с этой странички хотелось бы скопировать hover-эффект для этого блока . помогите пожалуйста проблема в том, что firebug не видит кода для hover-эффекта. пробовал разные браузеры

    Asked by cyklop77,

    0 votes
    5 answers

  13. Проблема: смещение на 1px background в Хроме и Мозила

    Здравствуйте уже ни раз сталкиваюсь с подобной проблемой и вот наконец то решил обратиться за помощью Суть проблемы: Подопытный сайт: http://www.retro.ontuning.ru/ Так же прикладываю картинки для наглядности. В левом садбаре имеется табличка, а за ней находится труба, эту трубу я реализовал следующим образом: вырезал кусок трубы размером 12рх на 12рх, после чего добавил в сайтбар свойством background, определил позицию трубы свойством background-position и растянул в длину, чтобы она состыковывалась с фоном в шапке и с фоном в подвале. Таким образом, я добился, чтобы труба тянулась при наличии контента. В мозили все отображается хорошо, так как нужно, а вот в хроме, …

    Asked by Akkord87,

    0 votes
    13 answers

  14. baron scroll sidebar в Фарфоксе отображается свой скролл

    Доброго дня. http://codepen.io/npofopr/pen/xwWqWX как побороть скролл в ФФ для baron, под виндой, видимо? где то видимо overflow: hidden; не хватает, но найти не могу где. Оно или скроллить перестаёт или 2 скролла. Потому что в примерах всё работает.... Может пользовался кто нибудь baron?

    Asked by npofopr,

    0 votes
    6 answers

  15. Не отображается выезжающее меню

    Черновик верстки. При разрешении меньше 768, меню трансформируется в боковое выезжающее, но на мобильниках не отображается, хотя в браузере работает, я так понимаю, это потому что само меню, находится в блоке #container, то есть не меняя html ничего сделать нельзя? http://verino.alldesign.org.ua/menu/

    Asked by vera17,

    0 votes
    6 answers

  16. Помогите пожалуйста с респонсив версткой!

    Доброго времени суток, друзья! Озадачился я версткой макета. В псдшниках несколько файлов (как должна выглядеть страница при различных разрешениях экрана). В общем, хочу вынести на ваш суд результаты своей работы http://zehlik.pe.hu/. Так же хочу задать несколько вопросов: 1. У меня проблема с версткой меню навигации, особенно когда ширина экрана становится меньше 768px меню должно сползти под логотип, но с этим какие-то проблемы (в медиа прописываю флоат, но оно не работает). Короче говоря, оцените пожалуйста правильность написания самого меню, может именно тут что-то не так. 2. Так же, при разрешении ниже 480 все меню должно сворачиваться в дропдаун под кнопку. Как …

    Asked by Zehlik,

    0 votes
    4 answers

  17. Проблемы с резиновой версткой.

    Здравствуйте форумчане. Это моя вторая верстка, была сделана больше недели назад, но на другом форуме не помогают, надеюсь здесь помогут. Вот что я сделал http://primer-primer.esy.es/Вот шаблон: https://yadi.sk/d/eoBIgxqejmdDB Как сделать маску для верхней картинки, что бы она сжималась и увеличивалась так как положено? (пробовал разными способами, но у меня криво выходит) Почему в div class=fact-one, текст и фотография в одном section, хоть я их ставил в разные? (пробовал float делать, не помогло, не пойму что я упускаю то)

    Asked by Fantastic,

    0 votes
    9 answers

  18. проблемы с bootstrap

    Добрый день!Начинающий верстальщик, прислали тестовое, столкнулась с глупой проблемой. Не могу понять,как правильно разметить страницу для верстки бутстрапом. в макете дано 12 красных колонок (ширина слоя написано 960). Начинаю с div class="container", и дальше не понимаю... С остальными элементами вроде бы проблем нет. Прощу помощи по разъяснению, как правильно разметить конкретную страницу,перерыла весь ютуб с уроками, там все поверхностно.Макет в ссылке. Благодарю заранее. http://prntscr.com/8wapzv

    Asked by yulshaz@mail.ru,

    0 votes
    10 answers

  19. jQuery отмена события после fired

    На этой странице кнопка теряет тень при нажатии http://codepen.io/462960/pen/avqjoe Сразу после чего должна вернуться в исходное состояние. Пробовал 2 варианта. Оба завязаны на .one() Отмены нет, прошу знатоков подсказать.

    Asked by seemax,

    0 votes
    13 answers

  20. Проблемы верстки

    Добрый день, есть сайт http://centertorg.net/вполне рабочий, но вдруг подтянуло верстку, на малых мониторах рвет главную страницу. помогите пожалуйста.

    Asked by Виктор1204,

    0 votes
    14 answers

  21. Выравнивание картинок с подписью по горизонтали

    Добрый день! Прошу помочь! Вставляю картинки в блок div и они прекрасно становятся по горизонтали относительно друг друга. Делаю подпись и все картинки уходят друг под друга. Что не так? <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <form> <img src="/images/iproduct/benz.jpeg" width="10%"><p>Бензиновые электростанции</p> <img src="/images/iproduct/diesel.jpg" width="10%"><p>Дизельные электростанции</p> <img src="/images/iproduct/gazoporshn.jpg" width="10%…

    Asked by Hosemose,

    0 votes
    7 answers

  22. Параллелепипед с помощью css

    Есть ли способ создать с помощью css параллелепипед как на картинке?

    Asked by afagorn,

    0 votes
    16 answers

  23. Создание кнопки в письме Подтвержение о подписки

    Всем доброго времени суток. Подскажите, пожалуйста решение следующей задачи: Отправляю по емайл извещения о поступлении новой заявки. Письмо в обычном html формате, с текстовым содержанием описания заявки и парой гиперрсылок. Тема письма всегда содержит номер заявки. Необходимо в тело html письма вставить кнопку подтверждения заявки. Т.е когда получатель письма нажимает на эту кнопку, должно появиться окно с текстом типа "вы действительно принимаете эту заявку? и кнопка да и отмена" в свою очередь, подтвердив заявку я должен получить на свой почтовый ящик подтвержение об этом. То, что можно сформировать обычную ссылку mailto и прописать тему и тело сообщения - это я знаю!…

    Asked by tc_trust,

    0 votes
    3 answers

  24. Почему Live preview в Brackets прыгает?

    Как вы боретесь с прыганием страницы/скролла при редактировании css в brackets? Пример

    Asked by EaGames,

    0 votes
    0 answers

  25. Форма загруки файла и кнопка отправить в одну линию.

    Доброго времени! Есть форма загрузки файла: <form enctype="multipart/form-data" action="uploadImg.php" method="post"> <input type="file" name="userimg"> <input type="submit" value="Отправить"> </form>На странице отображается в две строки, т.е. на одной строке поле имени загружаемого файла и кнопка "Обзор...", а на другой кнопка "Отправить". Хотелось бы сделать так, чтобы они были в одну строку. Подскажите, как это сделать? За ранее благодарен.

    Asked by soulectro,

    0 votes
    1 answer
×
×
  • 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