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

29,542 questions in this forum

  1. Нужна помощь! я испортила все

    Экспериментировала с кодом ( пыталась вставить форму ВК комментариев на сайт ) и доэкспериментировалась теперь статьи не отображаются http://for-women-s.ru/modnye-dzhinsy-2013/'>http://for-women-s.ru/modnye-dzhinsy-2013/ пишет HTTP500 вот сайт http://for-women-s.ru/ главная отображается нормально, какого то кода вылезла вверху class="home blog logged-in admin-bar no-customize-support custom-background"> помогите пожалуйста!!!! меняла код в нескольких местах: zeeNews: Заголовок (header.php) <!DOCTYPE html><!-- HTML 5 --> <html <?php language_attributes(); ?>> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_ty…

    Asked by alina9691,

    0 votes
    9 answers

  2. Оцените работу пожалуйста!

    Все добрый вечер. Наконец-то сверстал свой первый сайт из psd, раньше баловался просто ковыряясь в чужом коде. Я уверен что код просто ужасен а, так же сделал много чего не эффективного, то есть более сложно чем можно было, а так же не смог подобрать шрифт, а картинки не хотел вставлять, вместо текста. Прошу пожалуйста критики! Заранее спасибо! Именно по части верстки, как можно было сделать все проще! Вот сам макет Вот результат Вот Файлы

    Asked by li4e,

    0 votes
    9 answers

  3. помогите с плавающими элементами

    http://jsfiddle.net/ZE2RN/ Суть проблемы, если окно узкое то внутренние блоки стоят в ряд. А растягивать, то они должны стоять так как стоят, но чтоб те которые справа были прижаты к правому краю. Как можно добиться этого?

    Asked by vladmih,

    0 votes
    9 answers

  4. изменение цвета фона активной ссылки

    Добрый вечер! Есть меню, в нем 6 кнопок. Цвет меню, предположим черный. Текст кнопок белый. При наведении курсора мыши на кнопку меню, цвет background-color выделяется зеленым цветом. Вопрос: как сделать так, что бы не только при наведении курсора мыши на кнопку менялся ее цвет, но и активная кнопка была всегда зеленой. В прикрепленном изображении на кнопку "Главная" наведен курсор мыши. Если я его убираю и перенашу, например, на кнопку "О нас", то кнопка "Главная" стоновится опять черной, даже в том случае, если данный момент активна Главная страница. Мне необходимо прописать что бы активная кнопка была всегда выделена зеленым цветом. Вот пример HTML кода: <u…

    Asked by Sotnya,

    0 votes
    9 answers

  5. Помогите разместить блоки

    Доброе время суток. Я тут сделал вот такую радость: http://jsfiddle.net/Bizon4ik/wQPgR/ Помогите решить следующие задачи: 1. Как с права от серого блока прижать еще один блок высоты больше чем серый, но при этом синий должен продолжать растягиватся на всю свободную высоту экрана 2. Как сделать так что бы синий блок не ездил при горизонтальной прокрутке?

    Asked by Bizon4ik,

    0 votes
    9 answers

  6. Абсолютное позиционирование элемента относительно родителя

    Имеется некая таблица с величиной ячеек 60x60px. В каждой ячейке должна быть следующая структура: <div class="numberandbuttons"> <div class="number"> </div> <div class="lefrsqr"> </div> <div class="rightsqr"> </div> </div> lefrsqr и rightsqr это квадраты размером 15x15px поставленные в нижние углы ячейки. Необходимо поставить number вертикально и горизонтально по центру ячейкти, а lefrsqr и rightsqr в нижние углы ячейки таким образом, чтобы ни один элемент не выезжал за границы ячейки и при изменении размеров number скриптом, lefrsqr и rightsqr оставались приклееными к своим углам, а он оставался выровнянным по центру. То…

    Asked by Daiver,

    0 votes
    9 answers

  7. Прибить элемент справо при фиксе.

    Привет! В очередном заказе столкнулся с задачкой, которую не смог решить должным образом, пока сделал по-другому, решил узнать у Вас, реально решить задачу средствами разметки и стилей, не привлекая js? Суть видна на картинке: Классический интернет магазин, фиксированый макета, 1000px, шапка, меню, контент, футер, ничего не обычного, НО в контентой части есть 4 превью товара, а ссылку на "Все предложения" дизайнер засунул напротив блока за его пределами, да еще и нужно прибить к краю браузера, т.е. при растяжке сайта он удаляется от нашего блока, при сужение наезжает, при этом он реагирует на скролл, ездит четко напротив блока(position:fixed следовательно отпадает), так …

    Asked by Spamol,

    0 votes
    9 answers

  8. Проблема с позиционированием

    Здравствуйте! Помогите с решением такой проблемы. В шапке текст, заключенный в теги <h1>...</h1> ушел вверх и влево. Как поставить его по середине и чуть ниже от верха? Пытался различными методами, но ничего не получается. Ниже даю css-код этого элемента header.mainHeader h1 a{ border: 1px solid #000; font: bold 64px "Century Gothic"; color: #1d1eeb; text-decoration: none; text-shadow: #1d1eeb 0 0 10px; } https://www.dropbox....k9ccocc4y/1.jpg

    Asked by sayapinant,

    0 votes
    9 answers

  9. Какой HTML5 видео плеер является лучшим?

    Здравствуйте! На данный момент занимаюсь изучением тега <video> (html5) и всему, что с ним связано. Пытаюсь разобраться, как всё это дело организовать наилучшим образом и столкнулся(по ходу дела) с определёнными трудностями: Не удаётся найти адекватный(человеческий) плагин! (Понимаю что на первый взгляд - это может звучать довольно странно.) Перепробовал практически все варианты по следующим ссылкам: http://www.dejurka.r...-video-players/ http://womtec.ru/201...-video-players/ + 2 дополнительных варианта: http://www.codoplayer.com/ http://uppod.ru/ Как правило во всех источниках(кроме последней ссылки) описания идут на инглише(в этом к сожалению пока не силен!) Инт…

    Asked by Yamaradg,

    0 votes
    9 answers

  10. Как обработать событие изменения размера textarea

    Имеем input, под ним textarea(с возможностью изменения размера) надо чтобы при изменении размера textarea менялся размер input т.к. у textarea нет события onresize надо полагать это возможно с помощью handleEvent но почему-то не получается у меня его обработать и самому input как задать ширину? делаю так: textarea = document.getElementById('text_area'); inputarea = document.getElementById('absender'); document.kontaktformular.absender.value="Width: "+inputarea.offsetWidth; /* выводится корректное значение */ inputarea.offsetWidth=textarea.offsetWidth; /* а новое не присваивается /*

    Asked by EDIsaev,

    0 votes
    9 answers

  11. Никак не могу убрать отступ сверху сайта

    Недавно почему-то появилась проблема.Появился отступ сверху сайта.Подскажите, как его убрать?Сайт- prowarspear.ru Вот часть кода css: *{ padding:0; margin:0; } table.main{ width:1100px; margin-left:auto; position:top; border-radius: 10px; } body { background-image:url(bg-4.JPG) ; background-color:#171b24; margin-top:0px; padding:0px; } td.top{ height:270px; border-radius: 10px; } td.news{ margin-top:20px; background-color:#171b24; display:table-cell; vertical-align:top; border: 5px solid #171b24; width:230px; word-wrap:break-word; } td.footer2{ border: 7px solid #171b24; background-color:white ; word-wrap:break-word; color:grey; font-size:22px; border-bottom-left-radius: …

    Asked by demonuga,

    0 votes
    9 answers

  12. Как убрать полосу прокрутки в данном случае? (сайт прилагается)

    Доброго времени суток. Верстаю макет сайта. Сделал заготовку Задачка в том, что там есть ненужная вертикальная полоса прокрутки. Как её лучше убрать? Спасибо! пс: пробовал при помощи float:left к нижнему 2 и 3 блокам прокрутка пропадает все как надо, но при изменении масштаба страницы блоки начинают плавать куда-то вниз возможно в других браузерах и с другим разрешением экрана по другому выглядит... но тут на ноуте в файрфоксе выглядит так пс: на всякий случай ссылку и картинку удалил.. вопрос решен - надо было размер страницы в ширину вместо 1280 поставить хотябы 900

    Asked by nikki4,

    0 votes
    9 answers

  13. Свойство overflow

    Если закомментировать свойство overflow: hidden; в главном меню, то в браузере Firefox 21.0 основная часть с сайдбаром слетает вправо, в остальных браузерах в норме. Почему это происходит? Не могу разобраться. http://prodpak.ru

    Asked by Delat,

    0 votes
    9 answers

  14. Создание таблицы

    Добрый день. Нужно сделать табличку: Но у меня не получается создать создать правильно фон для шапки таблицы, получается так: Как видите, фон шапки вылезает за пределы таблицы. z-index не помог. Скажите, как можно исправить проблему?

    Asked by VisedFAQ,

    0 votes
    9 answers

  15. Как убрать нижнюю линию под текстом который является ссылкой?

    вот нужно убрать линии под текстом который является ссылкой или как нибуть обойтись без тега &nbsp: Вот скрин вот сам код html <table border="1" hspace="20" vspace="20"> <tr> <td> <img src="images/Apple iPad 4/ip2.jpg" width="150" height="200" border="1" alt="ipad 4"> <h4 style=" margin: 0px 0px 0px 10px"> <a href="iPad 4.html"> Apple iPad 4 128 ГБ<br> белый, черный. </a> </h4> <h3 style=" margin: 0px 0px 0px 10px"> </h3> </td> <td> </td> </tr> </table>

    Asked by Виктор146,

    0 votes
    9 answers

  16. Добавление тега <p>

    Здравствуйте. Кто знает, почему когда я добавляю тег <p> к Текст, то появляется отступ между <header> и .content, а также межу .content и <footer>?? Вот мой код: <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Подсказка</title> <link rel="stylesheet" type="text/css" href="style.css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> HTML 5 </header> <div class="content"> Текст, к которому добавляю <p> </div> <footer> © 2013 Макс </footer> </body> …

    Asked by GstarMax,

    0 votes
    9 answers

  17. cвойство filter не проходит валидатор

    добавляю градиент для ie с помощью свойства filter: progid:DXImageTransform.Microsoft.gradient и теперь css не проходит валидацию.что делать? оставлять css не валидным?

    Asked by eleonore,

    0 votes
    9 answers

  18. выпадающее меню

    Доброе время суток! Сделал выпадающее меню (html+css), но когда выпадает список, он прячется за фоновой картинкой контента. Как сделать что б меню было сверху? Все файлы залил на filestore index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Форсаж</title> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> </head> <body> <div class="main-bg"> <div class="bg"> <header> <div class="main"> <div class="wrapper"> <h1><a href="index.html"></a>&l…

    Asked by GstarMax,

    0 votes
    9 answers

  19. Как это реализовать?

    Доброго времени суток! Есть не большая задачка, по поводу навигации. Как это должно выглядеть И как это выглядит сейчас http://www.impulslkm.ru/ , я пробывал бордерами но что то запутался. Помогите пожалуйста реализовать.Спасибо

    Asked by mistadrumma,

    0 votes
    9 answers

  20. Как выравнять блочный элемент?

    Расположить по центру получилось а вот выравнять нет, подскажите?

    Asked by lev99,

    0 votes
    9 answers

  21. Вопросница

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

    Asked by Zverushka,

    0 votes
    9 answers

  22. Некорректная работа свойства height

    Задаю абсолютно позиционированному контейнеру height: 100%, но блок растягивается только на видимую часть экрана, если прокрутить вниз, то видится неприглядная картина - http://img96.imagesh...6/8503/mqzq.png Здесь красный блок абсолютно позиционирован, а зеленый блок - содержимое, которое красный блок должен закрывать собой

    Asked by novickOk,

    0 votes
    9 answers

  23. понравилось решение сайта

    Очень понравилось решение сайта https://jawbone.com/up (не реклама) но не как не пойму как сделано что бы картинки между блоками при скролинге плыли чуть в верх (не помогает даже firabug), подскажите пожалуйста может кто сталкивался с макетом данной верстки? Ну или какими то материалами на тему решений используемых на данном сайте, заранее благодарен более опытным специалистам... С Уважением, test777

    Asked by test777,

    0 votes
    9 answers

  24. Фон по высоте уменьшается при недостаточном контенте

    Всем привет! У меня двухколоночный макет, только вот при недостаточном контенте уменьшается высота фона, а нужно, чтобы высота фона постоянно оставалась от header'a до footer'a? Подскажите, что можно сделать? Вот ссылка на скриншот http://s59.radikal.ru/i163/1308/f7/8494a81e4d2c.png Вот код: <div id="container_layout"> <div id="main_layout"> <div id="all_layout"> <div id="header_layout"> Header_Layout </div> <div id="left_block_menu_layout"> left_block_menu_layout </div> <div id="content_layout"> content_layout </div> <div id=…

    Asked by Nailya,

    0 votes
    9 answers

  25. Позиция элементов на странице

    Доброго времени суток! Верстая сайт у меня возник вопрос, как контейнер DIV, размещенный в другом контейнере, сместить вниз на половину его высоты и ширины? Хочу сразу сказать, что ширина и высота котнтейнера не заданы. Код который я написал, приведенный ниже: <style> .A, .B{ width: auto; height: auto; display: block; box-sizing: border-box; font-size: 36px; } .A{ position: absolute; margin: 30px; background-color: #07A2FE; border: 1px solid #0080CD; } .B{ position: relative; background-color: #FFCF3F; border: 1px solid #E9AF00; top: 50%; left: 50%; } </style> <div class="A"><div class="B">Example</div></div>

    Asked by Mishus3W,

    0 votes
    9 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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