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

  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. помогите выровнить левый край текста в блоке

    есть след. код: <li><input type="radio" id="check" /><label for="check">тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк</label></li> нужно сделать так, чтобы текст на новых строках, не вылазил под радиобатон - т.е. был ограничен прямоугольной областью, находящейся справа от радибатона. сколько не бился, у меня либо на новую строчку label перескакивает, либо прямо на радиобатон налазит как вообще в цсс решаются подобные задачи

    Asked by fetish,

    0 votes
    7 answers

  2. Общий фон для нескольких элементов

    Сдалал меню на списках, разложил элементы по горизонтали. Теперь вот хочу сделать один общий фон для всех элементов li. То есть использовать одну большую по длине картинку. Подскажите, как это можно сделать. Что-то я туплю… #main-menu { position: absolute; bottom: 45px; right: 0px; } #main-menu ul { display: inline; margin: 0; padding: 0; } #main-menu li { display: inline; margin: 0; padding: 0; } #main-menu a { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #f1f1f1; background-image: url(../img/bg-menu-item.png); /* от этого можно отказаться в пользу общего фона*/ background-repeat: repeat-x; color: #555555; padding-left: 1…

    Asked by brainiac,

    0 votes
    5 answers

  3. JavaScript меняющихся картинок

    Подскажите как можно сделать меняющиеся картинки??? Есть вот сайт http://www.cyclovac.com/international/ там меняются картинки автоматически + их можно самим менять клацая по (1, 2...5). Вот мой сайт http://cyclovac.kiev.ua/ Картинки у меня меняются только тогда когда ходишь по меню и ссылкам, а хотелось бы сделать чтобы каждые скажем 2 секунды они менялись сами. Я не хочу чтобы кто то что то делал за меня, прошу просто подсказку у тек кто знает как это можно сделать. Вот код если нужно: <?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); require_once dirname(__FILE__) . DS . 'functions.php'; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHT…

    Asked by gumuch,

    0 votes
    2 answers

  4. Почему "display:block" не работает для <A> в ИЕ 6,7 и Maxthon?

    Помогите пожалуйста разобраться. Вот на этой странице участок кода http://tri4.ax3.net/akado_ural/menu2.html Из-за этого получается ужасный эффект прыгающего меню ((

    Asked by warobushek,

    0 votes
    16 answers

  5. При установке цвета фона прячутся картинки

    Есть 3-колоночнная вёрстка, смешанная. Шапка - <div id="top">. Затем слева и справа - таблицы шириной по по 200px, в середине - <div id="content">. #content {position: relative; margin-left: 205px; margin-right: 205px;} Проблема: когда решил покрасить средний блок (background-color: #ECEFFF;), то в IE все картинки в нём ушли на задний план. Пытался выставить им z-index: 100; - не помогает. Пробовал задать им position: relative; - появляются, но начинают уезжать влево, на таблицу. В других браузерах нормально.

    Asked by froland,

    0 votes
    4 answers

  6. Размеры ячеек в IE

    Вот такой код. <table style="width: 100%;" border> <tr> <td style="height: 110px;">Ячейка 1</td> <td rowspan="2" style="height: 700px;">Ячейка 2</td> </tr> <tr> <td>Ячейка 3</td> </tr> </table> Вживую видно вот здесь. По моему замыслу, как видно из кода, высота "ячейки 2"==700, "ячейки 1"==110, "ячейки 3"== не указано, но всё, что останется, а именно 590. Линейкой не мерял, но "на глазок" в лисе и опере это примерно так и есть. А вот в ИЕ (у меня 8 версия) совсем не так - "ячейка 3" заметно меньше "ячейки 1". Что я делаю не так?

    Asked by Veseloff,

    0 votes
    5 answers

  7. css ссылки в ie

    Давно мучал такой вопрос. Можно ли средствами css сделать ссылку не кликабельной. То есть что бы клас ховер при наведении на нее работал. Но при нажатии ничего не происходило и адрес в коммандной строке не изменялся. средства href="#" href="javascript" не помогают. Все равно ссылка в строке изменяется. Либо дописывается # либо фраза стоящая в значении href Думаю что есть решение. Кстати если у ссылки убрать атрибут href То она благополучно становится не кликабельной везде кроме ie. Дописав параметр name. Подскажите есть ли средство средствами хтмл или css сделать это в ie. Вот пример http://www.myspace.com/whatsuptest Там расположен календарь на странице. В опере и моз…

    Asked by Whatsup,

    0 votes
    8 answers

  8. css transform

    Кто как поворачивает блоки\картинки\текст? кроссбраузерно например как сделать вот так: чтобы можно было повернуть блок, а вместе с ним и картинку и текст, если он будет под картинкой. Как это можно реализовать? Может где то видели такое. Или существуют скрипты... Сам пока вижу решение поворачивать картинку как тут: http://romka.eu/blog/jquery-image-rotate а уже поверх текст накладывать и текст поворачивать как тут: http://habrahabr.ru/blogs/javascript/86952/ Хотя последнее вроде бы и картинку и текст разом повернуть сможет. Кто еще что подсказать может?

    Asked by npofopr,

    0 votes
    0 answers

  9. Почему меняются правила HTML разметки, если поместить код в ячейку таблицы?

    2 одинаковых куска простого HTML-кода, один помещаем в ячейку таблицы и он начинает криво показываться. Не могу понять причину. Пробовал в последних FireFox и Chrome. Маленький пример: http://xexsus.com/misc/example.html Доктайп: XHTML 1.0 Strict Кусок кода: <!-- кусок кода, НАЧАЛО --> <div style="width:60%;"> <div style="width:100%; background-color:#FFF242;"> <div style="overflow:hidden;width:100%; background-color:#70FF38;"> <br/> <div style="background-color:#FF075A;"> 12345678901234567890123456789012345678901234567890123456789012345678901234567890 123456789012345678901234567890123456789012345678901234567890123456789012345678901…

    Asked by xexsus,

    0 votes
    5 answers

  10. Как программно установить focus на злемент

    Как в макросе VB для FrontPage? 1. установить "фокус" на таблицу 2. двигать курсор (up, down, left, rigt, ctrl+page up, ets)

    Asked by GriGri,

    0 votes
    3 answers

  11. Шаблоны приложений есть?

    11111111

    Asked by Сергей2341,

    0 votes
    4 answers

  12. Как сделать приложение?

    1111111111

    Asked by Сергей2341,

    0 votes
    4 answers

  13. Резиновый макет

    Добрый день! Подскажите,как лучше реализовать верстку резинового макета-позиционированием,плавающими блоками,отрицательным маргином или же еще как можно? нужно: хедер(ширина 100%) верхнее меню(ширина 100%) лколонка(ширина 200пх)+контент(резина)+рколонка(200пх) футер(ширина 100%)

    Asked by liquid,

    0 votes
    22 answers

  14. Как растянуть таблицу/изображение на весь экран

    Подскажите, пожалуйста, мне необходимо растянуть таблицу на весь экран, таблица содержит картинку (баннер, на скриншоте вместо баннера временно серый прямоугольник), но у меня справа почему-то остается много пустого места. Как его убрать? Если вопрос дурацкий сильно не бейте, только-только html начала изучать. P.S. Таблица самая простая <table width="100%" border="1"> <td align="left"> <img src="HR1.png" alt="" width="100%" border="0"></td> </table> сдвинута вверх и влево

    Asked by Stitch,

    0 votes
    1 answer

  15. проблема с куками

    В общем хочется услышать авторитетного мнения как правильно сделать куки: Задача такая на странице разместить кнопку\ссылку\картинку при нажатии на которую человек получает куки без перехода на другую страницу (возможно всплывающие окно) я сделал так html: <a href="java script:" onClick="add2id('1121')">получить куки</a> JS соответственно что по нажатию на "получить куки" появляется окошко которое потом само исчезает, и куки вроде бы есть (но иногда в опере они пропадают)... Как с этим бороться не понятно возможно как не так куки надо делать чтобы они не исчезали в опере?

    Asked by stars,

    0 votes
    1 answer

  16. mso-ignore и другие mso- свойства

    Обнаружил эти свойства, конкретно mso-ignore, документации на русском не нашел. Решил тут спросить перед англопоиском, кто нибудь знает?

    Asked by ferreg,

    0 votes
    1 answer

  17. проблема с версткой

    Добрый день! есть сайт: http://movement-concept.ru/seminary/ не получается растянуть бэкграунд <div id="left"> ощущение что min-height:897px; и дальше не тянется... и вторая проблема: в поле контента текст не получается вывести над бэкграундом... в чем может быть проблема? заранее спасибо!

    Asked by evil911,

    0 votes
    10 answers

  18. Помогите разобраться с динамическим меню на CSS!

    Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…

    Asked by Gudvinuk,

    0 votes
    9 answers

  19. Помогите разобраться с динамическим меню на CSS!

    Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…

    Asked by Gudvinuk,

    0 votes
    4 answers

  20. может глюк хостинга(((

    начал делать сайт и напоролся в неожиданно простом месте на очень неприятную проблему, с которой не могу разобраться.... http://open.ezg.su/ - по этой ссылке выложен сайт такое ощущение, что у body в верхней его части находтся какой то пустой div. margin:0, padding:0-как видно из примера не помогают!!!!! Может кто сталкивался с такой проблемой...подскажите как решить(может вообще в хостинге проблема ) самое прикольное, что когда делал верстку на компе( html ) проблем не было, никуда ничего не уезжало!!! а как закинул на сервак точно такой же код, верстка поехала!!!!!!

    Asked by Trayanez,

    0 votes
    6 answers

  21. Проблема с z-index..

    Помогите, пожалуйста. Для двух картинок фиксированного размера создал маску закругления углов. Пытаюсь наложить ее на картинки. Наложил, но ссылки на эти картинки работают только в мозилле и хроме. Как сделать так, чтобы ссылки работали во всех браузерах? Разумно ли так делать маску для изображений? Может есть более простые и надежные пути? Вот код <div id="sq_banners"> <a href=""></a><a href="" class="ban2"></a> <div id="sqban_mask"><img src="images/sqban_mask.png" alt="" /></div> <img src="images/sqban3.png" alt="" /><img src="images/sqban4.png" alt="" /> </div> Вот стили #sq_banners { …

    Asked by warobushek,

    0 votes
    3 answers

  22. кнопка - ссылка

    как сделать, что бы после нажатия кнопки броузер начинал открывать нужный мне адрес. типа как у гугла жмешь "I am Feeling Lucky" - и открывается урл "http://www.google.com/search?hl=en&source=hp&q=&btnI=I'm+Feeling+Lucky&aq=f&aqi=&aql=&oq=&gs_rfai="

    Asked by pribl,

    0 votes
    3 answers

  23. Float in Float

    Привет всем! Вот недавно для себя обнаружил еще 1 странное поведение ие6,7. Вот решил поделиться с вами, возможно конечно кто-то уже в теме, но думаю тем не менее некоторым тоже будет полезно узнать Скажем есть внешний блок, он зафлоачен лефтом! В нем есть 3 блока (как бэ мы делаем растягивающуюся менюху с закругленными краями по бокам, высота фиксированная). Эти 3 блока (включая правый) нужно все флоатить по лефту! Если правый блок (уголок) зафлоатить райт, то в ие 6,7 это растянет внешний блок (в данном примере .menu_item) с флоатом лефт на всю ширину экрана. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra…

    Asked by TonKhaO,

    0 votes
    15 answers

  24. Стиль для активной ссылки

    Доброго времени суток. Возникла проблема с отображением активной ссылки. В CSS она у меня по дизайну похожа с стилем наведенной ссылки, но она отображается, помогите что не так... #mainlevel a:active { color: #a40707; display:table-cell; height:41px; vertical-align:middle; background-image:url(../images/put_button.jpg); text-decoration: none; background-repeat: no-repeat; font-family: "Tahoma"; font-size: 15px; } Заранее благодарен.

    Asked by romko,

    0 votes
    4 answers

  25. Как сделать, чтобы фон тянулся?

    Здравствуйте! Подскажите, пожалуйста, что мне сделать , чтобы фон в body не тянулся? В качестве фона выступает картинка. Надо сделать, чтобы она не повторялась, а тянулась. Возможно ли это?

    Asked by maksimka,

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