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. проблема с inputom

    ребят проблема в IE в HTML <input class="sent" type="button" value="отправить" name="sent"/> в CSS input.sent{ backgroung:url(....) top left repeat-x; padding:0; } в опере, фаерфоксе все в норме! в IE все равно появляется какой-то отступ.....помогите решить...

    Asked by demon88,

    0 votes
    13 answers

  2. radio и текст

    помогите, пожалуйста, кроссбраузерно (ие7 +, ff 1.5 +, google chrome, safari 3.0 +, opera 9.0) расположить текст справа от radio. пробовал так: input.radio{float:left; margin:0 -18px 0 0;} label{display:block; margin:-1px 0 3px 18px; font-size:14px;} но в ие 7 текст смещается вниз (( весь код: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> html{width:100%; height:100%;} body{pos…

    Asked by html,

    0 votes
    13 answers

  3. Не получается изменить цвет блока

    никак не получается изменить цвет белого текста в блоке на главной (скрин) http://rubasket.com пробовал-пробовал-не вышло :

    Asked by FASTDEATH,

    0 votes
    13 answers

  4. добавить гиперссылку

    Помогите новичку : Как добавить , вставить гиперссылку в меню на все страницы сайта с помощью внешнего файла CSS

    Asked by foreigner09,

    0 votes
    13 answers

  5. проблема с IE6

    bactericide.ru по-моему комментарии излишни. посмотри в опере и ie6. как победить этот долбаный ie6?

    Asked by DNZ,

    0 votes
    13 answers

  6. Отступы в таблице

    Здравствуйте! В общем хочу узнать как можно сделать отступы в таблице в одной колонке код примерно такой html: <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"> 5555555555 </td> </tr> <tr> <td width="200px"> 5555555555 </td> <td width="*"> <div id="5">555555555</div> </td> <td width="200px"> 5555555555 </td> </tr> </table> css: #5 {padding-left:1em; padding-right:1em;} при такой верстке у меня появляется внизу страницы полоса прокрутки, но ее мне не надо, но надо в средней колонке сделать отступы от краев. как это м…

    Asked by dima1981m,

    0 votes
    13 answers

  7. Как растянуть текст по всей ширине блока

    Здравствуйте! Хотел бы спросить как растянуть текст на всю ширину блока. Обычно это делает text-align: justify; но не пойму почему он не работает. Пример: Однострочный текст Январь 21 | Февраль 21 | Март 21 | Апрель 21 | Май 21 | Июнь 21 | Июль 21 все в одну строку, выходит одна неполная строка. Использую text-align: justify; не работает. Увеличиваю строку чтобы было хотя бы полторы строки - тогда работает, первую строку растягивает на всю ширину делая одинаковые отступы между словами, второй кусочек просто висит. Как и долно быть. Как можно растянуть эту строку? Да еще пробовал вордспейс норм впринципе только в ие6 каша выходит, так как вставляет пробелы между "Январ…

    Asked by voooodoo,

    0 votes
    13 answers

  8. горизонтальный список с графическими разделителями

    Помогите плиз! Задача стояла доверстать горизонтальное подменю, а опыта маловато... В результате получилось что адекватнее всего оно выводится в ИЕ6 Имею следующее: разделители в начале строки обрезаются (как и задумывалось) только в ИЕ6 и ИЕ7. В опере10 и ФФ 3.5 упорно не хотят скрываться. К этому всему добавилось то, что ИЕ7 не хочет переносить слово на вторую строку, обрывает на половине. В чем может быть проблема? Уже не знаю куда смотреть CSS .submenu2 { position:relative; float:left; width:550px; margin-bottom:5px; overflow:hidden} .submenu2 ul { position:relative; float:left; display: inline; width:550px; overflow:hidden;} .submenu2 ul li{ float: left; overflo…

    Asked by Kotyara,

    0 votes
    13 answers

  9. Фоновая картинка в <li>

    Возможно ли как то отобразить фоновую картинку за края в <li> блоке? То есть чтобы картинка не обрезалась.

    Asked by 2_k,

    0 votes
    13 answers

  10. Flash в Firefox

    Подскажите пожалуйста!! не отображаеться флеш ролик в ФФ, в IE все нормально, если на ролик правой кнопкой мышки- просмотреть в ФФ все показывает.. а на сайте нет. вот сслыка: http://autoeuro.ru/8marth.htm заранее спасибо

    Asked by wetta,

    0 votes
    13 answers

  11. Обтекание + центрирование

    Доброго времени суток. Проблема вот какая : создал меню с выпадающим списком, все работало пока не проверили на IE6. пришлось переделывать. После переделки получилось, что в самом меню элементы расположены примерно так : <li>Главная</li> <li>Не главная<img src='someimage'></li> <li>Тем более не главная</li> someimage в данном случае это стрелочка индикатор выпадающего списка: курсор над кнопкой, стрелка указывает что список выпал(так скать для красоты). Вот в чем проблема элементы меню находятся на разных уровнях, если считать от верхнего края...то "главная" примерно на 5 пикселей, "Не главная" на 7 пикселях и "Тем более не главна…

    Asked by monkeymafia,

    0 votes
    13 answers

  12. Нарезка проекта на Cs3

    Имею Проект.PSD но не имею представления что делать (навыков в Шопе НОЛЬ) с чего начинать?

    Asked by sv12,

    0 votes
    13 answers

  13. Фон сайта две картинки !

    Пробую реализовать но не получается ! Идея заключается в том чтоб на сайте сверху шла одна картинка в низу совсем другая ! Вот мой код ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link type="text/css" rel="StyleSheet" href="style1.css" /> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <body> <div class='wrap'> <div class='sheader'> <div class='sfooter'> </div> &lt…

    Asked by darewangog,

    0 votes
    13 answers

  14. Убрать отступы между картинками

    Добрый день. Подскажите пожалуйста, как убрать отступы примерно в 2px между картинками, расположенными в одном div-е. Общая ширина четырех картинок в сумме 664px. По идее картинки должны располагаться одной строкой без отступов. Но последняя уходит вниз и между всеми появляется совершенно ненужный горизонтальный отступ в несколько пиксел. <div class="mainmenu"> <a href=""><img src="images/about.png" alt="" /></a> <a href=""><img src="images/serve.png" alt="" /></a> <a href=""><img src="images/offer.png" alt="" /></a> <a href=""><img src="images/course.png" alt="" /></a> </div> div.main…

    Asked by alenkins,

    0 votes
    13 answers

  15. сдвиг бекграунда относительно окна браузера

    aviacom.com.ua фигня, когда уменьшаю окно браузера, бекграунд сползает влево, и как результат - получается бредотень. такая фигня во всх браузерах кроме Оперы. почему так? и как ето исправить?

    Asked by Proks,

    0 votes
    13 answers

  16. Размер изображения

    Доброе время суток. Предположем, что есть изображение 1000х500 и весит 1000Кб. Я его вешаю на сайте и задаю размер 100х50. Что происходит при загрузке страницы, качаются все 1000Кб и потом изображение уменьшается или это происходит на сервере и пользователь загружает уже уменьшеное изображение, которое весит на порядок меньше ? Зараннее благодарен.

    Asked by dengunya,

    0 votes
    13 answers

  17. нужно грамотно сверстать блоки, когда один расширяется, левый блок опускаетсяниже, как в youtube

    Здравствуйте. Такая задача: если посмотреть на Youtube, там блок видео может расширятся на ширину сайта, а сайд бар соответственно опускается ниже. Сверстать такое совсем не является проблемой, например так: http://www.jankoatwarpspeed.com/post/2009/...css-jquery.aspx структура только получается вот такая <div id="header"></div> <div id="main"> <div id="video"></div> <div id="sidebar"></div> <div id="content"></div> </div> <div id="footer"></div> но у меня проблема в том, что нужно (для SEO), чтобы блок #content был сразу за блоком #video, и затем следовал #sidebar. Если я так размещаю блоки, то н…

    Asked by relax,

    0 votes
    13 answers

  18. Добавить сайт в закладки

    Всем привет. Вот такая у меня задача. Нужно на сайте http://cyclovac.kiev.ua/ сделать кнопочку где то красивую "Добавить сайт в закладки" . Каким образом и где это можно сделать. Работаю на базе Джумлы если это необходимо. Буду рад за любые подсказки. Сразу скажу, что я только учусь так что сильно не серчайте)))) За ранние всем благодарен.

    Asked by gumuch,

    0 votes
    13 answers

  19. Помогите с вёрсткой слоями!

    Не могу сделать верхнее меню резиновое в слоях, чтоб растягивался автоматический! С табличной всё просто даёшь таблице 100% и спишь спокойна)) Помогите пожалуйста! <table width="100%"> <tr> <td><a href="#">Новости</a></td> <td><a href="#">Свадьба</a></td> <td><a href="#">Семейные праздники</a></td> <td><a href="#">Детские праздники</a></td> <td><a href="#">Корпаротивы</a></td> <td><a href="#">Кейтеринг</a></td> <td><a href="#">Форум</a></td> </tr> </table> Мне нужно чтоб меню растяги…

    Asked by ruit,

    0 votes
    13 answers

  20. не понимаю логику позиционирования

    Подскажите, как выровнять блок Text с надписью Login input и блок sr с надписью Sidebar , чтобы они находились на одном уровне по оси Y , чтобы sidebar не заходил на большой серый блок. Большой серый блок , блок сайдьара и блок текста имеют одинаковый уровень в html, но почему-то позиционируются по разному. недавно посмотрел видеокурсы по верстке css, но так и не догнал логику позиционирования блоков браузерами. Вот код HTML В вот код html Код <!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> <title></title> <meta http-eq…

    Asked by челХ,

    0 votes
    13 answers

  21. Проблемы со списками в ие 6-7

    Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index…

    Asked by alexander.parphenuyk,

    0 votes
    13 answers

  22. Как "предсказать" размер ячейки?

    Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?

    Asked by kidar2,

    0 votes
    13 answers

  23. Высота курсора в поле ввода (Mozilla)

    http://test.sinclairshop.ru/maket.php верхнее поле с поиском - когда ставлю курсор в поле, он получается высотой с поле целиком, а когда начинаешь набирать что-то, то курсор сжимается по вертикали примерно на 2-4 пиксела. Вот как бы сделать так, чтобы курсор всегда был в "сжатом" виде? В IE всё хорошо.

    Asked by d0ublezer0,

    0 votes
    13 answers

  24. Стиль списков в ИЕ

    Есть меню выбора. В Мозиле, Сафари и Хроме выглядит как нужно, вот так: В горячё любимом ИЕ вот так: HTML: <ul> <li><a href="#date">по дате</a></li> <li><a href="#category">по категориям</a></li> </ul> CSS: #tab-container ul { margin: 0; padding: 0 17px 0 0;} #tab-container ul li { display: inline-block; padding: 0 0 10px 10px;} #tab-container ul li a { display: block; outline: none; text-decoration: none; border-bottom: 1px dashed #2f7ca0;} #tab-container ul li a.active { color:#000000; border-bottom: none;} что ж не так делаю?

    Asked by SHo,

    0 votes
    13 answers

  25. Не работают ссылки в таблице

    <div class="progect"> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td> <a href="lorem.html">Lorem</a><Br> </td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> </tr> </table> </div> вот такой кусочек кода есть .... почему то в браузере FireFox при наведении на ссылку она не становится активной и сколько ни клацай её всё р…

    Asked by Gussarah,

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