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. Убрать рамку при нажатии на кнопку

    Есть кнопка <a href="/"></a> Я вставил в нее картинку. При нажатии на нее отображается пунктирная рамка. Как ее убрать?

    Asked by GromLine,

    0 votes
    2 answers

  2. Не работают якори

    Подскажите, почему не работают якори на странице, например: http://www.diablo1.ru/witcher2/quests-glava-1-pobochnie.php#malena Не сдвигается на якорь, хотя он указан: <a name="malena"> <h2>Малена</h2> При этом есть другие страницы, например http://www.diablo1.ru/witcher2/quests-glava-1.php#keyran где якори работают.

    Asked by Walk,

    0 votes
    18 answers

  3. Вёрстка форм

    Всем добрый вечер/день/утро/ночь (у кого как). Верстаю уже не первый год, но вопросы всё ещё остаются. Постоянно сталкиваюсь с различными формами и их реализациями. Интересует, как семантически грамотно верстать различные формы. Хочется услышать мнения пофессионалов и советы людей, которые действительно знают, что такое верстка, семантика и валидность. Пример 1: <form action="#" enctype="#" method="#" id="#"> <fieldset> <label for="f1"><input type="text" name="#" value="Ваше имя" id="f1" /></label> <label for="f2"><input type="text" name="#" value="Ваш e-mail" id="f2" /></label> <label for="f3"><textare…

    Asked by DjTarik,

    0 votes
    48 answers

  4. Как спрятать html код на сайте и строку состояния

    Как можно спрятать html код у себя насайте, чтоб не могли просмотреть вообще и чтоб в строке состояния не отображался адресь клика или как при клике сделать так чтоб в строке состояния вместе отображения урл отображалась другая инфа или надпись? Я такое видел и никак не смог увидеть Html код 2. Как можно сделать так, чтоб в адресной строке была эмблема своего логотипа? Сейчас логотип IE стоит, а некоторые меняют на свои. Кто знает html код? 3. Еще удивляюсь что есть такие вундеркинды, которые делают так ,чтоб при открытии сайта Сайт автоматически становился стартовой странице? В общем ответьте мне на первый вопрос. Мне просто нужен html код

    Asked by romay,

    0 votes
    47 answers

  5. Как выкладывать свой сайт в интернет

    У меня такая проблема,я сверстал дома старый Макетик,ради треннеровки,вот хочу его выложить в интернет,чтобы другие просто нажали на ссылку и посмотрели моё творение,как это сделать? Только просьба,отпишите прям по полочкам,детально,а то я уже на Народ.ру заходил,и ничего не понял(((

    Asked by psywalker,

    0 votes
    38 answers

  6. Не работает html ссылка

    Всем привет! Друзья вебмастеры по возможности помогите в решении проблемы! Дело в том, что у меня возникла парадоксальная ситуация, заключается она в том, что тег <a> (ссылки) отказывается работать и не перенаправляет на нужную страницу. При разработке сайта я встроил пару менюшек. Одну горизонтальную, другую вертикальную. Обе были уже готовыми решениями и скачивались с разных сайтов. Кроме html и css в них ничего нет. Ссылки обернуты тегами ненумерованного списка <li> и не работают, хотя страницы эти есть. Когда эти же ссылки тупа размещаю в контенте все работает, а в меню отказывается. Сайт вообще только на html и css пока. Впервые такое встречаю. Если у ко…

    Asked by Sanadam,

    0 votes
    5 answers

  7. Как прижать блок к правому краю страницы, а текст в блоке выровнять по левому краю

    Добрый день. У меня есть таблица: <html> <body> <table style="width:100%"> <tr> <td style="width:33%"></td> <td style="width:33%"></td> <td style="width:33%"> <div><!--Надо прижать к правому краю страницы--> <p>Привет,</p> <p>Вася Пупкин, чемпион по хтмл!</p> <p><img src="lol.jpg"/> вот твоя картинка</p> </div> </td> </tr> </table> </body> </html> Мне надо сделать так, чтоб блок прижался к правому краю, а текст выровнялся по левому краю своей самой длинной строки. Что делать? Получилось, надо ДИВу написать: <div sty…

    Asked by ХОЛОДный,

    0 votes
    2 answers

  8. 4 в ряд меняющиеся картинки в шапке сайта

    Помогите! надо в шапке сайта расположить 4 картинки, которые будут при этом постоянно меняться(в каждой картинке 4 варианта (того 16 картинок в папке) хотелось бы чтоб менялись рандомом. Перепробовала кучу скриптов, либо не работают, либо картинки сбиваются влево. Таблицей их тоже дисциплинировать не получилось. подскажите нормальный рабочий скрипт в html

    Asked by zoobic,

    0 votes
    20 answers

  9. Валидатор на русском

    CSS-валидатор от W3C по адресу http://jigsaw.w3.org/css-validator стал на русском языке. Ну что сказать - приятная новость, особенно для новичков, кто еще плохо владеет терминологией на английском языке. Язык определяется автоматически, но в любой момент можно переключить на другой желаемый язык.

    Asked by Vlad,

    0 votes
    2 answers

  10. Прозрачный текст(можно ли это осуществить в CSS?)

    Задался таким вопросом: Можно ли создать с помощью СSS прозрачный текст?. В интернете искал, но не нашёл(не исключаю тот факт, что плохо искал) Помогите кто чем может.

    Asked by zjzulay,

    0 votes
    18 answers

  11. УЧУСЬ ВЕРСТАТЬ

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

    Asked by UHUHU,

    0 votes
    6 answers

  12. Не работает background-image

    Возникла такая проблема...Хочу в таблицу 3х3 вставить бєкграунд , написал style.css , но вот только именно background-image не работает... .verh_poloska { background-image:url(/img/R1C2.jpg); } Очень прошу помочь.

    Asked by Bohdan_Jinesis,

    0 votes
    33 answers

  13. Отображать текст частично. Показывать полностью по нажатию кнопки

    На одной странице несколько объемных текстов. Хотелось бы отображать только анонс от них, а полное содержимое по нажатию на кнопку Показать целиком/Свернуть. Чтоб было понятнее, вот пример http://www.pushe.ru/ При нажатии на кнопку Два слова о фабрике PUSHE открывается див, кнопка меняется на Закрыть. Только в моем случае, первоначально должна быть видна часть дива, а по кнопке уже полностью. Как это лучше сделать? Спасибо!

    Asked by unomomento,

    0 votes
    4 answers

  14. из *.html файла не видит адрес css/style.css

    Здравствуйте. В *.html файле прописываю адрес файла со стилем и когда он в корне папки он нормально открывается но если его кладу в папку css он его не видит почему то. вся страничка стразу разъезжается. подскажите пожалуйста. ОС win xp и на хостинге тоже такая же проблема

    Asked by bugatti,

    0 votes
    25 answers

  15. Возврат на предыдущую страницу

    Доброе время суток. У формы установлено action="action.php" , что нужно прописать в action.php что бы после того как всё отработало выдыть сообщение и вернуться на предыдущую страницу(т.е. на форму с которой вызывалось action.php ) , и как проверять строку на пустое значение.

    Asked by BuHunyx,

    0 votes
    41 answers

  16. Проблема с боковым меню

    не понимаю что происходит с менюшкой (сбоку), ставлю значение height:100%, добавляю ссылки-кнопки и происходит что-то не понятное, появляется вертикальная полоса прокрутки..... html <div class="menu"> <h2><a href="#" class="kn1"></a></h2> <h2><a href="#" class="kn2"></a></h2> <h2><a href="#" class="kn3"></a></h2> </div> <div class="content"> </div> css * { margin:0 auto; padding:0; height:100%; } body { height:100%; width:780px; border: solid 1px black; } .menu { width:150px; border:solid 1px black; background-color:black; float:left; height:100%;…

    Asked by альберt,

    0 votes
    6 answers

  17. :hover в мобильных браузерах

    Допустим есть некая форма со списком услуг. При наведение пункт списка меняет цвет. При клике цвет фиксируется, т.е. добаляется класс с помощью js, при повторном клике класс удаляется и соответственно цвет меняется. Но на тач устройствах hover воспринимается как клик, и в результате выделение не снимается после повторного клика. Пробовал заменить css hover на js, и при клике насильно удалять класс, который вешается при наведении. Помогло, но не во всех браузерах, например в 4 айфоне 13-ый яндекс браузер и какая-то сафари не повелись на этот трюк, и упорно цепляются за hover. Какие есть еще варианты?

    Asked by Bassline,

    0 votes
    16 answers

  18. Можно ли средствами HTML сделать отточие?

    Можно ли текстовыми средствами HTML сделать отточие? Т.е. вопрос следующий, можно ли заполнить строку в тянущейся таблице точками до конца строки. Примерно так: Товаров .................................................. 1 шт. На сумму .............................................. 50 руб.

    Asked by A. Kaminsky,

    0 votes
    26 answers

  19. Как сделать элемент SELECT - readonly?

    Привет. Вот собственно и вопрос. Добавление в элемент SELECT атрибута "disabled" не катит, так как, запрос POST посылает пустое значение элемента SELECT . Какая-нибудь есть альтернатива, чтобы сделать SELECT доступным тоько для чтения?

    Asked by Ingener,

    0 votes
    6 answers

  20. Кнопка submit вне формы

    Здравствуйте! Хотелось бы получить ответ на вопрос, как с помощью стилей или других средств поместить кнопку submit в самом низу страницы по центру (над футером), но так, чтобы при ее нажатии на сервер отправлялись данные, введенные в форму в правой колонке страницы (двухколонный фиксированный макет). Никак не могу сообразить, пожалуйста, подскажите.

    Asked by hike,

    0 votes
    22 answers

  21. Проблема div и IE6

    Всем привет. КОД: <body> <div id="conteiner"> <div id="header"></div> <div id="leftbar"></div> <div id="content"></div> <div id="clear"></div> <div id="footer"></div> </div> </body> СSS: #conteiner{ width:930px; margin:0 auto; text-align:left; } #header{ width:930px; } #leftbar{ width:280px; hight:450px; float:left; } #content{ hight:450px; margin-left:280px; } #clear{ height:0; font-size:1px; line-height:0px; clear:both; } #footer{ height:100px; width:930px; } Проблема заключается в том что во всех браузерах кроме IE6 между leftbar и content появляется пробел (margin примерно в 2 пиес…

    Asked by BOLT,

    0 votes
    8 answers

  22. как вставить flash фоном?

    Приветствую! возможно ли вставить flash фоном, что бы была возможность написать на нем текст или разместить еще какие либо картинки?

    Asked by Fate-ol,

    0 votes
    29 answers

  23. Картинка по центру. DIV или TABLE.

    Подскажите пожалуйста, никак не могу разобраться. Как выровнять div с вложенным img по центру при любом разрешении монитора. Картинка 512 на 521, вложенная в div. Div при этом получается дочерним элементом окна браузера. Или такое просто невозможно и без таблицы не обойтись? Спасибо за помощь.

    Asked by romanist,

    0 votes
    12 answers

  24. Как изменить стрелку у тега <select>?

    Нужно заменить виндовую стрелку у <select> на картинку. Почитал в инете и понял, что это решается через JavaScript. Хотел узнать какой самый лучший, по вашему, метод стилизации этого тега?

    Asked by MiHALbI4,

    0 votes
    4 answers

  25. float:left блоки равной высоты в несколько строк

    Добрый день, уважаемые форумчане! Делаю сайт, левая колонка фиксированной ширины, правая (контент) резиновая. В правой колонке выводится список изображений с заголовками: css: .img { width: 200px; float: left; margin: 0 10px 10px 0; } html: <div class="img"> <img src="image.jpg" alt="" /> <h3>Title</h3> </div> <div class="img"> <img src="image1.jpg" alt="" /> <h3>Title</h3> </div> ... <div class="img"> <img src="imageN.jpg" alt="" /> <h3>Title</h3> </div> в итоге зрительно должно получиться подобие таблицы, где по ширине экрана выстраивается столько изображений, сколько позв…

    Asked by AKyHuH,

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