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. Использование white-space: pre-wrap и internet explorer 9

    Вывожу заранее отформатированный текст (white-space: pre-wrap). Текст такой: ййййййййй ццццццццц ууууууууу Во всех браузерах отображается нормально: ййййййййй ццццццццц ууууууууу В IE9 отображается так: ййййййййй ццццццццц ууууууууу Получается что ie9 после символа перевода строки добавляет пустую строку. Можно это как-нибудь побороть?

    Asked by MCStan,

    0 votes
    3 answers

  2. отображение в разных браузерах

    Проблема вот в чем: на сайт (prisvete.ru) поставил блок с выводом топ новостей, при наведении на которую(картинку-новость), показывает ее название, но в мазиле вроде все нормально,а вот в хроме (на других браузерах не пробовал) название появляется с боку, не наводя на нее,тем самым отодвигая картинку-новость на длину названия, тем самым портя весь вид.Подскажите как это можно исправить. вот PHP код новости: <?php $sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY date DESC LIMIT 10" ); while ( $row = $db->get_row()){$row['date'] = strtotime( $row['date'] ); $row['category…

    Asked by dts,

    0 votes
    3 answers

  3. Выравнивание

    Всем доброго времени суток. Такой вопрос: Есть <div id="ololo"> Ололо</div> нужно выровнять <p> так, что бы он был в центре(по Х и по У) <div>'a. Как это можно сделать "максимально кроссбраузерно"(что бы не писать для разных браузеров разный код)? Размеры дива не заданы, а если и заданы, то в процентах. "Количество" текста и параметры(тип, размер) шрифта внутри параграфа неизвестны. И еще: чем это будет проще, тем лучше. Заранее спасибо!

    Asked by gism,

    0 votes
    3 answers

  4. Как реализованы эффекты на сайте

    Добрый день! Прошу подсказать, как называется эффект используемый на сайте Речь об уплывающих буквах и появляющихся твиттах. Где почитать о реализации таких эффектов. Как реализовать такое с помощью html 4 и html 5 Есть ли готовая библиотека для такой реализации

    Asked by roma86,

    0 votes
    3 answers

  5. Тянущийся фон

    Приветствую. В очередной раз обращаюсь за мудрым советом. Есть фон шириной 1400px и делать его фиксированным не хочется. Очевидно, что при меньшем разрешении он должен "сжиматься". В первых строчках выдачи серпа нашел вариант с background-size: cover, но мне кажется на больших экранах будет ужасно смотреться. Так как же быть?

    Asked by uteelers5,

    0 votes
    3 answers

  6. Построчный overflow

    Всем добрый день. Пытаюсь обрезать текст в блоке с фиксированной высотой и шириной. Соответственно, блоку задано свойство overflow: hidden;. Получаем текст, последняя видимая строка которого видна на половину. Вопрос: как ее скрыть? Пример: <!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 165px; overflow: hidden; } p { margin: 5px 0 0; } </style> </head> <body> <div> <p>Здесь идет многострочный текст.</p> <p>Управлять свойствами line-height и margin'ами параграфов вообще не хочется.</p> <p>Да и вверху может идти картинка неопределенной высоты.</p> &lt…

    Asked by MiReQ,

    0 votes
    3 answers

  7. Как можно скрыть ссылки на картинках

    Помогите пожалуйста мне реализовать скрытие ссылок на картинках. Суть вот в чем: на странице есть текстовые ссылки и ссылки с картинок. Как можно сделать что бы ссылки с картинок были не активны (при нажатии не происходил переход), а текстовые ссылки остались как есть. Сайт стоит на ДЛЕ и класс или идентификатор к каждой ссылки сделать достаточно трудоемко, могу только всё взять в див и уже див"у назначить класс или идентификатор. Вот для примера: <div class="hidelink"> <a href="page1"><img src="image1.jpg"></a> <a href="page2"><img src="image2.jpg"></a> <a href="page3">text link</a> </div> <a href="">сде…

    Asked by alleclf,

    0 votes
    3 answers

  8. выравнивание текста по центру img

    Всем добра! Елы-палы, здесь как-то была инфа (урок или т.п.) о том как выравнять текст по центру картинки в одной строке (поднять текст на точное кол-во пикселей относительно базовой линии, ну или опустить картинку).., а щас не могу найти :-( Может кто напомнит? Спасибо.

    Asked by copyright,

    0 votes
    3 answers

  9. края пагинации

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

    Asked by cyklop77,

    0 votes
    3 answers

  10. Как сделать дугу на сайте

    Добрый день! Подскажите, каким макаром реализовать вот такую вот дугу на РЕЗИНОВОМ сайте: http://imagepub.org/3301-1341920807 Как вообще сделать, я не очень понимаю Тут PSD если кому картинка покажется непонятной... http://www.freebiepixels.com/resources/cleanpress-free-psd-web-template/

    Asked by Imperil,

    0 votes
    3 answers

  11. условные коментарии внутри тэга

    подскажите пожалуйста почему на странице не работает условный комментарий в .ieie как можно исправить чтобы работал?

    Asked by cyklop77,

    0 votes
    3 answers

  12. Подскажите как реализовать

    Здравствуйте. Я хочу создать страничку как на скриншоте. Подскажите какие элементы использовать для того чтобы синие прямоугольники(это будут картинки) из области красного прямоугольника копировались, при перетаскивании их мышкой, в черный прямоугольники фиксировались в нем, согласно горизонтальным черным линиям. Их расположение должно сохраняться, кроме того когда синий прямоуголник установлен в черном по 2 ЛКМ нужно сделать ссылку на другую страницу. Заранее спасибо всем откликнувшимся http://s019.radikal.ru/i626/1205/b6/5e49aa8e4c05.jpg

    Asked by WRC_fan,

    0 votes
    3 answers

  13. элеметн по низу внутри ячейки таблицы

    Здравствуйте. Подскажите пожалуйста как сделать следующее? Есть таблица,в ячейках текст и ссылка. примерно так <table border=2 class=tbl1> <tr> <td id=d_title colspan=2> Блаблабла <tr> <td width=50%> блабла <br> блаблабла <br> блаблабла <br> <a href="ссылка" id=detail>Подробное описание..</a> </td> <td width=50%> блабла <br> блаблабла <br> <a href="ссылка" id=detail>Подробное описание..</a> </td> </tr> ... В зависимости от информации каждая ячейка имеет разную высоту,а ссылка внизу на подробное описание идёт сразу после текста.и когда ячейки…

    Asked by snake2,

    0 votes
    3 answers

  14. Помогите растянуть сайдбар на 100% по высоте

    Уважаемые верстальщики, помогите пожалуйста. Есть сайт apex-textile.ru При малых разрешениях, когда прокрутить полосу прокрутки, высота правого блока остается неизменной и появляется такой глюк. код сайдбара .side_right { width: 37%; height: auto !important; min-height:100%; float: right; background: url(../image/layout/bg_hard_rose.jpg) repeat left top; }

    Asked by pasha_st,

    0 votes
    3 answers

  15. выделение слова ссылкой

    здравствуйет, ребята, подскажите, пожалуйста. мне нужно, чтобы кнопка в форме работала и как кнопка(обрабатывала форму) и отправляла на следующую страницу. Знаете, как бывает при регистрации, когда она начинается на одной странице, а потом по кнопке "продолжить" переход на следующую стр. вот у меня сейчас код для этой кнопки: <button id="button"> <img id="button_1" src="image/bg_button1.png" alt="" style="vertical-align:middle"> </button> а как сделать, чтобы она ещё и перенаправляла? Пробую заключить её в тег <a> , но не появляется ссылка. В каком месте нужно проставить эти теги <a> ? мн…

    Asked by Нusuf,

    0 votes
    3 answers

  16. безымянный section

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

    Asked by cyklop77,

    0 votes
    3 answers

  17. оценить степень оптимизации страницы

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

    Asked by cyklop77,

    0 votes
    3 answers

  18. Посоветуйте какую-нибудь админку для сайта кадрового агенства

    Здравствуйте. Мне срочно нужна панель администрации сайта для кадрового агенства, им требуется админка с удобным интерфейсом, что бы выкладывать свои вакансии. Желательно без задействования MySQL баз. Зарание спасибо

    Asked by Plamer4ik,

    0 votes
    3 answers

  19. минимум оптимизации для верстальщика

    для себя составил список мер, которые по завершению основной вёрстки помогут придать результату более профессиональный вид, ускорить быстродействие страницы и при этом не включают значительную часть работы сеошника: пополните пожалуйста список полезными по вашему мнению действиями и если здесь присутствуют работодатели, то скажите как часто вам приходится при приеме на работу верстальщика обращать внимание на перечисленное

    Asked by cyklop77,

    0 votes
    3 answers

  20. Не понимаю поведение элементов часть 2

    Добрый день, Написал очень простенький код, с которым не должно было возникнуть вопросов, но... в браузере IE верхняя строка таблицы не равна заданным 30px. Высота этих двух строк делит пополам эту таблицу. <!DOCTYPE html> <html> <head> <style type="text/css"> html, body { width: 100%; height: 100%; } table { width: 100%; height: 100%; border: 1px green solid; } #wrap { width: 100%; height: 100%; border: 1px red solid; } #firstRow { height: 30px; border: 1px blue solid; } </style> </head> <body> <div id="wrap"> <table> <tr> <td id="firstRow">top</td> </tr>…

    Asked by shtuceron,

    0 votes
    3 answers

  21. width таблицы

    подскажите пожалуйста почему здесь .right<30px , .left<30px, .date<150px

    Asked by cyklop77,

    0 votes
    3 answers

  22. Как выровнять картинки по ширине?

    Имеется несколько картинок одинаковой высоты, мне нужно разместить их в диве шириной 1000px, таким образом, чтобы отступы автоматически формировались(что-то типа justify для текста). Возможно ли это сделать без Js ?

    Asked by marker,

    0 votes
    3 answers

  23. Резиновый сайт с фиксированным сайдбаром

    Не получается тольком сделать сайт с фиксированной шириной сайдбара и резиновым контентом. К примеру родительский блок 100%, сайдбар 300 пикселей, а контент в чем измерять ?

    Asked by kpripper,

    0 votes
    3 answers

  24. Какие программы посоветуйте для более удобного обновления статей на моем сайте votpochemu.com ?

    Какие программы посоветуйте для более удобного обновления статей на моем сайте votpochemu.com ? Чтобы не надо было в коде все прописывать, а только уже с заготовкой просто вставлять туда статью, как на Wordpress

    Asked by saswat,

    0 votes
    3 answers

  25. Проблема с позиционированием прокрутки к началу страницы

    Добрый день! Пожалуйста помогите решить задачку с позиционированием вставленного блока с кнопкой прокрутки к началу страницы. Никак не могу пристыковать данную кнопку справа к блоку conteiner с небольшим отступом. Для ясности картинку с вопросом немного подправил: Код сстраницы следующий: <!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=windows-1251"> <title>Untitled Document</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> &l…

    Asked by sgu33,

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