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. Настроил файл .htaccess теперь не грузятся CSS javascript картинки

    Здравствуйте. Сделал ЧПУ на личном движке все прекрасно работает. Но теперь другая большая проблема. Настроил файл .htaccess теперь не грузятся CSS javascript картинки 1) Прописывал абсолютный путь для CSS такового вида <link rel="stylesheet" href="http://site.loc/temp/temp_1/css/style.css"/> БЕСПОЛЕЗНО!! 2) Перемещал файл CSS в корень сайта <link rel="stylesheet" href="style.css"/> БЕСПОЛЕЗНО!! Да и вообще чего только не делал. Уже неделю мучаюсь. Помогите советом пожалуйста. В файле .htaccess такие настройки: AddDefaultCharset utf-8 RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d Rewri…

    Asked by koly32,

    0 votes
    8 answers

  2. Связка дыух блоков - div и span псевдоклассом hover

    Здравствуйте! Есть код типа: HTML: <div class="class_1"> <span></span></div>CSS: .class_1 {display: block;width: 40px;height: 40px;background-color: #2b2b2b;}.class_1:hover {background-color: #000000;cursor: pointer;}.class_1 span {display: block;width: 20px;height: 20px;float: right;margin-top: 10px;margin-bottom: 10px;background-color: #aaaaaa;}.class_1 span:hover {background-color: #ffffff;cursor: pointer;}Для наглядности http://jsfiddle.net/3bbb980k/ Как можно сделать, чтобы при наведении на родительский div выполнялся свой hover и у div, и у дочернего span?

    Asked by Torawhite,

    0 votes
    8 answers

  3. Почему блок выпал?

    Всем привет! Опытные верстальщики помогите разобраться, почему блок с таблицей опускается ниже всех остальных. Да и последний div тоже не на своем месте. Почему то немного опущен. http://cssdeck.com/labs/8madbvfx Никак не могу понять в чем дело. Спасибо!

    Asked by Antoshka007,

    0 votes
    8 answers

  4. проблема со шрифтом

    есть шрифт open sans pro в формате otf , белка не хочет принимать. как можно его еще конвертнуть? какие посовветуете конвертаторы? или что делать?

    Asked by raptor-dm,

    0 votes
    8 answers

  5. Структура файлов

    Добрый день, товарищи! Я новичок, два дня только html осваиваю. Интересует вопрос о структуризации всех файлов сайта. Может я пропустил это вначале обучения. Но не суть. Я написал index.html таким образом: <!doctype html><html> <head> <title>Магазинчик</Title> </head><body> <h1 align="center">Городская кофейня "Гадюшник"</h1> <p align="center" ><big><big>Добро пожаловать!</p> </big></big> <hr> <p> <big>Прежде чем приступить к поглащению всякой гадости предлагаем Вам выбрать то, что Вас интересует: </big></p> <a href="some/menu.htm…

    Asked by XanderAlex91,

    0 votes
    8 answers

  6. Верстка такого пути по сайту

    Добрый вечер! Нужно сверстать вот такое: Моя верстка здесь: http://jsfiddle.net/e4z1bLrf/ Не получается у серого треугольничка сделать еще темную рамку, чтобы он не сливался с фоном соседнего пункта. Пожалуйста, помогите.

    Asked by Светлана Г.,

    0 votes
    8 answers

  7. Ссылка с якорем и без.

    Здравствуйте! Помогите советом. Имеем стандартное меню с выпадающими списками. Основные пункты меню ведут на соответствующий раздел, подпункты ссылки с якорями осуществляют плавный переход к соответствующему блоку на странице. Возникла проблема следующего типа: Находясь в своейм разделе подпункты работают как и подобает ссылке с якроем, а вот подпункты из другого раздела не работают как ссылки. Ссылка типа: http://temp.loc/#block-1Работает как якорь. Ссылка типа: http://temp.loc/?page=2#block-2Работает как и подобает ссылке, но как её заставить работать с плавным переходом?

    Asked by Vicos,

    0 votes
    8 answers

  8. Нужно ли сейчас уметь писАть код руками

    Здравствуйте. Хотелось бы из полиграфического верстальщика переквалифицироваться в web верстальщика. В связи с этим вопрос. Нужно ли в нынешних реалиях уметь писать код полностью руками? Если да, то сейчас акуально изучать сразу HTML5? Потому как знаю есть Dreamweaver в котором все гораздо проще чем писать в Notepad++, и, на сколько я знаю, есть Muse в котором просто рисуешь что тебе нужно, а он все это переведет в грамотный код. Выскажитесь профессионалы так ли это? Спасибо.

    Asked by KoKa,

    0 votes
    8 answers

  9. Модальное окно поверх этого же модального окна

    Здравствуйте. Прошу кликнуть в этом прекрасном блоке на 4-м раунде кнопку "Подробнее", а затем в лайтбоксе на кнопку "Принять участие". Хочется, чтобы второй лайтбокс был над первым. Ну и очень хочется, чтобы первый ретировался туда, откуда вышел. Нашла такое и такое. Но насчёт второго с z-index'ом ни разу не слышала. А по первому - может, совет и хороший. Но нет времени учить JS, нужно модальное окно) П.С. Обещаю JS подтянуть, то самоё уже надоело спрашивать.

    Asked by kattiperk,

    0 votes
    8 answers

  10. Как настроить перетекании текста

    Всем доброго дня, Подскажите, как сделать перемещение текста из одной колонки в другую Макет: http://prntscr.com/6a12l1 Сейчас я использовала свойство columns, но все содержимого разбивается на три колонки, а мне надо что бы колонки по вертикали тянулись и размножались, вот как-то так Вот как сейчас все выглядит http://azharova.ru/test/ee.html

    Asked by Anna Zharova,

    0 votes
    8 answers

  11. Подскажите начинающему веб разработчику.

    Здравствуйте! Мой вопрос возможно покажется странным и очень лёгким для многих, но поверьте я запутался и никак не могу разобраться. Есть желание и нужда стать веб разработчиком. Знаю HTML, CSS(довольно хорош),JS(поверхностно), PHP(общие понятия). Читал много статей о том как создавать серьёзные сайты. Некоторые пишут что надо писать код с нуля, другие что можно взять фреймворк и подогнать под себя. Внесите ясность как всё-таки на сегодняшний день создаются сайты? Если писать код с нуля то и админ панель с нуля программировать?

    Asked by cryptus,

    0 votes
    8 answers

  12. изменение масштаба для мобильных устройств

    помогите пожалуйста решить проблему есть резиновый сайт. его минимальная ширина 1200px. если ширина окна браузера < 1200px , то: на десктопе появляется нижний скролл jsfidde , на мобильных устройствах сайт должен по ширине полностью поместиться в экран мобильного устройства(то есть чтобы нижнего скролла не было) при этом в блоке head прописан тег: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">реализовать пункт2 у меня не получается

    Asked by cyklop77,

    0 votes
    8 answers

  13. Форма отправки обманывает

    Здравствуйте. На сайте http://www.conturo.net/есть форма отправки при нажатии на Hire me. При заполнении пишет, что отправило. На локальном сервере так же. Письма не приходят. Протестировала пару форм с модали - то же самое. Просто формы работают и отправляют. В чём может быть проблема, не подскажете?

    Asked by kattiperk,

    0 votes
    8 answers

  14. Пример верстки логотипа

    Здравствуйте. Давно не брал я в руки шашек Посоветуйте, пожалуйста примером, как правильно и лаконично сверстать то, что видно на картинке: Строка красным будет картинка, а коричневым - должна быть текстом, который центрируется относительно картинки плюс поле ссылки должно занимать всю картинку и весь текст. Либо быть может вы посоветуете, какие стили либо даже изменения структуры нужны прямо на боевом примере.

    Asked by borus,

    0 votes
    8 answers

  15. Скрипт для смены картинок

    Необходим скрипт меняющий картинку при загрузке страницы. Например, есть папка с картинками, 10-20 шт. Надо чтобы при каждой новой загрузке странички подгружалась рандомная картинка из этой папки. Очень желательно на PHP. Гугл особо не помог, то слайдеры то javascript. Подскажите пожалуйста как реализовать, или где почитать.

    Asked by alleclf,

    0 votes
    8 answers

  16. Все пропало!

    Здравствуйте. На сайте Реком для гостей не отоброжается содержимое главной страницы. Внастройках пользователей смотрел: гостям вход на эту страницу открыт. В чем проблема не знаю... <div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_ENTRY_LINK$">Добавить новость</a> ]</div><?endif?><ul class="css-menu-2"> <li><a class="selected" href="#">О НАС</a></li> <li><a href="#">Преимущества</a></li> <li><a href="#">Профилактика</a></li> <li><a href="#">Ремонт</a></li> <li><a href="#">Замена матрицы</a></li></u…

    Asked by Mestniy96,

    0 votes
    8 answers

  17. iPad4: media queries

    Всем здравствуйте! Страница Вот такая проблема. У заказчика iPad4. Она хочет, чтобы сайт на ее устройстве в альбомной ориентации отображался как для desktop. Но не могу это никак настроить! Эмуляторы отрабатывают нормально, а реальные iPad выбирают мобильный вариант. Не срабатывают оба таких media-queries: @media only screen and (max-width: 960px) {} @media only screen and (max-width: 960px),(min-device-width: 768px) and (max-device-width: 1024px) {}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), (max-width: 960px) { Как решить данную задачу?

    Asked by Светлана Г.,

    0 votes
    8 answers

  18. FadeThis jquery

    http://lwiesel.github.io/jquery-fadethis/ Там есть 2 параметра: я хочу сделать некую анимацию, но надо сделать так чтобы она работала каждый раз когда этот блок будет перед пользователем выше 2 параметра, первый как я понял "чтото" дополнительно делает когда блок видим а второй параметр это делает когда он уходит за пределы браузера как мне вставить свою функцию в этот параметр так чтобы она срабатывала после появления блока? http://codepen.io/anon/pen/NPQqJb

    Asked by radioactive68,

    0 votes
    8 answers

  19. Чтобы фоновая картинка страницы растягивалась по вертикали на весь экран

    Может кто сможет ответить на вопрос: как сделать, чтобы фоновая картинка сайта растягивалась вертикально? Я нашла стиль для горизонтального растягивания фоновой картинки: body { background-image: url(images/1.jpg); background-repeat: no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } Существует ли что-то подобное для вертикального растягивания фоновой картинки сайта?

    Asked by StOK,

    0 votes
    8 answers

  20. Какой самый правильный способ выравнить два последних столбца по центру?

    Какой самый правильный способ выравнить два последних столбца по центру? Некоторые моменты: строк в таблице — сотниклассы каждой td наверное не рациональноcol и colgroup вроде как устарелижелательна поддержка IE7<table> <tr> <th>Название</th> <th>Фигня</th> <th>Дата</th> </tr> <tr> <td>По левому краю</td> <td align="center">По центру</td> <td align="center">По центру</td> </tr> <tr> <td>По левому краю</td> <td align="center">По центру</td> <td align="center">По центру</td> </tr> ...</ta…

    Asked by Anymaxis,

    0 votes
    8 answers

  21. Разный контент для разных разрешений

    Приветствую! Такой вопрос, есть сайт с адаптивный дизайном, нужно встроить туда код виджета от aviasales. Дело в том, что их блоки не адаптивные, и ширина у блоков фиксированная. Я нашел выход, как решить эту проблему. Через css медиа запросы, только не догоняю как это сделать. Я создал несколько блоков разных размеров под каждое разрешение, и нужно показывать именно тот блок, который подходит под разрешение, а остальные скрывать через display: none Подскажите пожалуйста, как это можно сделать?

    Asked by alastor73,

    0 votes
    8 answers

  22. Оверлеи поверх картинок

    Введение. Есть некое приложение на С. Оно взаимодействуя с пользователем собирает данные. Данные используются для генерации html кода. html код выводится в отдельном окне браузера. На сей момент все нормально. Проблема. Флаг, предположим, Турции, можно составить из трех элементов - фона <div> и двух объектов <img>. Пользователь задал данные, при которых цвета элементов иные. Программа изменяет html код. Тогда изменяется свойство css div.flagbackground{...; background:"#FFBB80"}То, как наложить цветовой фильтр на картинку (монотонная) - и есть проблема. Как вариант - загружать картинки белого цвета и накладывать фильтр. Ограничение лишь в чита…

    Asked by catcat,

    0 votes
    8 answers

  23. Подскажите пожалуйста почему не работает.? Не в опере, не в мозиле.! А только в хроме.!

    <input placeholder="Не работает" type="text" maxlength="50" required=""> ::-webkit-input-placeholder { -webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } :focus::-webkit-input-placeholder, :valid::-webkit-input-placeholder { -webkit-transform: translateY(-20px); -webkit-transform: translateY(-20px); }

    Asked by Maxsim,

    0 votes
    8 answers

  24. Проблема с формой

    Как сделать так, что бы, не пропадала иконка, при клике на поле? http://jsfiddle.net/bzr1pq2p/ Как ещё сделать, что бы при клике на поле поиска, иконка сменила позицию на background-position: 0 -41px;?

    Asked by DivMan,

    0 votes
    8 answers

  25. Как сделать "выкушенные" уголки у прямоугольника?

    Коллеги! У меня к вам вопрос - может есть идеи, как можно сделать с помощью css "выкушенные" уголки у прямоугольника со сплошной заливкой? Т.е. вырезанные вовнутрь со скруглением. Получается, каждый угол выкусывается сектором прозрачного круга. Как-то так http://joxi.ru/bmoog98HqqdKmy Надеюсь понятно объяснил головоломку, буду благодарен за ответ )

    Asked by MaxWall,

    0 votes
    8 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