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. Отображение ссылок вида line-through при text-decoration:none !important

    Шаблон wordpress, Shaken Greed Free. Задача: сделать ссылки без наведения не подчеркнутыми. Казалось бы, просто: a, a.more-link p{ color:#1C1C1C; text-decoration:none !important; font-size:12px; } a, a.more-link p:hover{ color:#1C1C1C; text-decoration:underline !important; font-size:12px; } Но и после этого отображаются зачеркнутые ссылки! Прошу помощи, ибо сломал мозг. Если нужен - style.css

    Asked by gorodsb,

    0 votes
    1 answer

  2. верстка фона

    Помогите, пожалуйста, разобраться. В том макете http://forum.htmlbook.ru/index.php?showtopic=29381&st=0 не могу сверстать фон. Вставить картинкой не интересно. А вырезать не получается. Пробовал и однопиксельную полоску и больше пикселей. Размещал по горизонтали, по вертикали - получается не так как в макете. В этом макете http://forum.htmlbook.ru/index.php?showtopic=24960&st=0 не понимаю как сделать этот пункт: изображение с планетой должно быть так же резиновым или сделайте так, чтобы было красиво при широком экране + текст в этом блоке всегда прижат к правому краю.

    Asked by cypler,

    0 votes
    1 answer

  3. IE 10 WINDOWS 8

    Есть ли, тот кто уже опробывал IE-10. Сверастал кто-нибудь, что нибудь под эту версию ?) P.S. Ну что переучиваемся верстать под IE 10

    Asked by TheBroadcast,

    0 votes
    1 answer

  4. Мобильная версия сайта

    Подскажите, пожалуйста, как реализовать мобильную версию сайта? Я пока вообще не понимаю, как это делается. Я почитала статьи и форумы и так понимаю, что существует несколько способов вёрстки под мобильные устройства. Также нашла плагин, который устаналивается в CMS, но на Битрикс, судя по отзывам, этот плагин налазит плохо... Вообще, с чего начать?

    Asked by maritca,

    0 votes
    1 answer

  5. Как сдвинуть форму?

    Всем привет. Как можно сдвинуть форму относительно предыдущего элемента? Вот код: <!DOCTYPE html> <html> <body> <div style="height: 120px; width: 80px; float: left; background-color: green"> <p>Просто текст</p> </div> <form action="save_data.php" method="post" style="margin-left: 20px"> <p> <b>Что вы предпочитаете выпить:</b><Br> <input type="radio" name="drink" value="rad1">пиво<Br> <input type="radio" name="drink" value="rad2">чай<Br> <input type="radio" name="drink" value="rad3">кофе<Br> <input type="image" src="images/imgbutton.png"> </p&…

    Asked by Dimaz,

    0 votes
    1 answer

  6. Счетчик слайдов

    Помогите пожалуйста c идеzvb по поводу реализации подобного счетчика для слайдов

    Asked by artemhp,

    0 votes
    1 answer

  7. Чем заменить iframe?

    Посмотреть В выезжающем блоке находится фрейм. Прогружается почему то на середине страницы смещая остальные div'ы. Теги проверял. Все в порядке. Что можно сделать чтобы панель грузилась за видимой границей экрана? Замена на object ничего не решила. С помощью jquery тоже все глухо. Я так понимаю что решается аяксом. Но что то нужной инфы не накопал. Блок: <script> $(function(){ $('.slide-out-div').tabSlideOut({ tabHandle: '.handle', pathToTabImage: 'images/contact.gif', imageHeight: '122px', imageWidth: '40px', tabLocation: 'left', speed: …

    Asked by salat,

    0 votes
    1 answer

  8. Вертикальное выравнивание многострочного текста в блоке

    Здравствуйте. Не нашёл похожей на мою ситуацию. =( У меня есть стандартная структура меню. <ul> <li> <a href="\">Главная</a> </li> <li> <a href="\">Основные <br/>документы</a> </li> <li> <a href="\">Приказы</a> </li> <li> <a href="\">Последние <br/>новости</a> </li> </ul> Делаю меню горизонтальным, представляю "a" как ячейку таблицы, что бы отцентровать двухстрочные пункты меню по центру, растягиваю "а" так, что бы закрыть вс. область кнопки, даю фон "а". li{ float:left; width:100px; height:50px; } li a{ width:10…

    Asked by lihih,

    0 votes
    1 answer

  9. Почему некорректно отображается и UTF-8 и ANSI ?

    http://surgeryzone.net/db2.php http://surgeryzone.net/db3.php абракадабра в обоих.

    Asked by kpripper,

    0 votes
    1 answer

  10. Аналогия ФШ-ким sharp/crisp/strong/smooth есть в CSS?

    Добрый день. Аналогия ФШ-cким настройкам текста sharp/crisp/strong/smooth есть в CSS? Благодарю

    Asked by borus,

    0 votes
    1 answer

  11. Проблема с ф-цией preg_match

    preg_match ищет в строке совпадение с заданным шаблоном. Но в моём случае почему то не находит ничего. Вот код: $badWord = array("мыло", "почт", "майл", "mail", "@", "yandex", "ICQ", "аська", "контакт", ".ru", ".ру", ".com", ".ком", "телефон", "8-9", "+7", "+3", "7-9", "точка", "тчк"); $regex = "/".implode("|", $badWord)."/i"; if(preg_match($regex, $text)) return true; else return false; Подскажите пож-та в чём может быть проблема?

    Asked by mrak,

    0 votes
    1 answer

  12. помогите сделать структуру

    Здравствуйте, помогите пожалуйста сверстать структуру этого макета. Просто я не знаю как расположить блоки чтобы все тянулось как нужно. Вот например вот это крыло с контактами, чтобы оно тянулось за блоком с новостями http://rghost.ru/41787237/image.png и под левой колонкой крыло это тоже нужно как то задать. В общем подскажите как организовать такую структуру.

    Asked by Pato,

    0 votes
    1 answer

  13. Проблема с кроссбраузерностью

    Здравствуйте, возникла проблема с кроссбраузерностью, во всех браузерах отображается нормально, кроме в ie, в общем как всегда, Вот результат в обычном браузере: А это в ie: Вот сам код: <ul class="avatar_p"> <li> <a href=""> <img src="" /></a> </li> <li> <a href="">Отправить ЛС</a> </li> <li> <a href="">Редактировать</a> </li> <li> <a href="">Выйти</a> </li> </ul> .avatar_p{ float: left; margin: 5px; } .avatar_p li { text-align: center; } .avatar_p img { -webkit-box-shadow: #666 0px 2px …

    Asked by Cooooop,

    0 votes
    1 answer

  14. Меню с выпригивающими элементами.

    Здравствуйте! Имеется меню: http://jsfiddle.net/S2j7u/ Проблема в то, что когда быстро пощёлкаешь по элементам, они выскакивают чуть-ли не синхронно. Этим управляет очередь анимации, я правильно понимаю? И необходим stop(). Вот только не могу догнать, куда именно его поставить. Подскажите, пожалуйста!

    Asked by Doogy,

    0 votes
    1 answer

  15. Оптимизация слайдера под IE

    Всем привет. Есть пример удобного слайдера на чистом CSS3. Но проблема в том что не работает под EI (8-10).. Помогите пожалуйста отремонтировать под EI. Ссылка на пример: http://www.amiro.ru/samples/css3-slider Выложил отдельно чистый пример слайдера: http://webfile.ru/6232900

    Asked by dorex,

    0 votes
    1 answer

  16. Помогите написать скрипт

    Помогите написать скрипт. У меня есть 2 окна для ввода (html). Нужно сделать так чтобы при вводе числа в первое окно, во втором появлялось это число умноженное на 10, а при вводе во 2е в 1ом появлялось бы это число деленное на 10, так же надо сделать так, чтобы в окна можно было вводить только числа

    Asked by aldo29,

    0 votes
    1 answer

  17. Позиционирование блоков !

    Помогите с версткой плз... пытаюсь сверстать мониторнг, а проблема вот в чем. 1) Как сделать такую конструкцию <div Нижний блок> <div Top>••War3FT 100lvl New Ra...</div> <div Bot> 46.188.18.78:27016</div> </div> ?? Смысл конструкции в том чтобы текст в блоках обырвался если он привышает ширину допустим в 50пкс. Как это сделать ? В моем случае он просто разширяет блок и все.... 2)Как сделать чтобы блок с названием карты и колвом игроков "35hp_2 4 / 32" Находился по верх изображения блока сверху? Я пытался как мог разными способами... но он не как не вставал по верх... только в разные стороны сьезжал вокруг и все. Меня мучают только эти 2…

    Asked by cheatoff-strike,

    0 votes
    1 answer

  18. Резиновый фон

    Подскажите, как реализовать резиновый фон? Есть нижняя и верхняя картинка. Нижняя статична, тоесть по идее не должа растягиваться, а верхняя это уже резиновая картинка, типа полоски которая тянется вниз и вправо. P.S. Создал два дива с классами - верхний и нижний BG, положил все содержимое макета в див с классом верхний BG (top-bg), и туда-же положил див с нижним BG(bottom-bg), задал для двух этих дивов две разные картинки как background, для нижнего дива установил значение - bottom. Браузер вообще не реагирует, не пойму в чем дело. .top-bg { background: url(/image/top.jpg) repeat-x; } .bottom-bg { background: url(/image/bottom.jpg) repeat-x bottom; Если я воо…

    Asked by Noraad,

    0 votes
    1 answer

  19. Выделение текста

    Как исправить подобный фейл? http://itmages.ru/image/view/777629/67062d13

    Asked by Bernard,

    0 votes
    1 answer

  20. Разный масштаб сайта с компа и с сервера

    Кто-нибуть, подскажите, почему когда я смотрю свой сайт с винчестера он показывается правильно, а когда с сервера, то нужно 2 раза клацать уменьшение масштаба? Спасибо! Сайт: http://www.simmix.in.ua Попутно: что-то с "галереей" не так, и рекламный блок съехал и картинки "упали все" в ряд.

    Asked by Vicoff,

    0 votes
    1 answer

  21. Не изменяется ширина ячейки!

    Помогите изменить ширину ячейки! Вот html код: <table border="0" width="100%" cellspacing="1" cellpadding="2"> <tr><td class="footer-createbtn1" colspan="2"><?if($NUM_ENTRIES$)?><!--<s5225>-->Фотографий в альбоме<!--</s>-->: <b>$NUM_ENTRIES$</b><?endif?></td></tr> <tr><td colspan="2" class="footer-createbtn1"><?if($SORTING_MENU$)?><!--<s5221>-->Сортировать по<!--</s>-->: $SORTING_MENU$<?endif?></td></tr><br> <tr><td colspan="2" align="center">$BODY$<hr/><div align="center">$SLIDESHOW_BUTTON$</div>&lt…

    Asked by MonaX,

    0 votes
    1 answer

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

    Всем доброго дня! Подскажите, кто знает! Почему у меня css селектор прописан 2 раза в файле css через ctrl+f проверил весь документ такого селектора больше нет?? в чём проблема и как это убрать? http://itmages.ru/image/view/782595/6130f404 Заранее спасибо!

    Asked by danila_omega,

    0 votes
    1 answer

  23. Самые полезные книги по web дизайну и программированию

    Привет всем, извините за глупый вопрос, но расскажите какую лучше читать литературу для web программиста среднего класса( Знаю html css немного js php и Macromedia FLASH). Расскажите, пожалуйста, как вы развивалисб в данной сфере, какие книги, блоги, сайты читали? Буду очень благодарен за ответ.

    Asked by saswat,

    0 votes
    1 answer

  24. Угловой градиент на css

    Здравствуйте. Возникла необходимость реализовать угловой (конусовидный) градиент на подобие вот такого на чистом html/css без картинок. К сожалению в спецификации http://dev.w3.org/csswg/css3-images/#gradients на данный момент не описан синтаксис для создания подобных градиентов (только для линейных и круговых). Собственно вопрос: есть ли какие-то приемы и способы, чтобы реализовать подобную вещь (может комбинацией linear-gradient или еще как-нибудь)?

    Asked by valkon,

    0 votes
    1 answer

  25. Установка меню

    Помогите пожалуйста, нужно боковое горизонтальное меню для сайта на wordpress. Нужно вставить его на уровне со слайдером (слева). Ссылка на сайт http://shop-accs.vv.si

    Asked by Mistic,

    0 votes
    1 answer

  • Обсуждения

    • 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