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. Подскажите утилиту для замены < и т.п. на < и т.д.

    часто приходится вставлять в страницу примеры XML, заколебался менять. Хочется простую утилиту чтобы скопировать из редактора, вставить, сконвертировать, скопировать и вставить обратно.

    Asked by Alexxa,

    0 votes
    3 answers

  2. прокрутка блоков в форме

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

    Asked by cyklop77,

    0 votes
    3 answers

  3. подскажите принцип верстки

    Макет взял с темы http://forum.htmlbook.ru/index.php?showtopic=14379&st=0 Подскажите ,как сделать поле поиска,а именно выпадающий список.Хочу чтобы при клике на Я выскакивал список картинок выбора поисковых систем. Единая идея которая приходить -делать через вертикальное меню. Кто верстал этот макет киньте ccылку, если не сложно. Всем пасиб

    Asked by dostel1,

    0 votes
    3 answers

  4. Ошибка IE6

    Привет. Кто знает, что за ошибка ишака 6. Он неправильно высоту вычисляет. Пример - http://demo.deamind.com/menyu-akkordeon-na-jquery/

    Asked by Mr.Black,

    0 votes
    3 answers

  5. Hr с разрывом текстом

    Друзья, подскажите как сделать так?

    Asked by ganzales,

    0 votes
    3 answers

  6. Проблема с версткой

    Народ помогите пожалуйста решить. Пытаюсь себе сайт сделать в HTML и CSS не очень пока Нужно выровнять корзину по краю. сам пытаюсь сдвинуть появляется полоса прокрутки внизу, т.е. сайт не влазит. Дальше блок с телефоном почему то перекрывает вкладку меню (Аксессуары не нажимается) и частично кнопку поиск. Поле поиск в опере и хроме отображается криво, в хроме нормально. Уже всю голову разломал себе. Может из-зи того что прописал absolute в этих блоках Готов отблагодарить 300 wmr вот скрин вот сайт Моя ссылка нужен такой вид примерно

    Asked by eralef,

    0 votes
    3 answers

  7. Отступ резиновых блоков

    Подскажите, как сделать отступ между резиновыми блоками? Последний блок уходит вниз. Поискал решения в сети, но все они связаны с таблицами и отступами с двух сторон. Код ul#profile-videos li {margin-right:20px;width:33.33%;outline:1px solid #4cb0e9;display:-moz-inline-stack!important;display:inline-block;}

    Asked by kostik86,

    0 votes
    3 answers

  8. проблема с наложением блоков

    Помогите, пожалуйста, решить вот какую проблему: имеется два дива, нижний "залазит " на верхний, но при этом высота страницы должна уменьшаться на аналогичное колличество пикселов. <div id="backgrTop"></div> <div id="cont"> <img src="cont.png" /> </div> body { padding: 0; margin: 0; background: #0b1517 url(BottBack.png) bottom right no-repeat; } #backgrTop, #cont { position:relative; } #backgrTop { width: 407px; height: 245px; background: url(topBack.png) top left no-repeat; z-index:1; } #cont { top: -235px; margin: 0 auto; width: 1091px; height: 1000px; z-index:2; }

    Asked by triton,

    0 votes
    3 answers

  9. Рисование с помощью CSS3

    Когда увидел это чудо, решил тоже создать что то интересное, в связи с чем вопрос, поддерживает ли css3 сплайны? И где можно почитать подробнее про рисование?

    Asked by Tmin10,

    0 votes
    3 answers

  10. Блоки разбегаются что делать?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> в IE FF картинка совсем не такая, как в Dreamweaver вот код: #header{ background-image:url(Flower.jpg); width:800px; height:140px; color:#033; font-size:36px; text-align:center; font-family:Verdana, Geneva, sans-serif; } #body{ width:800px; height:550px; padding-left:50%; margin-left:10%; border:none; } #menu{ background:#033; color:#FFF; font-size:12px; width:200px; height:360px; float:left; border:none; } #content{ background:#FFF; color:#033; width:400px; height:360px; margin:0 auto…

    Asked by Yarkaya,

    0 votes
    3 answers

  11. Рамка вокруг div не BORDER

    Здравствуйте. Помню смотрел какие-то видеокурсы, там использовался аттрибут в css, устанавливающий рамку у дива, но не бордер, а что-то другое. Суть в том, что она не занимала границы, и после ее снятия не надо было заново пересчитывать координаты. То есть если я ставлю бордер 2px, а потом убираю, мне после этого надо у всех элементов внутри дива менять положения на эти 2px. Рамка мне нужна просто чтобы визуально видеть границы дива. Примочки с плагином firefox - неинтересно, приходится каждый раз ставить заново, после обновления страницы. Что это за тег такой никак не вспомню, и не найду...

    Asked by zhuravlik,

    0 votes
    3 answers

  12. Различное написание

    Здравствуйте! Подскажите, пожалуйста, Какая разница между написаниями: .nav a {} и a.nav {}? Почему сайт по-разному на них реагирует? Заранее благодарю за ответ!

    Asked by Santorin,

    0 votes
    3 answers

  13. Не правильно отображается в Mozilla Firefox

    Здраствйте! Помогите пожалуйста. в IE отображает как надо, а в Mozilla Firefox по другому. <html> <head> <style> #container { width: 1000px; heigth: 100%; border: 1px solid red; border-width: 1px 1px 1px 0; } #navigation { width: 200px; height: 100%; float: left; } </style> </head> <body> <div id="container"> <div id="navigation"> </div> </div> </body> </html>

    Asked by alexb,

    0 votes
    3 answers

  14. Внешний вид записи

    С новым годом ребяты!=) Верстаю сейчас под wp, необходимо вывести вот в таком виде новости в категориях: http://i041.radikal.ru/1201/19/67df69f80e2f.png Не могу понять как сделать такое обтекание изображения, ибо при любых манипуляциях title получается над картинкой. На голом html это сделать не особо сложно, а на WP, ни как не пойму как делать, ибо изображение находится внутри поста... Буду благодарен за пинок в нужную сторону. Спасибо.

    Asked by WabFad,

    0 votes
    3 answers

  15. добавить отступы

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

    Asked by cyklop77,

    0 votes
    3 answers

  16. Изображение через несколько минут

    Люди кто нибудь знает код чтобы изображение менялось через 5 или несколько минут????

    Asked by Baltazar,

    0 votes
    3 answers

  17. Сделать часть картинки ссылкой

    Доброго времени суток, уважаемые форумчане и программисты! У меня такая проблема, на сайте есть хедер, в фотошопе дополнил его красивым заголовком, теперь нужно это изменение сделать ссылкой. То есть чтобы отдельная часть картинки была ссылкой. В исходном коде страницы картинка выводится вот так: <div id="block-header"><div> А вот css: #block-header { background: url(../../images/header/rust/header_destroyed2.png) 50% 0 no-repeat; position: relative; z-index: 999; } Подскажите, пожалуйста, как сделать часть этой картинки ссылкой, ну или для начала хотя бы всю картинку ссылкой. Заранее очень благодарен!

    Asked by leny1984,

    0 votes
    3 answers

  18. как скрыть изображение не влазеещее в блок

    Всем привет! У меня есть блок 190*460 Внутри него рисунок (любого разрешения)!!! Как мне сделать так что бы рисунок внутри выравнивался по центру блока (по вертикали) + Если рисунок окажется выше блока, его выходящие за границы блока края будут обрезаны!

    Asked by kent666,

    0 votes
    3 answers

  19. Не правильно отображается сайт в Mozilla Firefox

    Здраствйте! Помогите пожалуйста. в IE отображает как надо, а в Mozilla Firefox по другому. <html> <head> <style> #container { width: 1000px; heigth: 100%; border: 1px solid red; border-width: 1px 1px 1px 0; } #navigation { width: 200px; height: 100%; float: left; } </style> </head> <body> <div id="container"> <div id="navigation"> </div> </div> </body> </html>

    Asked by alexb,

    0 votes
    3 answers

  20. разница отступа меньше пикселя

    Доброго времени суток. Возникла следующая проблема. Есть 2 блока с позицией absolute, во втором блоке располагается меню. Между их высотой получилась разница меньше пикселя, если ставлю высоту первого блока на пиксель больше разница ещё больше становится, если на пиксель меньше, то ещё меньше. Не могу выровнять, чтобы было одинаково. При этом первый блок при загрузке страницы поднимается с помощью JS. Код прилагаю. HTML код блоков: <div id="active-punkt"></div> <div id='second-menu'></div> CSS код блоков: #active-punkt { position: absolute; margin-left: 1px; padding: 0 5px; z-index: 10; font-size: 10px; width: 53px; co…

    Asked by JhonyLe,

    0 votes
    3 answers

  21. нечеткое изображение

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

    Asked by cyklop77,

    0 votes
    3 answers

  22. Смена цвета текста при наведении на div с картинкой и текстом...

    Доброго времени суток! Проблема заключается в следующем: есть DIV в котором размещены картинка и текст. Мне нужно сделать это всё как ссылку для открытия модального окна (это сделал) и чтобы текст менял свой цвет. Вот отрывок кода: PHP <span class=\"span_link\" onclick=\"ShowModalbox()\"> <div style=\"width: 100px; height: 100px;\"> <img src=\"".$prev_link."\" style=\"padding-top: ".$marg_top.";\"> </div>".$product['product_name']." </span> CSS A:link, A:visited , .span_link { cursor: pointer; text-decoration: none; color: #6593CB; } A:hover, a.botlink:hover, .toplink:hover, a.copyright_link:hover, .close_link:hover, .span_link :hove…

    Asked by JAGUAR4uk,

    0 votes
    3 answers

  23. Движки

    Объясните пожалуйста, для чего нужны движки, какие виды существуют и кто какими и для чего пользуется? Как они пишутся? Спасибо)

    Asked by Yarkaya,

    0 votes
    3 answers

  24. Что нужно прописать при верстке в css чтобы не растягивался сайт

    Добрался наконец до практики верстки, и тут сразу же возник вопрос. В общем сделал пока только верхнюю часть сайта, прописал в css значения, но вот при проверке в др браузер все растягивается и получается ерунда. Как запретить это и где в css файлике это нужно прописать?

    Asked by skryptman,

    0 votes
    3 answers

  25. Отображение изображений с удаленного фтп

    Здравствуйте. Даже не представляю как решить такую задачку. Есть доступ к фтп серверу по логину, паролю. В корне сервера лежат файлы изображений. Количество постоянно пополняется. Есть веб-страничка на другом сервере. Как отобразить на страничке изображения с фтп, при условии, что ни количество ни имена файлов заранее не известны. Может есть какое готовое решение на jquery, например.

    Asked by Andyk,

    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