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. cдвинуть псевдоэлемент :after вниз

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

    Asked by Нusuf,

    0 votes
    5 answers

  2. В форме сообщений не отсылаются письма

    Здравствуйте, я в html не особо разбираюсь. Переделал шаблон под себя, есть пара моментов, которые я не понимаю. Если не трудно подскажите почему с контактов, когда оправляю сообщение, оно никуда не отправляется. Посмотрите пожалуйста код, подскажите что надо добавить ? И еще 1 вопрос , когда смотрю сайт в Google chrome, то все отображается хорошо, но в internet explorer все не правильно, в одну кучу собирается. ПОЧЕМУ ? Сайт http://laserman-show.ru Спасибо.

    Asked by salmin,

    0 votes
    5 answers

  3. На счет Float

    На счет Float. Делаю меню - прописал блоку #blok_menu свойство float:left; Потом дочернему блоку #right_menu прописал тот же float. По идее слово "Надпись" должна выстроиться справа от меню, но она выстраивается ПОД меню. Почему? Спасибо за ответ. http://jsfiddle.net/4wKcF/

    Asked by Imperil,

    0 votes
    5 answers

  4. не работает свойство @font-face

    Доброго времени суток! У меня почему то не работает свойство @font-face,точнее работает только в firefox ,а больше нигде .. <style type="text/css"> @font-face { font-family: 'Myriad Pro'; src:url(Myriad Pro.ttf) format('truetype'); font-weight: bold; font-style: normal; } body{ font-size:25px; font-family: Myriad Pro;} </style>

    Asked by tanaka,

    0 votes
    5 answers

  5. Иероглифы, при включенной кодировке

    Собственно код HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery-1.7.2.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div id="warp"> <div id="head"></div> <div class="comment" action="script.php"> <textarea class="forms" name="comment" cols="40" rows="6"></textarea> <input class="button" type="submit" value="Отправить"> <input class="button" type="reset" value="Очистить"> </div> </div> </body> <…

    Asked by vaak,

    0 votes
    5 answers

  6. Блок с текстом и фиксированной высотой

    http://4tab.pavelzheglov.ru/sample.html Там, где выводится сейчас анонс статьи, размещен абзац с фиксированной величиной. Надо сделать так, чтобы при при растягивании и сжатии шаблона текст реагировал так же, но чтобы его не было видно за пределами блока, как сейчас. Т.е., допустим, на сайте будет подгружаться 1000 символов анонса, но при разрешении 1024 по ширине видно будет только 600 символов, а при разрешении большем будут вылезать остальные строки, т.к. ширина блока будет увеличиваться пропорционально. На последнюю строку скорее всего сделаю затухание белым полупрозрачным градиентом.

    Asked by Jackky,

    0 votes
    5 answers

  7. Smarty получить значение из цикла ВНЕ цикла

    Доброго времени суток. Ребята, такой вопрос. Ест массив array( 'title' => название, 'status' => 1, 'opt' => array( 'opt_name' => 0, ), ) в шаблоне {foreach $arr AS $a} {$a.title}<br /> {foreach $a.opt AS $o} ... {/foreach} {/foreach} и мне нужно ВНЕ этих циклов узнать, есть ли в массиве opt значения 1(единиц) т.е. если там есть хоть одно значение 1, то нужно выводить определенный текст. Пример {if $opt > 0}Есть опции{/if} Как-то можно это сделать? В доках smarty ничего похожего не нашел.

    Asked by dropoff,

    0 votes
    5 answers

  8. Валидатор ругается на P

    Вот есть такой кусочек из области контента: <p>Плавно-мобильное голосовое поле, согласно традиционным представлениям, потенциально. Кластерное вибрато иллюстрирует полиряд, не говоря уже о том, что рок-н-ролл мертв. Рефрен неустойчив. Канал, так или иначе, неизменяем. Действительно, звукоряд сложен.<img src="images/3.jpg" alt="" style="float: left; margin: 10px 10px 10px 10px;"><div style="clear: both;"></div></p> При валидации, валидатор пишет следующее: Когда я убираю тег </p>, т.е. закрывающий тег, то пишет следующее: Что такое? Что ему не нравится в закрывающем теге p?

    Asked by prowoke,

    0 votes
    5 answers

  9. Внутрення тень

    Приветствую, возникла проблема c реализацией тени: Пробовал box-shadow: inset, но такого эффекта никак не мог добиться. Спасибо.

    Asked by uteelers5,

    0 votes
    5 answers

  10. Несколько заковырок с сайтом

    Работаю над одним проектом: Розма Есть несколько мелочей, которые не могу решить. 1. Два бирюзовых блока в хедере "прикрывают" фон, который просачивается в связи с тем, что сам хедер по ширине 80%. При ресайзе окна правый бирюзовый блок создает разрыв между правой границей браузера и телом сайта. Подскажите, как решить этот трабл. 2.Зеленая плашка, выделяющая выбранный русский язык сайта вписана как фон под элемент списка "Рус" только благодаря падингам "на глаз". Это вызывает различные баги в IE, Opera. Chrome вроде нормально реагирует и масштабирует. 3.Пункт меню "всегда на связи" должен быть оформлен как показано на рисунке красной плашкой Как лучше это сделать?

    Asked by lego904,

    0 votes
    5 answers

  11. теги и визивиг

    объясните пожалуйста каким образом верстать часть страницы, которая будет изменяться при помощи визивиг-редактора. я стараюсь максимально специфицировать все тэги. то есть например вместо использую <p class="text">. это позволяет избавиться от возможных лишних тэгов. например при копипасте контент-менеджером вордовского документа но при таком подходе становися невозможным заполнение страницы теми тегами, которые я не описал. да и визивиг про мои классы понятия не имеет к тому же объясните пожалуйста как правильно делать

    Asked by cyklop77,

    0 votes
    5 answers

  12. Проблема при верстке

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

    Asked by VictorioIP,

    0 votes
    5 answers

  13. Кайма у текста в css

    Всем привет! Кто-нибудь может подсказать можно ли с помощью стилей задать тексту обрамление, кайму(не знаю как выразиться)? Смотрел в сторону Shadows, но мне нужно не тень а именно кайма. В photoshop это называется stroke effect.

    Asked by Silentium,

    0 votes
    5 answers

  14. Выравнивание по вертикали li без line-height

    Здравствуйте. С помощью гугла я так и не нашёл ответ на свой, вроде бы, распространённый вопрос. В общем как выровнять по вертикали ссылку<a href=""></a>, которая находится в li? line-height и padding отпадают, т.к. ссылка у меня может состоить из 2 строк. А может и из 1. Подскажите, пожалуйста. .

    Asked by prowoke,

    0 votes
    5 answers

  15. Один слой наползает на другой

    Подскажите - не пойму, почему так. Не пойму, почему блок с контейнером наползает на блок со слайдером. Или мне так кажется? Но тем не менее, в Firebug показывается, что один находится под другим. Вот код: http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/EkMPv/

    Asked by aaron,

    0 votes
    5 answers

  16. не работает after

    не работает данный, код не могу понять почему .beforeLoad { position:absolute; top:0; left:0; width: 100%; height: 100%; background-color:#000; opacity:.3; } .beforeLoad::after { content:''; background-image:url(img/287.gif); margin: 25% auto; width: 150px; height:150px; } помогите плизз

    Asked by cyber_ua,

    0 votes
    5 answers

  17. горизоньальное меню на ul

    как из этого сделать меню на ul li? <ul id="nav"> <li><a href="#">Раз</a></li> <li class="active"><a href="#">Два</a></li> <li><a href="#">Три</a></li> <li><a href="#">Четыре</a></li> </ul> требования: рассредотачивание пунктов по ширине страницы фон из желтых картинок появляется только когда :hover или при .active делаю через before и afrer, не могу сопоставить картинки по вертикали( получается только с точными значениями типа 12px, но если изменить размер шрифта, то картинки опять сбиваются кто вверх кто вниз. это должно быть не сложно! не могу на…

    Asked by panda,

    0 votes
    5 answers

  18. странности с text-align: jistify

    Здравствуйте. Сегодня на одном проекте решил воспользоваться методом равномерного распределения элементов в резиновом блоке. Но часы упорства не приводили к результату, хотя, казалось, код написан верно. http://jsfiddle.net/GbWFt/3/ - как видите два правых блока сомкнулись в 1. Потому что в html их div не разделены пробелом. Если разделить - то все работает как нужно. Объясните, пожалуйста, что это за беда. Я полагал, что за 1 "слово" в строке считается inline-block элемент, но не знал, что отсутствие пробелов в html коде может объединить их в 1 слово. Прошу прощения за ошибку в названии темы

    Asked by USF,

    0 votes
    5 answers

  19. Вопрос по таблицам

    То ли лижи не едут, то ли я ммм, ну В общем вы поняли. Вопрос такой, можно ли делать внешние отступы внутри табилце, что бы блоки tr например друг от туда отступали на N пикселей? Все что то тыкаю, но ни чего не получается. Допустим я делаю так: <table border="0" cellpadding="0" cellspacing="0"> <tr> <td>Один</td> <td>Два</td> <td>Три</td> </tr> <tr style="margin: 10px 0 0 0;"> <td>Четыре</td> <td>Пять</td> <td>Шесть</td> </tr> <tr style="margin: 10px 0 0 0;"> <td>Семь</td> <td>Восемь</td> <td>Девять</td> …

    Asked by papay,

    0 votes
    5 answers

  20. ширина правого блока

    Здравствуйте. Я только начинаю осваивать верстку сайтов, поэтому прошу сильно не пинать если вопрос очень простой, однако в поиске и в сети я ответа не нашел (кроме совета верстать таблицей). 1. Я делаю горизонтальное меню с помощью списка (<ul>) 2. Верстка сайта резиновая 3. В меню 5 пунктов (<li>), ширина каждого пункта 15% 4. У этих пунктов есть фоновая 1-пиксельная картинка и, соответственно, есть свойство repeat-x, а так же текст со ссылкой. 5. Между пунктами меню вставлены разделители (<li>), ширина разделителей задается в пикселях, т.к. разделитель это картинка. 6. После 5-го пункта меню я хочу вставить еще один пустой (<li>), только с фонов…

    Asked by dmifed,

    0 votes
    5 answers

  21. Расположить блок внизу родительского блока

    В общем вот страничка. http://goo.gl/pynpv Есть список товаров. Нужно расположить блок внизу родительского блока. В инете вычитал что надо использовать table и table-cell, но у меня не получается, есть другой выход?

    Asked by across,

    0 votes
    5 answers

  22. IE6-8 тень,скругление, градиент

    Здравствуйте. До этого делал скругленный углы для ИЕ6++ и все было отлично. А сейчас перерыл кучу инфы и не пойму в чем дело... Создал html+css файлы и там один див, в нем прописал, все работает. Подскажите как решить?(подключил pie.htc , дописывал zoom:0/1, position:relative) Мне нужно для заголовков сделать закругленной поле с градиентом и небольшую тень. Чтобы было понятно о чем я, вот скрин (сообщества лишайников) http://gyazo.com/1412ccf94ee02555e4ff9b55780c9df3 Может причина в том, что с h1 не работает? Я делал уже для родителя, но все равно не работает. .ContentPane h1{ ..... } http://ekology-blog.ru/archives/soobshhestva-lishainikov Код Css для h1: h1 { backgroun…

    Asked by konstantinskiy,

    0 votes
    5 answers

  23. Не работает z-index

    Есть три картинки, для каждой в стилях установлен свой z-index. При наведении мыши на изображение оно должно всплывать выше всех остальных, а вокруг него появляться другая рамка. Далее идет код. Рамка меняется, но изображение "не всплывает" относительно других. Т.е. при наведении мыши z-index не меняется. В чем дело? <!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>z-index</title> <style type="text/css"> .card { position: relative; }…

    Asked by ListOFF,

    0 votes
    5 answers

  24. Проблема с дивами в IE7

    Добрый день. С закончил очередной сайт. Но в ИЕ 7 шаблон жутко едет... Не знаю как быть... Кто-то может помочь советом? Заранее спасибо! Нормальный вид: ИЕ 7: http://avtor-moda.ru

    Asked by dron,

    0 votes
    5 answers

  25. Проблема с шапкой

    В общем есть шапка формата 1150х250.Вот самая картинкаСпециально сделал затемнение что бы сделать кусочек в ширину 1px и высотой 250px,черным цветом.Теперь всё проблема как сделать что бы картинка на каждом мониторе была в центре, а побокам этот кусочек в 1px заполнял до краёв шапку.Подскажите пожалуйста что нужно изменить в сss-е и html-е?Заранее спасибо.Если вам нужен сам html и css выложу

    Asked by Alex15,

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