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. Почему затрагивается первый потомок?

    Здравствуйте. Пытаюсь задать стиль отступов для пунктов горизонтального меню с помощью: .moduletable_menu>ul>li:not(first-child){ margin-left:54px; } но это сдвигает и первый тег li Что делаю не так? Благодарю

    Asked by borus,

    0 votes
    4 answers

  2. Высота блока до футера

    Всем привет. Ребят, не могу победить такую напасть: Необходимо что бы граница правого блока доходила до футера, а не обрывалась после окончания блока. Подскажите как это можно сделать, спасибо http://cornerwork.qql.ru/pressa

    Asked by MadChild,

    0 votes
    1 answer

  3. Как выровнять все картинки по центру через CSS

    Здравствуйте, подскажите пожалуйста, как вровнять все картинки по центру страница через CSS? Что нужно дописать в уже существующий стиль, чтобы каждую картинку не приходилось выравнивать вручную? спасибо

    Asked by Tsilya,

    0 votes
    2 answers

  4. Горизонтальное Выпадающее Меню

    Добрый день. Ниже приведен код меню: http://jsfiddle.net/96P6K/1/ 1) Как сделать его горизонтальным? не пойму; в css добавлял св-во display: inline и inline-block, не помогает. Подскажите кто-нибудь.

    Asked by ThierryH,

    0 votes
    12 answers

  5. iframe, обёрнутый в ссылку

    помогите пожалуйста решить проблему есть видео, встроенное на страничку при помощи iframe. я оборачиваю его в тэг <a href="path" style='display: block'></a>. при клике на видео оно начинает проигрываться, а хотелось бы чтобы происходил переход по моей ссылке

    Asked by cyklop77,

    0 votes
    3 answers

  6. Не получается простой пример

    В самоучителе проходил вот такое вот решение. Вывод вписанного текста во всплывающее окно JS при нажатии на кнопку: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег INPUT, атрибут name</title> <script> function dataField(f) { alert("Вы ввели: " + f.comment.value); } </script> </head> <body> <form action="handler.php"> <p><b>Введите текст</b></p> <p><input type="text" name="comment"> <input type="button" value="ОК" onclick="dataField(this.form)"></p> </form> </body> </html> Захотел сд…

    Asked by DkS,

    0 votes
    2 answers

  7. Резиновое меню не очень резиновое

    Здравствуйте. Окажите помощь, пожалуйста, начинающему верстальщику в разработке резинового меню. <nav id="top"> <ul id="menu"> <li class="main"><a href="#">Главная</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul class="drop"> <li><a href="#">Service 1</a></li> <li><a href="#">Service 2</a></li> <li><a href="#">Service 3</a></li> <li><a href="#">Service 4</a></li> </ul> </li> <li><a href="#">Каталог</a></li> <li>&…

    Asked by caramel_stain,

    0 votes
    2 answers

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

    Здравствуйте, уважаемые верстальщики и все остальные! Я начинающий верстальщик и всему только учусь. При верстке очередного макета/шаблона возникла проблем-ка с формой. Собственно сому форму, я создал, можете посмотреть её на данном снимке экрана: Как видно из снимка, радио-кнопки, ссылку и первую текстовую область я с позиционировал. Но, к сожалению, с остальными почему-то не получается, пробовал и марджины и все что мог и знал Элементы формы нужно с позиционировать как на данном снимке экрана: Кто может помочь решить данную проблему или хотя-бы посоветовать какой либо источник, который помог бы решить данный вопрос, пожалуйста, отзовитесь. Буду признателен вам всей д…

    Asked by nad_sergey,

    0 votes
    2 answers

  9. Модель блока

    В книге Влада Мержевича на странице 115 "Вёрстка веб-страниц" модель блока описана следующим образом: "высота складывается из значений высоты контента (height), полей (padding), границ (border) и отступов (margin)". Когда приобрел книгу http://www.ozon.ru/context/detail/id/2468908/. то там обнаружил другие определения: отступы (padding), границы (border) и поля (margin). Вопрос, как правильно? По моему margin - переводится как "поле", а значит второй вариант.

    Asked by Delat,

    0 votes
    8 answers

  10. Логотип в шапке сьезжает при изменении разрешения.

    Всем доброго дня! Я только начинаю верстать и столкнулся с такой проблеммой. Создаю шапку сайта в виде картинке. На картинку наношу блоки с логотипом и мини-меню. Все бы ничего, но при масштабировании в браузерах или при смене разрешения логотип уходит вниз. Но кстати, картинка остается фиксированного размера. И также мини-меню, оно сьезжается, а должно быть на определенном месте картинки. Вот код: <body> <div id="header"> <img src="images/header.jpg" alt="Шапка сайта" /> <div id="logo"> <p class="leftmainlogo"> Box&Cube </p> <p class="underlogogrey"> create & innovat…

    Asked by aqva_spirt,

    0 votes
    0 answers

  11. Убрать линии в форме подписки

    Сздала на одном сервисе форму подписки. Выглядит нормально, но когда выкладываешь на сайт между полями появляются черные линии. Может кто подскажет как их убрать. Вот код формы <!-- SmartResponder.ru subscribe form code (begin) --> <style type="text/css"><!-- .sr-box table {width: auto !important;}#elem_table_element_header{width:268px !important;}.sr-box img {max-width: none;}.sr-box br {display:none;}.sr-box p {display:none;}.sr-box {display: block !important;position: relative;width: 250px;}.sr-box-list table{border:0 !important}.sr-box-list td{padding:0px !important; border:0 !important}.sr-box-list{clear: both;display: block;list-style: none outside…

    Asked by dooddy,

    0 votes
    2 answers

  12. Сверстать без absolute

    как сверстать без absolute фотографии мозайкой

    Asked by daggi,

    0 votes
    7 answers

  13. Вертикальное меню

    Подскажите, как создать такое меню - http://css-live.ru/articles/zadanie-po-vyorstke-17-vertikalnoe-menyu.html Мыслей нет никаких по этому поводу.

    Asked by aaron,

    0 votes
    5 answers

  14. Меню для адаптивной верстки

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

    Asked by Akademik,

    0 votes
    1 answer

  15. Помогите пожалуйста, проблема с верхним индексом

    Такая ситуация: <div class="proekti"> <p> <a href=""> Дома до 200 м<sup>2</sup> </a> </p> </div Где стоит верхний индекс, линия подчеркивания сверху. В IE последнем все нормально, в хроме беда((( Никто не сталкивался с такой ситуацией? Помогите чем можете)) Кому не понятно вот картиночка: http://savepic.org/3276629.htm

    Asked by Gasherez,

    0 votes
    1 answer

  16. не становиться резиновым поле шаблона

    http://test123234.ucoz.ru/news #maincol { float: left; background: #ffffff; max-width: 776px; } вот, не знаю что делать уже.. белое поле с новостями, должно растягиваться и сжиматься. делаю width: 776px; и оно все заполняет, все что положено. но при max-width: 776px; все обрезается до размеров текста. команду как будто не воспринимает.

    Asked by Linblack,

    0 votes
    11 answers

  17. Не вмещается меню

    Добрый день, уважаемые участники форума. Очень прошу Вас подсказать, как быть. Есть сайт на друпале седьмом. Проблема в том, что в левой колонке меню, где написано "Сыбайлас жемкорлыкка", там есть продолжение этой фразы, но к сожалению оно не вмещается. Прошу, подскажите как это исправить?

    Asked by danru,

    0 votes
    3 answers

  18. Фигура при наведении

    Наглядный пример того что нужно: http://cs418420.vk.me/v418420741/5d8a/Qohsx-N0BUM.jpg как это сделать без использования картинок и скриптов? возможно ли вообще? уточню. на картинке горизонтальное меню.

    Asked by Linblack,

    0 votes
    21 answers

  19. Меню сайта и активный элемент.

    Добрый день, есть меню, в меню настроенны активные ссылки, т.е если я на главной, главная в меню активна, нужно сделать так, когда юзер наводим мышку на другие категории меню, активность сбрасывается, убирает мышку, опять появляется. Возможно ли реализовать на чистом CSS??? Если нет, подскажите куда копать... Всем спасибо.

    Asked by romaalupka,

    0 votes
    3 answers

  20. iExplorer и Safari не хотят отображать фоновую картинку

    Приветствую, уважаемые коллеги. Возникла странная проблема с кроссбраузерностью. Safari и iE не выводят фоновую картинку в данных ячейках таблицы. Как ни странно, в других ячейках этой же таблицы с фонами полный порядок, хотя и заданы они так же. Единственное отличие этих ячеек от прочих в том, что они объединённые. Но если снять объединение, фона всё равно нет. В остальных браузерах проблем нет. Помогите, пожалуйста, разобраться, в чём дело. Код ячеек таблицы: <tr class="itogo"> <th colspan="4">Итого</th> <td colspan="2">124 000 руб.</td> </tr> Их стили: .itogo{ height:40px; font-size:16px; } .itogo th, .itogo th:hover{ text-align…

    Asked by ARD_END,

    0 votes
    1 answer

  21. не работает слайдер

    помогите пожалуйста понять почему не работает слайдер. проблема в частности в том, что слайды не прокручиваются через определённый интервал времени и стрелки туда-сюда не действуют он сделан средствами twitter bootstrap, аналогично этому и этому

    Asked by cyklop77,

    0 votes
    2 answers

  22. Как заставить ссылку скачиваться, если формат выложенного файла не стандартный?

    Всем привет, есть страничка: http://www.camera.center.rt.ru/podderzhka/proshivki На ней 4 файла, 3 из них обрабатываются браузером не корректно и при открытии выскакивает какое-то непонятное окно. Даже в выпадающем меню нет пункта "Сохранить объект как..." Заказчик просит, не архивировать их, а выложить как есть, чтобы абоненты не мудрили с разархивированием.

    Asked by SCooTERina,

    0 votes
    7 answers

  23. Проблема с вертикальным отступом текстового блока

    Здравствуйте. Я начал изучать HTML/CSS с верстки по PSD-макетам. И столкнулся со следующей проблемой: допустим у меня есть текст, который расположен ниже предыдущего объекта на некотором расстоянии, я не пойму как мне измерить этот отступ. Кегль равет 12pt (как удалось мне узнать он включает заплечики и высоту самой буквы), я измеряю расстояние (делаю это в Photoshop - 72dpi) в пикселях, от нижней части объекта до верхней части заглавной буквы не учитывая заплечико(потому что я не знаю чему оно равно). Вопрос в следующем, если какая то пропорция для размера шрифта и размера заплечика или как поступать с этим отступом?

    Asked by red4pony,

    0 votes
    5 answers

  24. как отловить странички с помощью PHP

    Есть вот такой код: <?php if(($_SERVER['REQUEST_URI'] == "/ggame")||($_SERVER['REQUEST_URI'] == "/ggame/")||($_SERVER['REQUEST_URI'] == "/ggame/page/1/")) { echo <<<HERE тут необходимые действия HERE; } ?> В примере код срабатывает для первой странички раздела "Игры". Скажите пожалуйста, как можно без перебора вариантов отобрать сразу целый раздел? То есть, если страничек будет 10 или 20 перебирать очень долго. Есть ли какое-то решение?

    Asked by alleclf,

    0 votes
    3 answers

  25. Лиса не хочет отображать границы в таблице

    Лиса не хочет отображать границы в таблице. Почти все она отображает, но лишь две не отображает. На картинке видно. Но что самое интересное я ничего не менял, и на какое-то время они появились. Потом опять пропали. В Opera, Chrome все нормально. Подскажите пожалуйста. Вот код: .shop_table table tr th{ font-size: 23px; border: 3px ridge slategrey; } .shop_table table tr td{ font-size: 18px; border: 3px ridge slategrey; } .shop_table table{ border: 3px ridge slategrey; border-collapse: collapse; } <img id="y-t-loader" style="display: none;" /> [] -

    Asked by Michael Myers,

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