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. ПРАКТИКА CSS

    Здравствуйте Уважаемые верстальщики. Около 6 месяцев тому назад я пробовал научиться верстать сайты, после чего забросил верстку, так как не было на нее время. И сейчас я заново решил взяться за верстку, и пришлось начинать опять с нуля. Хорошо что раньше я создавал для себя шпоры по свойствам и тегам, что позволило мне вспомнить пройденый раньше материал. Сейчас моя голова полна теорией, а хотелось бы покопаться в шаблонах чтобы посмотреть как это все работает на практике. И я хочу попросить вас парочку ссылок на готовые шаблоны, где можно посмотреть как правильно верстать кросбраузерные, валидные сайты. п.с правильно ли я выбрал инструменты для верстки? notepad ++ to…

    Asked by Ten,

    0 votes
    9 answers

  2. непонятные комментарии

    Всем привет! ...Друзья попросили поменять им дизайн сайта. Ихи сайт делался лет 5 назад и устарел.. Я его сверстал, и вот уже хочу выложить в инет, но у меня не было подобного опыта.. боюсь напортачить.. смущают такие вещи: в предыдущей вёрстке автор писал: <body link="#0066FF" vlink="#6633CC" bgcolor="#FFFFCC" background="index.files/image293.png" style='margin:0'> <!--[if gte vml 1]><v:background id="_x0000_s2049" o:bwmode="white" fillcolor="#ffc" o:targetscreensize="1280,800"> <v:fill color2="#6cf" focus="50%" type="gradient"/> </v:background><![endif]--> и вот эти комментарии а-ля <!--[if gte vml 1]>, <![if !vml]&gt…

    Asked by cardsmoney,

    0 votes
    4 answers

  3. 100% высота таблицы в таблице (XHTML)

    С разворачиванием таблицы во весь экран, я разобрался, а таблица в таблице никак не хочет разворачиваться в полностью доступное место, возможно ли это сделать? не помогает ни min-height ни маржини ни падигни =), скрипт если только, доктайп XHTML 1.0 Transitional

    Asked by SoFuWa,

    0 votes
    2 answers

  4. Кнопка для печати

    Как сделать кнопку именно с изображением для печати страницы?

    Asked by LianaK,

    0 votes
    5 answers

  5. Работа с Float:left и margin:left

    Ребята, привет! Возможно моя проблема покажется вам глупой, но все же спрошу: Есть контейнер, в котором прописана картинка в качестве фона. В контейнере прописываю слой контент, в нем еще один слой с рамкой и отступами top и left по 5px, который должен располагаться слева. В #content ставлю флоат-лефт, а #content-left прописываю маргины. В этом случае картинка отображается только в IE. Пробую по-другому: убираю флоат-лефт, прописываю маргин-лефт в #content-left. А в #content ставлю маргин-топ. Тогда контейнер с картинкой в Опере и FF отступает вместе с дочерним элементом. А в IE все корректно. Помогите, плиз, глупой девушке, а то уже голова трещит!!!

    Asked by alifa,

    0 votes
    4 answers

  6. Прозрачность background в IE

    Добрый день ! Сталкнулся с проблемой background . В мазиле он прозрачный т.е. наследует по умолчанию отцовский а в IE нет , просто белый , пытаюсь убрать его не получается помогите .

    Asked by bgraf,

    0 votes
    11 answers

  7. Имитатор IE6

    Добрый день ! Подскажите может есть какая то програмка Имитатора IE6 для проверки Спасибо

    Asked by bgraf,

    0 votes
    3 answers

  8. Чем проверить возможности броузера?

    Появился такой вопросик, как и где подсмотреть возможности каждого броузера, то есть поддерживает ли CSS3, тянет ли SVG и прочие фишки, ради интереса! знаю есть acid 3 но заходя на сайт он просто показывает шкалу соответствия но не показывает подробности, подскажите плиз

    Asked by TonKhaO,

    0 votes
    10 answers

  9. вставить флеш

    вставил флеш <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="1006" height="282"> <param name="allowScriptAccess" value="sameDomain" /> <param name="flashvars" value="posit=1"/> <param name="movie" value="media/head.swf" /> <param name="quality" value="high" /> <PARAM NAME=wmode VALUE=transparent> <embed src="media/head.swf" wmode=transparent quality="high" width="1006" height="282" name="head" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macro…

    Asked by sc@r@bey,

    0 votes
    6 answers

  10. Шрифт и тень

    возможно ли создать шрифт, который будет отбрасывать тень средствами css?

    Asked by sc@r@bey,

    0 votes
    10 answers

  11. Position relative и IE6

    Доброго времени суток Уважаемые коллеги. Есть конструкция: <div class="main"> <div class="header"> </div> <div class="content"> </div> <div class="block"> </div> </div> У main position relative и у блока block тоже position relative он должен позиционироваться в main поверх всех блоков Моя задумка воплотилась в жизнь в mozilla, opera, google crome, safari. IE на отрез отказываться отображать block загоняя его под main, z-index не помогает. Что делать??????

    Asked by taran,

    0 votes
    6 answers

  12. Вопрос по верстке

    Собственно необходимо сверстать то, что изображено на рисунке. Я сам сделал так : <ol> <li><a href="#">Иванов</a><span>123</span></li> <li><a href="#">Петров</a><span>56</span></li> <li><a href="#">Сидоров</a><span>67</span></li> </ol> Загвоздка в том, как сделать так чтобы в inline элементе li фамилии выравнивались по левому краю, а рейтинг по правому. чуствую, что тут необходимо перейти к блочному представлению (display: block) Подскажите плз. http://www.zshare.net/image/71415107aaff911e/

    Asked by wuwie,

    0 votes
    5 answers

  13. Рамка у textarea мешает дизайну.

    Заведенная вновь мной тема уже когда-то поднималась я где-то в результатах поиска видела - сейчас не могу найти. И уважаемый s0rr0w сильно ругался на автора темы. Тем не менее, мне необходим ответ на поднимаемый вопрос. На самом деле вопроса два. 1. У меня имеется Select с множеством записей. Селект не выпадающий, а прокручивающийся. У меня возникла необходимость убрать бордер у селекта, ибо в дизайн сайта эта рамка ну никак не вписывается. .select{ width:100%; height:300px; margin:0px; border:0px solid black; } простой бордер со значение 0 понимает только ФФ. Ни какой ИЕ - ни 6, ни 7, ни 8 - это не понимает. Как заставить ИЕ все же убрать эту злосчастную рамочку? 2. …

    Asked by In_Variant,

    0 votes
    18 answers

  14. натянуть div на таблицу

    Обновляю данные в таблице через ajax запрос, таблица содержит ссылки, нужно запретить пользователю всякие манипуляции с ней, пока ждем ответа с сервера, думал сделать по аналогии с диалоговыми окнами, когда на всю страницу вешается полупрозрачный div, запрещающий доступ к таблице, помогите пожалуйста.

    Asked by mola10,

    0 votes
    10 answers

  15. Странные проблемы при верстке для ie 6.0

    Всеми нами любимый Ишачок - совсем сошел с ума, начал вырывать куски текста. Смотрим скриншот: Когда наводиш курсор на первый пункт меню - как видим злощастное полу-слово "ма заказа" испаряеться. ! Но при наведении курсора на другие пункты меню - ничего не происходит: При выделении полу-слова "ма заказа" автоматически выделяеться нормальное "Форма заказа": Ну а вот и сам код этой менюшки: <div id="menuBar"> <div class="menuBarLeft"></div> <div class="menuBarCenter"> <a class="MBLink" href="index.html" title="Главная страница сайта iPhone-uz.com">На Главную</a> <img class="fLeft" src="design/img/menubar/end.jpg" alt=…

    Asked by trinat,

    0 votes
    6 answers

  16. Как правильно обнулять отступы перед началом верстки?

    Пару раз видел на форуме подобные темы, решил наконец разобраться! Раньше делал * {margin: 0px; padding: 0px;} обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно? спасибо

    Asked by TonKhaO,

    0 votes
    8 answers

  17. выпадающее меню, написанное на css, уходит под блоки, расположенные ниже но только в IE

    Здравствуйте, я снова к Вам с проблемой. Я являюсь новичком в верстке, поэтому уж выручайте Я сюда уже писала про свое меню. С той проблемой разобралась. Уже хотела выдохнуть, но не тут-то было. В MFF, Operа все выглидит как надо, просто супер. А IE как всегда в своем репертуаре. Так меню должно выглядеть и выглядит в MFF и Opera: А так оно выглядит в IE: Вот код css для меню: table.nav {position:relative;top:114;white-space:nowrap;} #nav {padding:0; margin:0; list-style:none; height:38px; z-index:500; font-family:Georgia;white-space:nowrap;} #nav li.top {display:block; float:left; } #nav li a.top_link {display:block;float:left; height:35;line-height:33px; color:#9…

    Asked by heny,

    0 votes
    21 answers

  18. Проблема в ie6

    Добрый день! Сверстала макет из раздела "Макеты для вёрстки". Во всех браузерах отображается нормально, а в ie6 возникли проблемы с футером - он не растягивается на всю ширину контейнера. Ссылка на страницу Скриншот в ie6 с бордерами Помогите, пожалуйста, разобраться. И, если можно, хотелось бы получить комментарии в общем по верстке, т.к. у меня не хватает сообщений, чтоб запостить в "Обсуждение работ".

    Asked by Anora,

    0 votes
    3 answers

  19. Как добавить дефис к пункту меню в цсс?

    Добрый день Сразу к делу. Как можно подпункт меню каждый дедать с дефиса, как на картинке Как на картинке. Заранее спасибо

    Asked by artpol,

    0 votes
    1 answer

  20. Очень нужна Ваша помощь!

    Всем доброго времени суток! Возникла такая проблема с сайтом (Мой сайт): в FireFox всё отображается отлично: , а в ИЕ текстовое поле съезжает примерно на пиксель: и я не понимаю из-за чего Уже второй день сижу над этим. Суть в том, что картинка разбита на три части: 1я находится в шапке (называется menufon2.jpg) 2я находится в таблице с текстом (textback2.jpg) 3я - в "подвале" (nogi_luk2.jpg) все они (кроме 3) сделаны как background таблицы. Я сделал так чтобы при большом кол-ве текста второй рисунок красиво растягивался без верхней и нижней части (а можно растянуть целековую картинку, но только по середине?). Это мой первый сайт, так что не судите очень строго За л…

    Asked by korjeg,

    0 votes
    14 answers

  21. Верстка табличных данных

    Всем привет. Хотелось бы услышать мнение касательно верстки табличных данных. Есть ли смысл в следующей верстке табличных данных(css код не привожу поскольку он довольно "запутанный") <!-- строка --> <div class="GridRow"> <!-- левый статический блок --> <span class="GridLeftStaticBloc"> <span class="gDate">26.12.1985</span> <span class="gQuantity">150</span> </span> <!-- блок занимающий все оставшееся пространство --> <span class="GridResizableBloc"> <span class="gTitle">Titl Number Number e Title</span> <span class="gNumber">Number Number Number</span> <s…

    Asked by CoDy,

    0 votes
    1 answer

  22. ie7, фоновое png, ссылки над ним не работают

    Есть некоторый div, который абсолютно спозиционирован относительно body Т.е. он всегда в правом верхнем углу экрана В этом диве в качестве фона используется png-шка В блоках, которые располагаются поверх этого изображения, присутствуют ссылки Так вот в ие7 и ниже они не работают, отображаются, но ховера нет В чем может быть причина? Помогите разобраться

    Asked by theo_,

    0 votes
    5 answers

  23. Фон

    Здравствуйте! Такая задача: у меня есть полосочка фона. Мне нужно её расположить внизу страницы и раскопировать горизонтально. Я нашёл в интернете упоминания команд background-position и background-repeat но они как-то не хотят работать. При вводе любых значений картинка продолжает копироваться на весь экран Научите, пожалуйста! (мне нужно это сделать на простом html) СПАСИБО!

    Asked by mickle82,

    0 votes
    7 answers

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

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

    Asked by foreigner09,

    0 votes
    13 answers

  25. Модуль чат вытягивает новость

    Всем привет! Снова обращаюсь к Вам всем за помощью В общем проблема такая: поставил модуль чат, а он вытягивает первую новость блога... Впрочем объяснить сложно зайдите пожалуйста сюда и посмотрите: fiesta-xi-xi.ru Код я кидать не буду так как его много, и его можно посмотреть в браузере Заранее спасибо!

    Asked by MC WEST,

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