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. Затруднения с hCard

    Вот решил дополнить информацию о своем сайте с помощью hCard... Возник вопрос: где лучше размещать код, я имею ввиду на какой странице сайта (главной, контактах и т.д.) и еще: можно ли разместить код на одной странице, а на остальных просто поставить "метки" на код? ну, типа, чтоб значение для конкретной страницы считывалось например со страницы Контакты? пжлст, не пишите про Погуглить и все такое..уже пробовал - галяк.. Нужна конкретная инфо заранее спс

    Asked by chest,

    0 votes
    13 answers

  2. Помогите новичку

    Никак не могу сделать отступ между картинкой слева и текстом справа. http://filmonokia.ru Как лучше сделать на DLE? Вот вывод новости: .news_content {margin:0 10px; font:13px Tahoma, Verdana;line-height:120%;text-align:justify;} Когда здесь ставишь отступ, то естественно сдвигается вместе с картинкой.

    Asked by maldoff,

    0 votes
    2 answers

  3. Тег select

    Можно ли задать размер к выпадающему списку select размер в стилях аналогично атрибуту size? У селекта проставлен класс и можно на него влиять посредством стилей, а вот доступа к самому тегу нет и написать size проблематично. Как быть?

    Asked by ShumNo,

    0 votes
    7 answers

  4. резиновый Div во весь экран с отступами по краям

    Пытаюсь сделать резиновый Div во весь экран с отступами по краям, только вот блок съезжает на право. ссылка Как реализовать задуманное, мой способ не работает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>XHTML</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> #head {width:100%; height:98px; margin:2px 10px; background:gray; border:2px solid black;} </style> </head> <body> <div id="head"> </div> </body> </html>

    Asked by xDev,

    0 votes
    6 answers

  5. Сайдбар уехал в низ

    Вот такая проблема. Поставил картинку и отформатировал статью. А сайдбар уехал в низ и то наблюдается только на главной. В чем может бить проблема подскажите пожалуйста.

    Asked by Slavyn,

    0 votes
    3 answers

  6. Верстка эмайл рассылок

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

    Asked by vassa2107,

    0 votes
    2 answers

  7. Дочерне-родительские селекторы

    Здравствуйте. Пример: <div class="main"> <ul> <li> <a href="http://site.ru">текст ссылки 1</em></a> </li> </ul> </div> Подскажите, как для div.main переопределить свойства, но только если внутри него (и внутри списка) есть ссылка на сайт site.ru? div.main ul li a[href^=http://site.ru] {...} изменить свойства ссылки, а нужно изменить свойства div.main.

    Asked by ExP,

    0 votes
    3 answers

  8. Текстовое поле ломает таблицу

    Добрый день. Имеется меню под шапкой, свёрстано таблицей: <table cellpadding="0" cellspacing="0" width="1181"> <tr> <td colspan="3"><img src="img/head.jpg" align="top"></td> </tr> <!-- верхнее меню --> <tr> <td id="leftmenu"><form action="search.php" name="search">Поиск <input type="text" size="18" name="sh"></form></td> <td background="/img/but_menu.gif"><center><a href="#" class="mainlevel">О КОМПАНИИ</a><a href="about.php" class="mainlevel">КАТАЛОГ</a><a href="members.php" class="mainlevel">СПЕЦ. ПРЕДЛОЖЕНИЯ</a><a href="project.php" class="m…

    Asked by JeФoks,

    0 votes
    0 answers

  9. Div растягивает окно браузера

    Всем здравствуйте. Хочу сделать предпросмотр фотографий для галереи с прокруткой (типа паровозик). Есть див с заданной шириной (меньше окна браузера) и overflow: hidden, а внутри его прокручивается длинный див с картинками, ширина больше окна (1500px). При просмотре страницы в FF внутренний длинный див отображается нормально. Но в ИЕ он разтягивает окно браузера на всю свою ширину. Подскажите как можно это обойти? Спасибо <style> #outerdiv { overflow: hidden; position: relative; width: 860px; } #innerdiv { position: relative; width: 1500px; } </style> <td align="center"> <div id="outerdiv"> <div id="innerdiv"> <img class=…

    Asked by danie,

    0 votes
    5 answers

  10. код+псд=?

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

    Asked by maxsnw,

    0 votes
    6 answers

  11. Помогите пожалуйста с css

    С css работаю совсем недавно сайт: movbase (точка) ru шаблон вот какой использую, но почему не могу изменить ширину средней части, размер отступа между блоками да и окно поиска тоже ужать как то надо.. помогите кому не сложно плиз заранее спасибо @charset "utf-8"; /* CSS Document */ body { background: #E5E5E5 url(../images/top_glow.jpg) no-repeat top center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#231f20; } a{ color:#656565; } small { font-size:11px; } .center_content small{ margin-bottom:20px; float:left; width:100%; } .center_content a { color:#656565; border-bottom:1px dotted #333 !important; } .adverts a { border-bottom:non…

    Asked by levlevin,

    0 votes
    2 answers

  12. Проблема с позиционированием

    Возникла проблема с позиционированием блока картинки post-img и блока postmetadata. Блок post-img позиционирован как relative (для абсолютного .cmnt-bubble) и этим самым закрывает вышестоящий блок postmetadata и его ссылки перекрываются. Проблема в firefox, chrome и safari. В IE и Опере все ок. Посмотреть (косяк в ссылках над картинкой поста): http://www.dev.discotune.ru/index.html БОЛЬШОЕ СПАСИБО знающим и понимающим!!)) <div class="post"> <div class="postmetadata"> <p class="date">15.11.2009</p> <h1><a href="/post.html">Как я напарил WebMoney</a></h1> <p><a href="#">Мои лучшие замуты</a> ><a…

    Asked by Discotune,

    0 votes
    2 answers

  13. Центрирование картинки

    Наворотила галлерею, адаптировала готовый скрипт. http://test.bredova.ru/index.php?id=12 Но вот незадача, помимо горизонтальных картинок есть и вертикальные этого я не знала и поэтому не учла. Сейчас мне бы их хотя бы отцентрировать. Но никак не получается Пыталась писать #wrapper{ width:550px; margin: 0 auto; } Но видимо я не там копаю, реакции не было никакой Помогите, пожалуйста!!!

    Asked by Bredova,

    0 votes
    7 answers

  14. Width в % не работает в IE 6

    Есть небольшая проблема с IE 6 , не работает Width в процентах ,отображает реальный размер. <div id="footer" > <img src="images/footer_bg.png" alt="footer_bg" id="footer_bg" /> Тут будет текст </div> #footer { background: url('../images/footerr.jpg') repeat-x; height: 65px; overflow: hidden; } #footer_bg { width: 58%; height: 64px; margin: 1px 0 0; position: absolute; } Если есть другие способы решить такой фоотер пишите.

    Asked by Mr.Black,

    0 votes
    13 answers

  15. Видео с FlashMediaServer на сайт

    уже который день мучаюсь но всё никак не пойму в чем проблема, надеюсь на вашу помощь... есть FlashMediaLiveEncoder который в режиме онлайн передает картинку на FlashMediaServer, значит захожу в видеоплеер сервера ввожу адрес куда транслируется и всё вижу всё прекрасно. Он дает мне код для вставки : <object width='640' height='377' id='StrobeMediaPlayback' name='StrobeMediaPlayback' type='application/x-shockwave-flash' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' ><param name='movie' value='swfs/StrobeMediaPlayback.swf' /> <param name='quality' value='high' /> <param name='bgcolor' value='#000000' /> <param name='allowfullscreen' value='…

    Asked by mx4ever,

    0 votes
    3 answers

  16. Оцените верстку пожалуйста (исправлено). Я новичок

    Здравствуйте! Сверстал макет, исправил ошибки, прошу проверить на ошибки и указать подробно где и как исправить. И оцените пожалуйста верстку! Валидатор ошибок не выдал. Сказал все хорошо =) Буду очень благодарен! Сайт на народе! Скачать архив с сайтом: СКАЧАТЬ 1 СКАЧАТЬ 2

    Asked by aknur,

    0 votes
    8 answers

  17. Панелька Вконтакте

    На верхней панели Вконтакте (синенькая такая хренька вверху) есть ссылка "регистрация". (если войти на сайт то новости, группы и тд.) Как её туда запихнули? Нигде найти не могу, весь исходный код перерыл - только "див"ы нашел

    Asked by Mirat,

    0 votes
    1 answer

  18. Оптимизация фона

    Здравствуйте, у меня возникла проблема при отображении фона сайта на меньших разрешениях монитора нежели у меня. Я делал сайт на мониторе 1920х1080. Проблема в том,что при уменьшении разрешения фон начинает обрезаться. Т.е. например головы льва и жирафа "отрезаются", из-за чего смотрится не очень...Мне на ум приходит или сжатие фона,т.е. на малых разрешениях рисунок будет сплющиваться по длине, или скроллинг горизонтальный. Какой вы можете посоветовать оптимальный выход из данной ситуации?И как его реализовать? Фон прописан вот так: html { background: url('../images/cork-bg.png') repeat ; } body { letter-spacing:0.05em; padding: 0; margin…

    Asked by urasq,

    0 votes
    5 answers

  19. CSS меню

    Помогите сделать такую менюшку на КСС. С КСС ещё не до конца разобрался. Вот такого типа надо http://i013.radikal.ru/1101/e5/6a365512fe7d.gif Надо чтоб в таком порядке ссылки стояли. Как сделать это в таблице знаю, а в КСС нет. Помогите Вот что сделал <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> <style> ul { float: left; margin: 0 3.5% 0 0; padding: 0; width: 31%; } ul li { list-style: none…

    Asked by Bayanruby,

    0 votes
    5 answers

  20. Проблема при увеличении формата страницы

    Добрый день! Помогите, пожалуйста, решить одну проблему - при увеличении формата страницы через Ctrl+scroll блоки начинают наезжать друг на друга, а горизонтальная полоса прокрутки появляется только на 170%. Как можно их зафиксировать? Сам код: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Слои по горизонтали</title> <style type="text/css"> .body { text-align: center; margin: 0; background-image: url(grad.png); backgro…

    Asked by Sedli,

    0 votes
    1 answer

  21. height ie6

    желтые полоски (yellow long, short, medium) в ие6 задают себе какую то свою высоту хотя она прописана в ксс, никто не знает как пофиксить это?) в остальных браузерах нормально все выглядит)

    Asked by Joyfit,

    0 votes
    4 answers

  22. Вертикальный отступ между картинками-сслыками

    Товарищи, больше не могу с этим мучаться! Проблема в том, что на сайте есть ряд ссылок-картинок в виде <a><img></a>. В таблицу не хочу их пихать, чтоб при масштабировании окна браузера не появлялась полоса прокрутки, а ссылки-картинки просто переносились на новую строку. Горизонтальный отступ между ними получился только в путь с помощью свойства margin-left для IMG, а вот с вертикальным ну хоть вешайся. Уже всё перепробовал. Вот сслылка на страницу: http://www.rps-gc.ru/?page=154

    Asked by CBE4KuH,

    0 votes
    10 answers

  23. Js

    В макете есть такая лента В JS пока не очень!Как можно решить задачу?

    Asked by Mr.Black,

    0 votes
    2 answers

  24. как создать рекламное окно с помощью css без джаваскрипт

    как создать рекламное окно с помощью css без джаваскрипт.надо чтобы окно еще и закрывалось при клике на какую-то его область или окно нельзя закрыть с помощью html+css ?Тогда наверно придется делать копию страницы,но уже с рекламой,а нажимая на рекламу перейдет на главную страницу?

    Asked by tolya100595,

    0 votes
    8 answers

  25. Проблема с центрированием

    Подскажите пожалуйста как избавиться от скрола на этой странице? http://www.dev.discotune.ru/404.html Видимо проблема с кривым расположением нижнего элемента. Буду рад любым предположениям как все сделать грамотно.

    Asked by Discotune,

    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