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. 2 значения в href???

    прювет) перейду сразу к вопросу... Есть ссылка <a title="" href="../ind_rus/palomnichestvo/#12apr" rel="nofollow"> Подробнее...</a> при переходе по этой ссылке нужно что бы выполнялся этот скрипт javascript:collapsElement('identifikator4') Можно ли в href засунуть эти два значения? например(не правильно): <a title="" href="../ind_rus/palomnichestvo/#12apr;javascript:collapsElement('identifikator4')" rel="nofollow"> Подробнее...</a> Теперь напишу по другому, на всякий случай)) На открывшейся странице у меня несколько блоков, в одном из них у меня есть раскрывающийся текст, он раскрывается по кноп…

    Asked by edem7778,

    0 votes
    10 answers

  2. 2 и более фоновых изображений

    нужно поставить несколько независмых по местоположению изображения как фоновые. сверху них сверстать таблицей. метод: <table class='img1'> <tr class='img2'> <td class='img3'> </td></tr></table> как бы работает, но раставить другие объекты, на таким образом вставленные изображения, уже невозмжно.

    Asked by deweder,

    0 votes
    1 answer

  3. 2 изображения в фоне сайта

    Здравствуйте! http://stasfetisov.ru/praktika/index1.html Если посмотрите эту страницу в Chrome - всё как надо: 2 картинки - слева внизу и справа вверху. IE и Avant - вообще не отображают картинок. Opera - некорректно отображает левую нижнюю. картинку - не в самом низу, а сильно приподнято. Код CSS описания: <style type = "text/css"> body { background: right top url("img/corner.png"), left bottom url("img/down-corner.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); } </style> Почему только Chrome нормально меня понимает? Как заставить другие браузеры, в частности IE воспринимать нормально обе картинки? Спасибо.

    Asked by StasFetisov,

    0 votes
    5 answers

  4. 2 картинки в div

    подскажите код css, как можно в одну ячейку таблицы вставить две картинки, чтобы одна выравнивалась по верхнему краю, а другая по нижнему и в этой же ячейке применялся градиент, так как эта ячейка будет тянутся по высоте?

    Asked by okunev2,

    0 votes
    26 answers

  5. 2 картинки в одном диве

    как это можно сделать? чтобы одна была в одном углу , а другая - в другом. Как это прописать в CSS ? и ещё поскажите, пожалуйста, вот эта запись верная? : почему-то у меня перед li ничего не появляется.

    Asked by Нusuf,

    0 votes
    4 answers

  6. 2 картинки на бэкграунд

    Возникла необходимость вставить в бэкграунд с две картинки - одну в правом верхнем углу, другую - в левом нижнем. Как это можно реализовать?

    Asked by vitality,

    0 votes
    9 answers

  7. 2 класса как выбрать?

    Здравствуйте. Делаю подсветку активных ссылок. Нашел пример на JAVASKRIPT. Суть скрипта, в том что активным ссылкам (Активная ссылка эта та ссылка которая имеет в теге href тот же адрес, что и в строке браузера вне зависимости от заведений мышкой). пример работы a.menum{ color:black; /*Цвет шрифта*/ } a.actl { /*Обычные ссылки*/ color:#FFFFFF; /*Цвет шрифта*/ } <a class="menum" href="./" >1</a> После работы явас крипта ссылка имеет класс <a class="menum actl " href="./" >1</a> То есть 2 класса. Как сделать так что бы когда у ссылки 2 класса и операторы конфликтовали один класс был выше другого и с него бралось значение. Спасибо.

    Asked by krasavhik,

    0 votes
    2 answers

  8. 2 класса ссылок в одном документе. Помогите!

    Здравствуйте, серьезная проблема: пытаюсь отделить дизайн от html и столкнулась с тем, что у меня второй класс ссылок не работает, перелопатила весь код, не пойму почему так получается... Помогите, пожалуйста! Не работает класс a:link.text, ссылки вообще такими не делаются. P.S. Вставляю весь код, вдруг дело не в самих классах. <html> <head> <title>Layout</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" border="0" align="center"> <tr><td class="top" colspan="3"><div id="profile">Здесь будет текст</div></td></tr> <tr><td class="…

    Asked by vaalru,

    0 votes
    5 answers

  9. 2 колонки

    Вот опять не пойму как быть: конструкция вот такая <div id='content'> <div id='left'></div> <div id='right'></div> </div> #content { height: auto; border: 1px dashed red; } #left { float: left; border: 1px dashed red; width: 720px; min-height: 400px; } #right { border: 1px dashed red; width: 230px; min-height: 200px; float: right; } как сделать чтобы блоки left и right были внутри блока content, и высота блока content зависила от высоты блоков left и right? заранее спасибо

    Asked by kamaz6141,

    0 votes
    3 answers

  10. 2 колонки

    Всем привет, не получается сделать в один ряд колонки... Сейчас так: А хочется вот так)) Вот ксс блоков этих: .new { float:left display:table; position: relative; margin-left: 5px; margin-right: 660px; } .rgh { width: 630px; float: right; } Помоги сделать пожалуйста.

    Asked by heinz,

    0 votes
    9 answers

  11. 2 колонки

    del

    Asked by Ergonav,

    0 votes
    1 answer

  12. 2 Колонки - Не Правильно Отображается В Ie6-7

    Здравствуйте! Очень нужна помощь, так как я сама никак не найду ошибку! http://www.bredova.ru/temp/cosmos/index-2-col.html в IE 6-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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen,…

    Asked by Bredova,

    0 votes
    3 answers

  13. 2 колонки в div

    Помогите пожалуста чайнику как сделать две колонки внутри div по 50%

    Asked by pll,

    0 votes
    5 answers

  14. 2 колонки див

    в блоке есть два блока,в которых также есть блоки. Так вот,проблеммо собственно в том, что при добавлении в левый блок блока с большой высотой растягивается и правый блок,а мне нужно,чтоб только левый тянулся, а правый оставался неизменным вот код html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>LugOS - интернет магазин</title> <link rel="Stylesheet" type="text/css" href="style.css"/> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head&…

    Asked by olejan,

    0 votes
    4 answers

  15. 2 колонки и IE

    Собственно, нужно добиться: А ИЕ выдает: Вот HTML: <div id="page"> <div><div id="left"> Menu </div> <div id="content"> <p>Content</p> </div></div> <div id="footer"> Footer </div> </div> А вот CSS: #page { width:1010px; background-color:white; margin-top:15px; text-align:left; padding:5px; } #left { float:left; width:300px; } #content { width:700px; margin-left:305px; } #footer { width:100%; } Помогите пожалуйста!!

    Asked by rizorko,

    0 votes
    15 answers

  16. 2 колонки с позиционированием текста внизу в 1 колонке

    Всем доброго времени суток. Имеется список вакансий. Должно быть так: На данный момент так: одна вакансия, 2 блока левый блок плавающий. 1) надо сделать левый блок растягивающимся по высоте правого. (в принципе необязательно, я могу сделать нижнюю рамку у контейнера родителя. А с другой стороны, как тогда прибить этот блок к низу родительского блока?) 2) надо прибить текст в левой колонке к низу. html-код <div class="elem"> ... <div class="elem_title"> <a href="?rm=show_vacancy;vacId=3446"> бухгалтер </a> </div> <div class="info_left"> 24.07.2010<br/> <a href="?rm=show_vacancy;vacId=3446"> ... </a>…

    Asked by Aurica,

    0 votes
    4 answers

  17. 2 колоночный "резиновый"макет с параметром width-min

    Здраствуйте Подскажите какие есть способы создания 2 колоночного "резинового" макета с параметром width-min те первая колонка была фиксированой а вторая (правая) могла сжиматься до определенного значения указаного в width-min. если размер меньше width-min то появляется скрол (у меня сейчас макет сыпится ;-(( ) спасибо всем кто ответит!!!

    Asked by Roman111,

    0 votes
    1 answer

  18. 2 колоночный дизайн

    Помогите пожалуйста, уже руки опускаются... Есть дизайн - http://rghost.ru/24021801.view Хотела сделать так, чтобы было не просто в 1 колонку, а 2 две, чтобы еще меню, форма входа, и т.д. и т.д. было... То есть, зеленым блоки малые, а красным новости... Как сделать? Я уже извелась вся, пробовала и так и сяк... Вот что должно получится примерно: http://rghost.ru/24022051.view (сделано в фотошопе). Код главной странички: и CSS: помогите пожалуйста, буду очень благодарна.

    Asked by natalika,

    0 votes
    14 answers

  19. 2 независимых div

    Имеется сайт с шириной 940 пкс. Нужна шапка, которая тянется по всей ширине браузера. Проблема в горизонтальном скроле. Что рассказывать, лучше показать: http://jsfiddle.net/ramon111/S6NPP/12/ С overflow-x:hidden для body все вроди ничего, но это свойство не поддерживают мобильные браузеры (например Android), а это очень важно. Помогите плиз, мозги размазал, ничего не могу придумать.

    Asked by ramon111,

    0 votes
    4 answers

  20. 2 неразрешенные задачи: анимация блока и абсолютное позмционирование градиента

    http://4tab.pavelzheglov.ru/new/ Здесь 2 задачи, которые у меня не получилось решить: 1) Нужно сделать полоску градиента внизу текста, ни абсолютным позиционированием, ни псевдоклассом ::after сделать этого не получилось. Пример с кривой версткой, что бы было понятно, что нужно, здесь: http://4tab.pavelzheglov.ru/sample1.html 2) В панели с параметрами статьи (автор, комментарии, просмотры), есть скрытый span, который по задумке разъезжается при наведении (это чтобы можно было уместить больше такой информации). Корректно работает только в ФФ, Опере и ИЕ. Вебкит-браузеры добавляют какие-то странные отступы.

    Asked by Jackky,

    0 votes
    9 answers

  21. 2 отдельно прокручивающихся слоя

    Как реализовать такое?Т.е для этих 2х слоев должна быть своя полоса прокрутки. Извиняюсь,если ошибся разделом.

    Asked by gesandte,

    0 votes
    3 answers

  22. 2 ошибки при проверке валидатором///Doctype: HTML5

    Проверяю на валидность главную страницу, валидатор рапортует Line 330, Column 72: Attribute alt not allowed on element a at this point. …BBEPX" href="javascript://" id="toTop"><img src="catalog/view/theme/default/im… Attributes for element a: Global attributes href target download rel hreflang type Line 330, Column 72: Bad value javascript:// for attribute href on element a: missing } after function body …BBEPX" href="javascript://" id="toTop"><img src="catalog/view/theme/default/im… Line 330, Column 72: Attribute alt not allowed on element a at this point. …BBEPX" href="javascript://" id="toTop"><img src="catalog/view/theme/default/im… Attributes …

    Asked by RichV,

    0 votes
    6 answers

  23. 2 Проблеми с IE

    Здраствуйте ,у меня возникли две ошибки в ИЕ 6 и ИЕ 7 1(ИЕ 6) Появился отступ http://img51.imageshack.us/i/73003882.png/ , он только в ИЕ 6 2.(ИЕ 7) Текст виходит за свою линию - http://img23.imageshack.us/i/67990511.png/ Так отображается в Хром - http://img819.imageshack.us/i/39789456.png/ Где может бить ошибка???

    Asked by Mr.Black,

    0 votes
    5 answers

  24. 2 проблемы

    В общем сайт http://underwhat.mpchat.ru/ Там видно что ? Чаты при поддержке mpchat.ru налезло на картинку. Как это ? Чаты при поддержке mpchat.ru перенести вниз?Непойму никак..смотрела другие коды всеравно там же оста?тся... И как сделать чтобы снег падал до конца документа? Вот код если что... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Аггробабруйск</title> <style type="text/css"> <!-- body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> <link href="css/main.css" rel="stylesheet" type="text/css…

    Asked by giba,

    0 votes
    6 answers

  25. 2 проблемы при верстки меню

    Здравствуйте. Учусь блочной верстки, заодно стараюсь придерживаться семантики, которую тоже изучаю. И заглох в реализации следующего примера: Увидел на сайте меню с помещенными поверх текста полупрозрачными png картинками. Решил попробовать ссылку в строку браузера, если не отображается картинка ссылку в строку браузера, если не отображается картинка Быстренько накидал такое вот текстовое меню. На цифрах сделал градиентную png картинку вот такую В итоге поместить градиентный png, вроде, получилось с помощью абсолютного позиционирования. И вроде все хорошо было, и hover работает, но вот проблема - 1. Не могу отцентрировать текст по высоте строки(пункт помечен галочкой)…

    Asked by Juice,

    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