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. Не полчаеться заправить слои в еще один слой-обертку!

    Добрый день! Не получаеться завернуть дивы в обертку! Оберткой служит , но почему же не получаеться и нижний слой лепиться к последнему слою первого ряда?! И неда предлагать никакие в три колонки там и т.д, я знаю что можно подругому! Меня интересует почему не получаеться заправить слои, а не это!!! Не знаете, то лучше молчите!!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled</title> <style type ="text/CSS"> body{ background-color:#000000;} * { margin: 0; padding: 0; border:1px solid white } h…

    Asked by WEB_bobby,

    0 votes
    7 answers

  2. BACKGROUND - наложение

    привет всем !!! люди подскажите как наложить один бакграунд поверх другого ?

    Asked by dima2207,

    0 votes
    7 answers

  3. Возможно ли с помощью псевдокласса hover.....

    Привет всем! Есть вопросик: возможно ли при помощи псевдокласса hover при наведении курсора на ссылку загружать в элемент с заданным id(допустим в ячейку таблицы) какое либо графическое изображение или менять стиль? Так сделать можно с помощью JS, а с помощью hover?

    Asked by V@dimK@,

    0 votes
    7 answers

  4. expression - зависимость контента от активной области браузера

    Возникла проблемма. Имеется дизайн у которого по бокам много различных элементов(узоров). Сам шаблон в ширену 1200, а основная часть приблезительно 1000. 100пикс по левому и по правому краям занимают узоры. Прикрепил узоры слоями к основной части по левому и правому краю. Основная часть фиксированная, поэтому варианты с тянущейся основной отпадают.... Проблемма собственно в чем: пытаюсь адаптировать этот дизайн под 1024, но ничего не получается -- из-за узоров появляется полоса прокрутки. Нужно средствами CSS узнать ширешу экрана и в зависимости от расширения автоматически подрезать слои-узоы чтобы полосы не возникало. Слышал о небольших JavaScript включениях в файлы CSS…

    Asked by Maslakoff,

    0 votes
    7 answers

  5. не активная ссылка активной страницы

    Такая проблема, никак не могу сделать так, что бы активная ссылка на страницы была обычным текстом, т.е. что бы страница не ссылалась на саму себя. И вообще, реально ли это?

    Asked by Konan,

    0 votes
    7 answers

  6. Выравнивание div'ов внутри div'а если есть float:left

    Есть такое: Как сделать, чтобы картинки выравнивались по центру относительно container? - не помогает.

    Asked by Satiin,

    0 votes
    7 answers

  7. куда поставить ID?

    Добрый день! Проблема такая. Необходимо к маркированному списку добавить id="afi". Идентификатор задает шрифты и пр. именно для этого списка из 20 строчек. Вопрос: идентификатор надо добавить только к - вот так ?Или помимо этого его надо добавить еще к каждому [*] из этого списка? Спасибо!

    Asked by Vimaz,

    0 votes
    7 answers

  8. margin - padding в таблице

    Хочу получить нумерованный список в ячейке таблицы и установить отступ от границы ячейки до цифр 10px. Вообще не врубаюсь в логику IE 6, Mozilla, Dreamweaver 8 и как они соответстыуют рекомендации http://www.w3.org/TR/REC-CSS2/box.html. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style title="text/css"> ol{ /*margin-left: 10px;*/ /*Непонятно... в IE 6 цифры не входят в блок ol и заходят на границу ячейки Как считает Mozilla 2.0.0.4 тоже не понятно*/ padding-left: 10px; /*IE 6, Mozilla, Dreamweaver 8 - у всех поразному ...*/ border: 1px solid #00FF66;} li{ …

    Asked by jump,

    0 votes
    7 answers

  9. ячейка не заполняется полность

    начал верстать шаблон в таблице, все вроде бы нормально, вставляю контент таблица рвется, вот http://vita-anapa.ru/valuta.html как сделать что было вот так http://vita-anapa.ru/ даже с контентом

    Asked by sc@r@bey,

    0 votes
    7 answers

  10. 100% по высоте в блочной верстке

    Доброго дня! Есть раскладка на флоатах <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <link href="index-block.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="leftcol">MENU </div> <div id="rightcol"> <div id="head"> HEAD </div> <div id="content"> CONTENT </div> </div> <div id="footer">FOOTER</di…

    Asked by Darkside,

    0 votes
    7 answers

  11. Кодировки

    Как сделать сайт в двух кодировках? КОИ-8 R и виндовской?

    Asked by B@rcaF@n,

    0 votes
    7 answers

  12. FORM - в таблице появляется отступ

    Когда вставил в ячейку таблицу, это элемент формы: <td height="35" class="header7"> <form> <select> <option selected>Выберите для перехода</option> <option>Меню 1</option> <option>Меню 2</option> <option>Меню 3</option> </select> </form> </td> вот cllass - header7, который заливает ячейку фоновым рисунком: td.header7 { background: url(images/img_header11.jpg); text-align: left; } все съехало Подскажите как сделать обтекание этого элемента формы и выравнить по центру и по левому краю ячейки таблицы, и как оформить элементы формы select (цвет границы, цвет стрелки на бегунке)?

    Asked by okunev2,

    0 votes
    7 answers

  13. Opera version hacks

    Подскажите пожалуйста, как в CSS можно написать правило для конкретной версии оперы? Дело в том, что 7-я и 8-я по-разному размещают абсолютно позиционированный элемент. Тут уже обсуждалось решение с использованием PHP, но в моем случае лучше обойтись без этого. Благодарен за любые подсказки

    Asked by rash,

    0 votes
    7 answers

  14. frD-Вставка комментариев в фотоальбом.

    Я только начинаю изучение HTML поэтому сильно не пинайте. А вопрос такой: Как мне сделать что бы любой посетитель в мо?м фотоальбоме мог оставлять комментарий?

    Asked by clever,

    0 votes
    7 answers

  15. Выравнивание DIV-ов по низу таблицы

    Имеетс два ДИВа заключенных в ячейку таблици. Надо выравнять DIV-ы по низу таблицы. У меня получается примерно следующее Дивы выравниваются по низу таблицы когда одинаковые. Но когда один из них становиться больше другого то меньший начинает равняться на верх большего, а не на низ таблицы. +———————-+ | | | | | +—--+ +——+| | | 1 | | || | +—--+ | 2 || | | || | +——+| +———————+ Можно это как-то исправить? Вот код: CSS td.logo { height: 82px; width: 250px; padding: 5px 0 0 5px; vertical-align: bottom; } #logo { /* Логотип */ height…

    Asked by zhukovia,

    0 votes
    7 answers

  16. CSS и формы

    Вопрос касается применения css в формах. Интерисует такой общий вопрос: как сделать формы на сайте красивее? Тоесть рамки текстовых полей(input,textarea) не стандартного цвета, расстояние между ними тоже другое, и кнопку поставить свою, но чтобы тип ее был стандартный(Submit или Reset)

    Asked by YaGub,

    0 votes
    7 answers

  17. Как правильно нарезать

    Подскажите пожалуйста, как правильно нарезать и сверстать такой дизайн (интересуют основные моменты - бэкграунд, узоры) : www.erges.com/main7.jpg Особенно волнует логотип с тенями. Стоит ли вообще возиться с этими тенями, или вс? равно коряво будет?

    Asked by vip,

    0 votes
    7 answers

  18. В чем разница?

    Есть ячейка таблицы 100х100, есть картинка 100х100. В чем будет разница если я загружу картинку в ячейку или сделаю эту картинку фоновым рисунком ячейки? Спасибо.

    Asked by Slon,

    0 votes
    7 answers

  19. высота ячейки и разрешение\тип монитора

    Наткнулся на определ?нную проблему. У меня картинка разрезана на 2 фрагмента, которые вставлены фоновыми рисунками в 2 ячейки (TD). При отображении ячеек одна под другой получается целый рисунок. Верхнюю ячейку фон заполняет целиком (утрируя - ширина и высота рисунка=ширине и высоте ячейки). В нижней ячейке background-position:top; Поверх фона ид?т текст, а в верхнюю ячейку встроена ещ? одна таблица с текстом ( <table> <tr> <td style="background-attachment:fixed; background-image:url(imagesban.gif);....."> <table><tr><td>ля-ля-ля</td></tr></table> </td> </tr> </table> ). К таблицам приминяются отсту…

    Asked by toro,

    0 votes
    7 answers

  20. Таблица : фиксированные колонки

    здравствуйте. подскажите плиз как реализовать следующее: есть таблица шириной 100%. таблица имееть заголовки. заголовок может покрыват несколько колонок (ну ето не так важно). проблема заключаеться в том, что некоторые заголовки (ну собственно и совокупность колонок под ними) должны иметь свою фиксированную ширину, но выставляя ширину таблицы в 100% все летит к чертям и оно растягиваеться как хочет =( код: сss #grid { border:0px; /* border="0" */ border-collapse:collapse; /* cellspacing="0" */ /*width: 100%;*/ } #grid td { padding:0px; /* cellspadding="0" */ text-align: center; vertical-align: middle; } /*** subject line ***/ #grid th.index { width: 20px; } #grid …

    Asked by klierik,

    0 votes
    7 answers

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

    на этом сайте возникла проблема с всплывающим меню. оно прячется под красный блок, ничего не могу с этим поделать... Есть идеи?

    Asked by glazs,

    0 votes
    7 answers

  22. Подвал сайта "пожирает" страницу

    Подвал сайта накладывается на содержание и право и левое меню _http://www.meeting.lv/service/about_us.php в ч?м проблема? Браузер IE 6

    Asked by boom.olezka,

    0 votes
    7 answers

  23. OBJECT вместо IFRAME

    Раз элемент IFRAME заперещен в XHTML Strict, то нужно как-то без него обходиться. Вот только как? Элемент OBJECT конечно может отобразить другой документ на странице, но это само по себе бесполезно, если учесть что атрибут TARGET тоже запрещен. Таким образом, необходимо придумать как по клику на элементе панели навигации сайта менять документ, загруженный элементом OBJECT. Вот такой способ... <object id="information_field" data="page_1.html" type="text/html"> <div class="button" onclick="information_field.data=page_2.html';"> ...не подходит. Атрибут меняется, но на странице все остается по прежнему. Что же делать???

    Asked by Excelsus,

    0 votes
    7 answers

  24. Изменение стиля

    Ребята, подскажите код css, может кто сталкивался, для оформления всех элементов в overflow, ну чтобы и в ИЕ, Мозиле и Опере работало. Вот есть что: #scrolldiv1 { overflow: auto; height: 140px; width: 949px; } вот собственно, понятно что выводится: Я хочу сделать что-то подобное:

    Asked by okunev2,

    0 votes
    7 answers

  25. Двоится текст в IE

    Вот тут по ссылке скриншот... Этот глюк уже просто в горле здоровой костью застрял... Может кто-нибудь подскажет, из-за чего это происходит и как это поправить? ПОМОГИТЕ, НЕРВЫ ГОРЯТ http://extcity.com/work/ie_shit.jpg

    Asked by SufiT,

    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