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. 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

  2. Стили ссылок

    Есть контейнер <div id="cont"></div> в котором вывожу основной контент сайта. Есть css div#cont a {стиль для ссылок}. Мне потребовалось для некоторых ссылок другое отображение и я этим ссылка присвоил class="cat". Но сcs a.cat {стиль для ссылок} не срабатывает. Т.е стили ссылок с классом не меняються.

    Asked by spatlet,

    0 votes
    2 answers

  3. Проблема со вложенными списками

    Имеется такой код: <ul class="main"> <li>Item 1</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <li>Item 2</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <li>Item 3</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </ul> В CSS прописано следующее: .main ul, #main li { display: inline; margin: 0; padding: 0; } Как сделать так, чтобы элементы спи…

    Asked by brainiac,

    0 votes
    3 answers

  4. помогите выровнить левый край текста в блоке

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

    Asked by fetish,

    0 votes
    7 answers

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

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

    Asked by evil911,

    0 votes
    10 answers

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

    Подскажите, пожалуйста, мне необходимо растянуть таблицу на весь экран, таблица содержит картинку (баннер, на скриншоте вместо баннера временно серый прямоугольник), но у меня справа почему-то остается много пустого места. Как его убрать? Если вопрос дурацкий сильно не бейте, только-только 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

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

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

    Asked by maksimka,

    0 votes
    7 answers

  8. Размеры ячеек в 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

  9. Как отцентровать содержимое по вертикали?

    Никак не могу отцентровать содержимое по вертикали. Можно превратить <a> в table-cell, тогда можно будет использовать vertical-align: middle; Будет работать в FF, Opera, Safari, IE8. Но как заставить встать по центру в IE6 и IE7. Ниже пример который хотелось бы обуздать. У кого есть опыт, подсобите! http://dc133.file.qip.ru/img/127077842/d59...059&sizeM=7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>Vertical align MIDDLE</title> <style type="text/css"> body {font: 11px Arial, Helvetica, sans-serif;} ul, li { list-style: none outside none;} ul…

    Asked by maximuz,

    0 votes
    1 answer

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

    Сдалал меню на списках, разложил элементы по горизонтали. Теперь вот хочу сделать один общий фон для всех элементов 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

  11. 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

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

    Есть 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

  13. Не работает overflow.

    Доброго времени суток. Подскажите пожалуйста. Где ошибка? Проблема в том, что у рамки не работает overflow:auto. В чем может быть проблема? Я уже все перепробывал. Если убрать стандартизацию доктайп, то все работает в последней опере и в IE6, а в FF3.6 не хочет. Если ставишь доктайп, то нигде не работает. Заранее благодарен. Вот ссылка на сайт {это пробный}. http://jannella-3000.narod.ru/

    Asked by Jannella,

    0 votes
    8 answers

  14. CSS позиционирование блоков

    Здраствуйте. Имеется страница с div-ной вёрсткой, блок с контентом <div id="cont">контент</div> Как на странице сделать врезку (обтекаемый текстом блок на странице) таким образом, чтобы html-код врезки был ниже кода контента? Врезка должна располагаться в правом верхнем углу контента, и обтекаться соответственно текстом слева и снизу, а правым и верхним краями должна примыкать к краю страницы, т.е., как приведён пример, блока <div id="cont">. Пример внешнего вида на википедии. Однако, здесь html-код правой врезки с фотографией расположен по коду выше, чем обтекаемый текст. Возможно ли такое сделать?

    Asked by klyne19,

    0 votes
    8 answers

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

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

    Asked by GriGri,

    0 votes
    3 answers

  16. css transform

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

    Asked by npofopr,

    0 votes
    0 answers

  17. Почему меняются правила 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

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

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

    Asked by ferreg,

    0 votes
    1 answer

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

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

    Asked by stars,

    0 votes
    1 answer

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

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

    Asked by Trayanez,

    0 votes
    6 answers

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

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

    Asked by dengunya,

    0 votes
    13 answers

  22. вывод текста

    Вот такая ерунда получилась... пока не вижу в чём причина, может кто свежим взглядом кинет - подскажет? Красным - дивы с фоновым изображением. По z индексу 1 и 2 Оранжевый блок по z индексу - 70 Если текст добавить, то ниже линии границ он будет на всю ширину оранжевого блока.

    Asked by AlexN,

    0 votes
    5 answers

  23. Помогите разобраться с динамическим меню на 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

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

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

    как сделать, что бы после нажатия кнопки броузер начинал открывать нужный мне адрес. типа как у гугла жмешь "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

  • Обсуждения

    • 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