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. Валидность кода

    Здравствуйте все, я недавно начал изучать html, CSS, JavaScript. Изучая делаю себе сайт, столкнулся с проблемой валидности. В некоторых источниках пишут что валидность это хорошо но не главное... Поэтому особо о ней не думаю, но все таки хочется делать хорошо и поэтому вопрос. Валидатор указывает мне на ошибки в ссылках, например = или знак & подскажите варианты решения. По ссылке можно посмотреть все ошибки на странице Валидатор w3 Примеры ошибок: …php?option=com_content&view[b]=[/b]article&id=104:2010-12-05-19-22-48&catid=21:—199… …monet.ru/index.php?option=com_content&[b]v[/b]iew=article&[b]i[/b]d=104:2010-12-05-19-22-48&…

    Asked by ghost,

    0 votes
    7 answers

  2. Не одинаковое отображение кнопок

    Положение кнопок отображается по разному в IE7, в остльных браузерах норм. стили inputov одинаковые, они просто идентичны кроме параметров. вот фото http://i054.radikal.ru/1012/7e/57e5c277bb63.jpg в чем может быть трабл?

    Asked by Graf.Vampir,

    0 votes
    3 answers

  3. Помогите с ie6 сдвигаются слои

    Доброго времени суток! Как уколоть ишака 6 чтобы не сдвигал слои? Везде отображается нормально, но 6 сдвигает обтекающие слева слои. При этом такое ощущение, что он всталяет какие то левые отступы. На пример: задаю margin-left: 20px; Везде нормально отсутают слои, а в 6 больше растояние примерно получается 40px. Не могу понять почему. Может кто то сталкивался с этим, подскажите пожалуйста.

    Asked by viv,

    0 votes
    11 answers

  4. позиционирование

    Добрый день. Хочу расположить текст на форе картинки, точно в нужном месте. (номера участков на карте) Делаю так: <td> <div style="height:806px; width:497px; background-image:url(limber_test.png)"> <span id="m1" style="position:absolute;top:97;left:101">1</span> <span id="m2" style="position:absolute;top:115;left:117">2</span> <span id="m3" style="position:absolute;top:133;left:133">3</span> <span id="m4" style="position:absolute;top:81;left:137">4</span> ......................... </div> </td> Но положение циферок относительно картинки в разных браузерах отличается. Как это исправить? (Да, за…

    Asked by rgl,

    0 votes
    4 answers

  5. Расстояние между float.

    У описанного стиля между элементами появляется непонятное мне расстояние на FF. Что это может быть? <style> div.root { border:1px solid black; } div.root div.line { padding:0px; margin:0px; outline: 0px; display: inline; background:brown; } </style> <div class="root"> <div class="line">qwee</div> <div class="line">Пункт меню </div>

    Asked by still swamp,

    0 votes
    2 answers

  6. min-height

    Ставлю блоку с контентом min-height: 936px, в хроме и опере все ок выглядит и он по высоте совпадает с меню, а в ие и фф блок на 5 пикселей больше нужного становится. Контента в блоке мало и он ничего не тянет. self::println('<div class="in_box'.($main?' main_box"':'" style="min-height:936px;"').'>'); .global_box .content .in_box {float:left; background-color:#FFF; width:100%; margin-bottom:10px; min-height:804px; border: 1px solid #DDD} на всякий случай)

    Asked by Joyfit,

    0 votes
    4 answers

  7. Хак для IE 5.5

    Господа, подскажите хак для ишака 5.5 персональный чтоб его понимал только 5.5 и никто кроме него.

    Asked by Mr Loga,

    0 votes
    23 answers

  8. Фоотер

    Подскажите как хорошо сверстать фоотер макета - http://img684.imageshack.us/img684/6060/1111dnm.png Я решил вот так <div id="footer" > <div style="float: left;">11</div> <div style="float: right;" >777</div> <div style="text-align: center;" >132</div> </div> Правильно

    Asked by Mr.Black,

    0 votes
    3 answers

  9. Высота блока с position relative

    Здравствуйте. вот что есть сейчас: у блока menu_text position:relative;он встает на правильное место. Но вот высота у него как 2 блока, ниже меню большое расстояние. Если я этот блок удаляю, то лишнее пространство исчезает. Как сделать так, чтобы блок advert_list начинался сразу после меню? html: <div id="menu_wrapper"> <div id="menu_center"> </div> <div id="menu_text"> <div class="menu_button"> <img src="images/menu_home_page.png"><br> Главная </div> <div class="menu_button"> <img src="images/menu_education.png"><br> Образование </div> <div class="men…

    Asked by Aurica,

    0 votes
    6 answers

  10. Z-index

    Всем добрый и сразу небольшой код <div class="l1"> <div class="l2"> </div> </div> .l1 {z-index: 1; background: url(images/bgtop.png) repeat-x; width:100%; height:15px;} .l2 {z-index: -1; background: url(images/left.png) no-repeat; width:30px; height:25px; } Имеем 2 дива вложенный один в другой и у каждого бекграунд. Задача: чтобы вложенный бекграунд был ниже родительского слоя если такой вид расположения не работает то просто 2 дива <div class="l1"></div> <div class="l2"></div> Задача та же. Оно реально? У меня что-то не работает

    Asked by ShumNo,

    0 votes
    3 answers

  11. Использование 3d лент.

    Подскажите, кто-нибудь использовал объёмные ленты. Primer: http://my-html.ru/example/3D_css/index.html Поделитесь опытом, все никак не могу реализовать в деле.

    Asked by Gleb-k,

    0 votes
    7 answers

  12. помогите до делать валидация сайта кое что не могу подправить

    скажу сразу в css шарю плохо... собственно вот осталось 5 ошибок http://validator.w3.org/check?uri=http://warezzza.net

    Asked by hellp123,

    0 votes
    5 answers

  13. Проблема с блочной версткой

    Здравствуйте. Бьюсь над осовением блочной верстки. Вот есть промежуточный результат на данный момент: http://mmcpajero.ru/Proba.htm не могу понять, как красный блок сделать шириной до желтого и при том чтобы он менял размеры вместе с изменением размеров окна браузера... Заранее спасбо. Буду рад даже ссылочке на описание подобных версток...

    Asked by WhiteNight,

    0 votes
    8 answers

  14. как правильно написать шапку сайта

    Помогите правильно написать шапку сайта, столкнулся с проблемой что шапка идет в 2 строчки а не в одну. вот текст <html> <body> <style> .heade { background-image:url(img/headcenter.jpg); width:100%; } </style> <p>Шапка) <div class="heade"> <img alt="" src="img/headleft.gif"> <img alt="" src="img/headright.gif" style="float: right;"> </div> </body> </html>

    Asked by SID,

    0 votes
    10 answers

  15. line-height по всей видимости как то добавился в Opera

    Люди добрые, не подскажите почему так вышло, что в Opera странно начали отображаться ссылки, такое ощущение, что в Opera, добавился line-height. Не подскажите ли Вы в чем проблема? Заранее большое спасибо. Ссылка на сайт: http://social-it.ru/ Скриншот: http://s007.radikal.ru/i302/1012/1c/4371085eaa5d.jpg

    Asked by Igorpurgen,

    0 votes
    3 answers

  16. Почему фон остается белым?

    Почему фон остается белым хотя я задал цвет фона? http://i13.fastpic.ru/big/2010/1214/27/e66...599e7e0d327.png

    Asked by EDesigner,

    0 votes
    3 answers

  17. Как сверстать эту часть:?

    У меня есть макет и мне надо сверстать вот такое: Как сверстать эту часть:? Я смог сверстать только заголовки , а остальную часть сверстать не могу(Ну которая под заголовками.

    Asked by EDesigner,

    0 votes
    11 answers

  18. Проблема с расположением обтекающих элементов

    Требуется реализовать вот такую вот штуку: В несколько строк подряд идут одинакового размера блоки. При уменьшении окна браузера, не влезающие в строку блоки переходят на следующую. Реализовывается всё достаточно просто, через обтекание. Но вот одна загвоздка, при уменьшении окна браузера, на месте переходящего элемента остаётся пустое место Нужно, чтоб либо все оставшиеся в строке блоки равномерно располагались в строке (можно, чтоб между ними был отступ), либо все блоки центрировались. Первый случай хорошо реализован в ЯндексКартинках (1->2->3), но к сожалению ни первое, ни второе решения с использованием только HTML и CSS я нормально реализовать не смог. Просьб…

    Asked by Adlaran,

    0 votes
    4 answers

  19. Эффект журнальной верстки в веб

    Подскажите пожалуйста можно ли при помощи div+css сделать так, что б картинка обтекалась текстом со всех сторон и при этом была как бы между двумя колонками текста. должно выглядеть примерно так так что бы подобное обтекание было в случае с одной колонкой - понятно. а вот в случае с двумя, что-то меня заклинило...

    Asked by Katerina_,

    0 votes
    9 answers

  20. margin-right:-100% (помогите разобраться)

    Здравствуйте! Есть сайт генератор HTML and CSS. Хочу разобраться с постройкой структуры кода. Выбрал резиновый с эмуляцией одинаковых строк. Пытаюсь понять св-во margin-right:-100%, не пойму принцип действия. Применять то можно, очень важно и хочется понять (разобраться). Помогите пожалуйста со структурой кода?

    Asked by pattaya,

    0 votes
    11 answers

  21. Двух колоночный макет на таблицах

    Здравствуйте, я начинаю изучать верстку, решил сделать двух колоночный макет на таблицах и не могу понять… Хотел делать как на первом варианте, но просмотрел один из видеоуроков и там делалось как на втором, т.е. вкладывалась еще одна таблица. И теперь я не могу понять какой вариант верный и зачем он (автор урока) вложил еще оду таблицу. Помогите пожалуйста, или может Вы знаете где есть объяснения по моему вопросу, заранее спасибо.

    Asked by Dallass,

    0 votes
    12 answers

  22. Народ, помогите с прозрачностью png Ие 5.5+

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

    Asked by Mr Loga,

    0 votes
    9 answers

  23. Как картинку по верх всего повесить?

    Доброго дня всем! У меня вопросик по CSS, помогите ответом: есть фон, на нем верхняя картинка (условно назовем ее Header)которая по ширине уже чем фон, и есть логотип, который надо по верх Headerа закрепить, но так чтобы он вылезал за его рамки? Короче говоря - Как картину по верх всего повесить в произвольном месте??? Я это сделал так: .logo { background-image: url('images/logo.png'); background-repeat: no-repeat; height: 441px; width: 362px; margin: 0; } Но когда меняю значение "margin" карявиться весь сайт!!!

    Asked by Aleksey777,

    0 votes
    10 answers

  24. Не могу задать порядок слоев в ИЕ и О

    Верстал сайтик очередной. И попал в жесткое затруднение. Открываем ссылку например в лисе. Наводим поочередно на левую и правую часть. Появляются тултипы и если кликнуть то будет переход на следующую или предыдущую страницу. Если открыть в ИЕ7-8 или Опере, то ссылки не будет. Будет перекрытие. Пробовал разные вещи 1. Менял порядок вывода элементов, т.е. сначала картинка, потом ссылки, и наоборот 2. Пробовал в блоке позиционировать все элементы 3. Игрался с z-index. Даже не знаю что и делать

    Asked by PaLyCH,

    0 votes
    20 answers

  25. Не корректно отображается меню в ie 6

    Не корректно отображается меню в ie6, подскажите где ошибка, что дописать в стилях, чтобы div-ы не растягивались на всю страницу. Причём если всё вставляю в таблицу, то всё нормально отображается. Вот эта страница с меню

    Asked by antonP,

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