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> на одинаковом расстоянии от элементов <li> <a> ,вот ссылка на код https://jsfiddle.net/tu6rwm2j/

    Asked by Pizza,

    0 votes
    3 answers

  2. не получается сделать с помощью css

    День Добрый всем! который день бьюсь над двумя проблемами: 1.формление меню 2.оформление заголовков 1.оформление меню: Надо сделать разделители между пунктами меню в виде полоски шириной в пару рх (меню выпадающее, динамическое). что пробовала: вот например такой код: border-color:#c2e254 #9bb838 #9bb838 #c2e254; border-style:solid; border-width:1px; создает края у всей области меню а не у кнопок... а такой: background:#fff url(images/menu_bg.gif) bottom repeat-x; или такой: background:#fff url(images/menu_bg.gif) bottom repeat-y;заполняет все пространство меню. а надо только после каждой кнопки...(и перед для первой) еще пыталась через свойства: border-right-style…

    Asked by ddd,

    0 votes
    3 answers

  3. Не получается сделать такой эффект

    На этом сайте где Jack&Jones при наведении кнопка "наливается" чёрным. Моя реализация (копирование) оставило желать лучшего: см. "Любят Вас или Ваши деньги"... Помогите пожалуйста, сложные эффекты для меня тёмный лес)

    Asked by iBars,

    0 votes
    4 answers

  4. Не получается сжать текст

    Как "сжать" текст в "Home", "About", "Services" и т.д. ?

    Asked by Asha11981,

    0 votes
    11 answers

  5. Не получается со слайдером

    Доброе время суток! Не могу понять почему не работает помогите разобраться в коде. Скриншот того что должно получится http://clip2net.com/s/3BzTwIW HTML: <div class="container"> <input type="submit" name="slides" id="btn-4" value="Доставка" checked> <input type="submit" name="slides" id="btn-5" value="Гарантия"> <input type="submit" name="slides" id="btn-6" value="Кредит"> <div class="site-wrapper2"> <div class="text-content clearfix" id="slide4"> <h2>Доставка</h2> <img src="img/delivery.png" alt="Доставщик"> <p>Мы с уд…

    Asked by Ratibor,

    0 votes
    1 answer

  6. не получается создать ссылку которые переводит на электронную почту

    здравствуйте у меня не получается превратить ссылку обучению в E-mail адрес. как бы главная идея в том чтобы при нажатие на ссылку открывался аккаунт пользователя и послать ему что то на электроны адрес. Помогите <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="Styles.css"> <title></title> </head> <body> <table class="rondom"> <tr> <th> Name </th> <th> Last Name </th> <th> Gender </th> <th> Age </th> <th> Date Of Birth </th> <th> Phone Number </th>…

    Asked by Alex Sendler,

    0 votes
    1 answer

  7. Не получается спозиционировать сайдбар

    Может здесь помогут... Хелп, едет крыша! Короче, суть проблемы такова: есть двухколоночный страниц - шапк, левый блок (основной), правый блок (сайдбар, фиксированная ширина), блок-прижиматель футера к низу, ну и - прижатый им к низу футер. Так вот, левый (основной) блок прекрасно тянется в высоту насколько нужно и прижимает футер, а правый - сайдбар (или параграф внутри него?) - этот самый футер прекрасненько протыкает (патамушта спозиционирован абсолютно). И висит там под футером как... неприличное что-то, ей-богу. Чего только ни пробовал - ничего не помогает! Короче, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos…

    Asked by nikudza,

    0 votes
    9 answers

  8. не получается таблица

    не получается и все тут, не получается у меня таблица. никак не могу разобраться: нужно, чтобы под 1 заголовком было 4 пункта, под вторым только 1, под 3 - 2 пункта, а под 4 - три. не могу научиться рисовать :-( помогите, пожалуйста, кому не трудно. очень надо.. спасибо заранее

    Asked by ntym,

    0 votes
    3 answers

  9. Не получается таблица.

    Это моя первая таблица. Хочу сделать вот такую таблицу, которая будет "начинена" изображениями: Вот так она должна объединяться: http://i706.photobucket.com/albums/ww68/szr4/tb.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" LANG="ru" XML:LANG="ru" > <HEAD> </HEAD> <TABLE BORDER='1'> <TR> <TD WIDTH='48'></TD> <TD WIDTH='210'></TD> <TD WIDTH='22'></TD> <TD WIDTH='22'></TD> <TD WIDTH='210'></TD> <TD WIDTH='48'>…

    Asked by SCHNITZER,

    0 votes
    21 answers

  10. Не получается темизировать переводчик от Гугл

    Я установил на сайт http://monreall.net/ переводчик от гугл. Мне нужно, чтобы цвет шрифт и граница формы были серыми, а именно: border-bottom: 1px solid #D7D7D7; font-size: 11px; color:#7D7D7D Но у меня не получается прописать свойства в CSS. Переводчик не хочет темизироваться. Мне удалось только выровнить блок. .top_banner { margin-left:30px; margin-top: -11px; } А как сделать цвет шрифта и границу формы серыми? Подскажите, пожалуйста, с кодом.

    Asked by slaip,

    0 votes
    2 answers

  11. не получается уровнять по центру

    Здравствуйте, подскажите плз, почему не получается уровнять по центру. <p align="center"><img src="адрес картинки"/></p><p align="center"> Тоже самое и с контентом, ставлю уровнять по центру (или по правому боку) а он все равно слева. Я в это деле совсем новичок, дак что не судите строго, если это просто какая то мелочь) спасибо

    Asked by Tsilya,

    0 votes
    7 answers

  12. Не получается установить Gulp less

    Всем привет. При установке выдает такую ошибку npm ERR! request to https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz failed, reason: 2760:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:openssl\ssl\record\ssl3_record.c:210: npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Welcome\AppData\Roaming\npm-cache\_logs\2018-11-16T17_47_04_184Z-debug.log

    Asked by Catzzz,

    0 votes
    2 answers

  13. Не получается фон body

    Народ, подскажите, пожалуйста! Как задать body фон таким образом, чтобы он отображался по тому же принципу как в изображении? Центральную часть фона body можно отдельно выровнять по центру. Но как сделать так чтобы участки фона справа и слева от центрального бесконечно повторялись? http://f3.s.qip.ru/12K4cQBDa.png

    Asked by Jardineiro,

    0 votes
    3 answers

  14. не получаются правильные переносы

    На странице имеется меню, состоящее из названий разделов и иконок к ним. Код выглядит так: <a href='index.php?p=01' ><img src='01.jpg'> главная </a> <a href='index.php?p=02' ><img src='02.jpg'> форум </a> ....... <a href='index.php?p=20' ><img src='20.jpg'> галлерея </a> Неразрывный пробел ПЕРЕД текстом ссылки я поставил, чтобы отделить иконку от ссылки. А два неразрывных пробела после текста ссылки я поставил, чтобы отодвинуть ссылки друг от друга. Проблема теперь в том, что меню переносится в самых неожиданных местах (в разных браузерах - в разных местах): и между иконкой и ее названием, и между словами в названи…

    Asked by begin,

    0 votes
    3 answers

  15. Не получаются сайты на практике

    Всем привет! Может кто помочь с таким вопросом. Прочитал я можно сказать теорию по HTML и CSS (помню В общем-то большинство тегов и свойств CSS, разобрался в основных особенностях). Плюс заходя на сайт уже примерно могу понять его структуру. С этого момента я решил приняться за практику. Но возникла такая проблема: скачиваю я, например, макет из интернета (будь то psd макет или готовый набор файлов). В случае с набором файлов, я пытаюсь просто переписать html, а следом и css код. Так сказать скопировать его, чтобы понять как этот сайт сделан. И в принципе понимаю все теги и все свойства. Так же понимаю, для чего они там присутствуют. Но вот если передо…

    Asked by Tascan,

    0 votes
    14 answers

  16. Не получаются стили для карусели

    Не получаются стили для карусели Хочу изменить дизайн карусели товаров на сайте http://srv23440.ht-test.ru/ -сейчас кнопки расположены сверху, но мне необходимо по бокам. Для этого я создал 3 div и поместил их в контейнер, левый div для левой кнопки, правый для - правой, центральный для самой карсуели товаров. И вроде бы все ок, но все страшно съезжает. На каком этапе я совершил ошибку? Исходный код <?php // no direct access defined('_JEXEC') or die('Restricted access'); ?> <script type="text/javascript" src="/modules/mod_topmovie/assets/jquery.tinycarousel.min.js"></script> <script type="text/javascript"> jQuery(function() { jQuery('.zoo…

    Asked by alanbus,

    0 votes
    0 answers

  17. Не полчаеться заправить слои в еще один слой-обертку!

    Добрый день! Не получаеться завернуть дивы в обертку! Оберткой служит , но почему же не получаеться и нижний слой лепиться к последнему слою первого ряда?! И неда предлагать никакие в три колонки там и т.д, я знаю что можно подругому! Меня интересует почему не получаеться заправить слои, а не это!!! Не знаете, то лучше молчите!!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled</title> <style type ="text/CSS"> body{ background-color:#000000;} * { margin: 0; padding: 0; border:1px solid white } h…

    Asked by WEB_bobby,

    0 votes
    7 answers

  18. Не помешала бы помощь.

    Возможно ли сделать мгновенное затемнение и если можно то как?

    Asked by Bitaller,

    0 votes
    1 answer

  19. Не помещается на экране при любом масштабе

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

    Asked by borus,

    0 votes
    2 answers

  20. Не помогает cellpadding

    В таблице текст налипает на рамку, указываю параметр cellpadding="10", чтоб было точно видно, что он работает или нет. И никакого результата не происходит вообще в люобм браузере. Посоветуйте пожалуйста, мож чё не так делаю? <table border="1" cellpadding="10" align="left" width="530"> <tr> <td width="72" valign="top"><p align="center"><strong>1 день</strong></p></td>.....

    Asked by artpol,

    0 votes
    8 answers

  21. Не понимает запроса

    Здравствуйте. Помогите, пожалуйста. У чайника три вопроса. Первый, когда захожу к себе на сайт как администратор и пытаюсь пролистать записи, то у меня открывается только первая из трёх страниц с перечислением размещённых на сайте тем. Когда пытаюсь перейти на вторую или на третью, то всё равно включается первая. Как это можно устранить? Второй вопрос. На сайте на главной странице в разделе управления появилась активная ссылка на игровой сайт, которую я не размещал. И удалить её не могу. Третий вопрос. На сайте периодически появляются "левые статьи". Все требования по установке технической защиты я, вроде бы, сделал. А они лезут и, что самое неприятное, я не могу убрать и…

    Asked by avega2007,

    0 votes
    1 answer

  22. Не понимаю nth-child

    Здравствуйте! На картинке показан вывод инструментов разработчика Хром для элементов <div class="clearfix catcats">, расположенных в одном и том же родительском диве с классом row. Почему и у первого нечетного по порядку и у второго четного <div class="clearfix catcats"> срабатывает стиль с селектором .clearfix.catcats:nth-child(odd) ? а вот для третьего и четвертого такого <div class="clearfix catcats"> срабатывают почему-то стили с селектором .clearfix.catcats:nth-child(even)

    Asked by borus,

    0 votes
    2 answers

  23. Не понимаю как подключить шрифт на cssdeck

    Подскажите как подключить шрифт Myriad Pro регуляр? Вот код http://cssdeck.com/labs/ddyud6j5 А вот ссылка на шрифт https://www.dropbox.com/s/5fhc2qftpjlubxw/MyriadPro.ttf Подскажите решение! Спасибо!

    Asked by Temik2704,

    0 votes
    4 answers

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

    Уважаемые форумчане! помогите начинающему верстальщику разобраться в следующей ситуации... ... мне нужно привязать лейбл "реклама" к правому верхнему углу соседнего div-а, тут я справился используя позиционирование, но как удержать этот лейбл в углу, при условии что размеры данного div-а будут меняться и родительский div тоже может меняться. Сюда выложил пример http://jsfiddle.net/s9xd66r1/1/ Помогите, плз, не пойму куда копать.

    Asked by fes777,

    0 votes
    10 answers

  25. Не понимаю как применить спрайт для фона

    День добрый! Не получается применить спрайт шириной 2px и высотой 300px для левого и правого блока (спрайт состоит из 2 полос по 1ому пикселю разных цветов). Подскажите ошибку. http://jsfiddle.net/yB7SK/

    Asked by Temik2704,

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