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

    Делаю сайт на WP. В IE некорректно отображается фон и бордер гл. страницы. http://goo.gl/KIeFS Поставил CSS3 PIE, но он не работает... .page-id-61 { background:url(../images/bg-bottom.png) no-repeat bottom right, url(../images/background.png); border-width: 22px 0px 22px 0px; -moz-border-image: url("../images/bg1.gif") 22 0 22 0 repeat stretch; -webkit-border-image: url("../images/bg1.gif") 22 0 22 0 repeat stretch; border-image: url("../images/bg1.gif") 22 0 22 0 repeat stretch; behavior: url(http://имя-сайта.ru/wp-content/themes/twentyeleven/PIE.htc); } Подскажите, пожалуйста, что не так делаю. Бьюсь уже второй день и все безрезультатно...

    Asked by Poptimistic,

    0 votes
    0 answers

  2. Изображения валидации (?) в подвале сайта

    Доброго времени суток. На многих сайтах в их подвале можно увидеть изображения одного шаблона, но разной смысловой нагрузки. Например, paste.org.ru: ucoz.ru: Есть ли у такого шаблона изображений общее название? Как узнать про них подробнее?

    Asked by Paranoia,

    0 votes
    0 answers

  3. Вопрос про селекторы

    Вот смотрите допустим html код следующий - ... <body> <div id="wrap"> <div id="left"> <div class="menu"> <h2>Menu</h2> <span class="main_menu">Main menu</span> </div> </div> <div id="content"> ... </div> </div> </body> ... Как ГРАМОТНО обратиться к ГЛУБОКИМ селекторам? Нужно ли писать ДЛИННЫЕ последовательности? Понятно что сработает любая запись, и понятно что из-за длинных записей увелич-ся размер док-та, но все же. Лично мне удобней писать длинные последовательности. А правильн…

    Asked by FoxyFru,

    0 votes
    1 answer

  4. Div Height 100%

    Здравствуйте! Подскажите как растянуть #sidebar и #content на 100% по вертикали. Сейчас все прекрасно тянется, но возникает проблема со скроллом из-за #header. Знаю как это сделать с помощью JS, но не хочется код засорять мусором. Спасибо. Вот исходный код примера.

    Asked by yarikus,

    0 votes
    6 answers

  5. min-width для пунктов меню

    li a{display:block;height:56px;text-align:center; padding-top:45px;float:left; min-width:40px; background:url(munu_bg1.png) 50% 0 no-repeat } подскажите как тут поступить для динозавра IE6? У меня пункт меню имеет ширину AUTO!

    Asked by dostel1,

    0 votes
    0 answers

  6. Неадекватный IE

    Люди, подскажите, может кто знает. Кроссбраузерный вариант отображения фоновой картинки по высоте и ширине страницы. Используется правило для IE, однако, когда подключается css - страница отображается, но при этом не работают ни ссылки ни текстовые поля, даже текст нельзя выделить. Вот проблемный код (если отключить - все работает, но фоновая картинка, естественно, не отображается). .body { width: 100%; position:fixed; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elements/bg3.jpg', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elements/bg3.jpg', sizingMethod='scale'); z-index: 0; }

    Asked by sanchous1,

    0 votes
    1 answer

  7. cufon не генерирует шрифт

    Встала задача использовать на сайте нестандартный шрифт. Решено было использовать cufon + Jquery. Но cufon наотрез отказывается принимать файл со шрифтом и пишет следующее: Шрифт a_BosaNova Bold (True Type) (формат файла TTF) Не силен в тонкостях создания/редактирования шрифтом, поэтому не совсем понимаю что от меня требуется. Можно ли как-то разблокировать этот шрифт, если он заблокирован или может его как-то надо преобразовать в PFA или PFB (что вообще это такое?) и найти в системе упомянутые "припрятанные папки"?

    Asked by webro,

    0 votes
    4 answers

  8. Фиксированная ширина на th в IE

    Пытаюсь задать фиксированную ширину на table th.first (Там где написано "Gioco") (страничка http://casino.titanbet.it/vincite-per-mese.html) .page th.first{ display: block; z-index:1; width: 300px; } В chrome и FF отображается как нужно. Подскажите п-ста что я делаю не правильно.

    Asked by Pumych,

    0 votes
    2 answers

  9. верхняя ячейка "расползается" по высоте за счет нижней

    Помогите, пожалуйста, решить вот какую проблему: есть таблица <table id="subCont" width="1111px" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="leftColl" rowspan="2" height="471px"></td> <td id="header"></td> </tr> <tr> <td id="innerCont" rowspan="2" valign="top"> <p>content</p> </td> </tr> <tr> <td valign="top" id="contSideLeft"></td> </tr> </table> к ней стиль table#subCont { border-collapse: collapse; empty-cells: show; table-layout: auto; } td#leftColl { max-height: 471px; height: 471px; width: 355px; b…

    Asked by triton,

    0 votes
    0 answers

  10. Начинающий с 0-0

    Добрый день! Есть желание и время научиться делать красивые сайты. Посоветуйте пожалуйста: 1. алгорит обучения (с чего начать и поэтапно) 2. материалы для обучения (только если можно толковые, а то прочитанна куча по HTML и т.. но сайты делать не научился)

    Asked by dom7a,

    0 votes
    2 answers

  11. Скрипт ЛаваЛамп и двухуровневое css меню

    Здравствуйте. Пишу сайт - http://saionara.fd0.ru/, исполоьзовал скрипт лавалампы, но при переходе на первый уровень меню, полоска раздвигается на две первые ссылки. Не знаю, как сказать точнее, тут по-моему лучше увидеть. Можно это как-нибудь победить? Хотелось бы, чтобы работало независимо от переходов по выпадающим менюшкам... Может кто сталкивался? Тут по-моему надо подправить сам скрипт, чтобы перемещение по подчиненным элементы li на него не влияли, но не знаю как.

    Asked by zhuravlik,

    0 votes
    1 answer

  12. Проблема margin

    Здрасти всем, у меня возникла проблема в margin, прощу помощь. Вот html страница <body> <div id="center"> <div id="logo"></div> <div id="leftbar"> тесттттттттттттттттттттттттттттт </div> <div id="rightbar"> <div id="panel">Панел</div> <table> <tr><th>#</th><th>тест</th><th>тест</th></tr> <tr><td>1</td> <td>тест</td> <td>1111</td></tr> <tr><td>2</td> <td>тест</td> <td>26.02.1992</td></tr> <tr><td>3</td> <td>тест</td> <td>08.05.1…

    Asked by HQ_Maker,

    0 votes
    1 answer

  13. IE9 - режим совместимости

    Подскажите пожалуйста, как сделать, чтобы при открытии сайта через ИЕ9, режим документов: стандартный ИЕ9, т.к. по-умолчанию он идёт "совместимый"

    Asked by SkyTrace,

    0 votes
    1 answer

  14. Рисование с помощью CSS3

    Когда увидел это чудо, решил тоже создать что то интересное, в связи с чем вопрос, поддерживает ли css3 сплайны? И где можно почитать подробнее про рисование?

    Asked by Tmin10,

    0 votes
    3 answers

  15. Background - при 800х600

    Доброго всем. Есть проблема, встречала неоднократно, решения пока не нашла. тестовая верстка здесь Если открыть сайт при разрешении 800х600, появляется полоса прокрутки, т к макет верстается на 1000 по ширине. При прокрутке сайта вправо фон в футере там, где не виден сразу, не отображается. Задавала ширину футера и width:100% и min-width:100% - никакой разницы. С этим можно как-то бороться или нет?((

    Asked by Taatshi,

    0 votes
    6 answers

  16. css3 transition

    Всем привет. В принципе код: nav .menu > ul { float: left; font-size: 12px; text-transform: uppercase; } nav .menu li { list-style: none; line-height: 25px; } nav .menu > ul > li { float: left; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } nav .menu > ul > li:hover { background: #f9623e; …

    Asked by Nightmare,

    0 votes
    1 answer

  17. ИМ Связной и способ их работы

    Доброе утро всем! и с наступающим НГ и "концом света" Такой вопорос, до меня дошел слух что магазин Связной тянет свои карточки товаров Ноубуков ( _http://www.svyaznoy.ru/catalog/notebook/1738) от другого сайта, но вот понять как он это делает и найти в коде те моменты которые на это бы указывали у меня не получается. Можно ли по коду страницы точно определить от куда берется контент (фотографии товара, характеристики и возможно описание) и как? Вопрос собственно больше для интереса, чем попытка "что-то кому-то доказать". вот на примере этой хотя бы страницы _http://www.svyaznoy.ru/catalog/notebook/1738/1419155

    Asked by Torvin,

    0 votes
    4 answers

  18. Табличная верстка в IE

    Есть таблица, в которой 5 столбцов. Первый столбец должен быть резиновым, все остальные фиксированного размера. <table width="100%" border="0"> <tr> <td height="10px"></td> <td width="10px"></td> <td width="250px"></td> <td width="10px"></td> <td width="40px"></td> </tr> <tr> ... </tr> </table> Во всех браузерах, кроме IE, конечно, все нормально.. но IE надо указывать ширину для первого столбца, как ее указать, чтоб она была резиновой, если min-width для таблиц, я так понимаю, не действует..

    Asked by Allie,

    0 votes
    1 answer

  19. Css - цвет блока меню

    Доброго времени суток. Подскажите, пожалуйста.С версткой и php/css раньше особо дел не имел. Насколько я понимаю, собака зарыта именно в css'e. Нужно, чтобы в цвет красилась вся ячейка, а не только шрифт в левом меню, невыпадающем...Поможете? Кусок кода, который вроде как за это отвечает. /*** Navigation ***/ .nav {border-top: 1px solid #d9d9d9;} .dd {height: 48px;} .dd li {float: left; display: block; border-left: 1px solid #d9d9d9; text-align: center; font-size: 14px; text-transform: uppercase;} .dd li a {color: #000;/*COLOR OF TEKSTA*/ text-decoration: none; display: block; background: #70d612; padding-top: 18px; margin: 0 14px; white-space: nowrap;} .dd li a:hove…

    Asked by kia,

    0 votes
    6 answers

  20. Блоки разбегаются что делать?

    <!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"> в IE FF картинка совсем не такая, как в Dreamweaver вот код: #header{ background-image:url(Flower.jpg); width:800px; height:140px; color:#033; font-size:36px; text-align:center; font-family:Verdana, Geneva, sans-serif; } #body{ width:800px; height:550px; padding-left:50%; margin-left:10%; border:none; } #menu{ background:#033; color:#FFF; font-size:12px; width:200px; height:360px; float:left; border:none; } #content{ background:#FFF; color:#033; width:400px; height:360px; margin:0 auto…

    Asked by Yarkaya,

    0 votes
    3 answers

  21. Проблема с версткой

    Народ помогите пожалуйста решить. Пытаюсь себе сайт сделать в HTML и CSS не очень пока Нужно выровнять корзину по краю. сам пытаюсь сдвинуть появляется полоса прокрутки внизу, т.е. сайт не влазит. Дальше блок с телефоном почему то перекрывает вкладку меню (Аксессуары не нажимается) и частично кнопку поиск. Поле поиск в опере и хроме отображается криво, в хроме нормально. Уже всю голову разломал себе. Может из-зи того что прописал absolute в этих блоках Готов отблагодарить 300 wmr вот скрин вот сайт Моя ссылка нужен такой вид примерно

    Asked by eralef,

    0 votes
    3 answers

  22. несколько блоков со скруглёнными уголками

    на странице есть два проблемных места. из-за того, что блок .topinfoL имеет закруглённые уголки, места соединения этого блока и крайних пунктов меню не сплошные. помогите пожалуйста поправить

    Asked by cyklop77,

    0 votes
    8 answers

  23. Сверстаная форма отправки

    <form> <div class="blueForm"> <label>Тип номера:</label> <div class="select s185" style="z-index: 1; "> <div class="select_l"> <span class="sel_arr"></span> <div class="selected"></div> <div class="sel_drop" style="display: none; "> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> <label>Питание:</label> <div class="select s185" style="z-i…

    Asked by Tchorteg,

    0 votes
    2 answers

  24. Почему?

    Верстаю сайт в Dreamwear там все хорошо, переношу в IE блоки разлетаются и язык непонятный. Почему?

    Asked by Yarkaya,

    0 votes
    4 answers

  25. проблема с наложением блоков

    Помогите, пожалуйста, решить вот какую проблему: имеется два дива, нижний "залазит " на верхний, но при этом высота страницы должна уменьшаться на аналогичное колличество пикселов. <div id="backgrTop"></div> <div id="cont"> <img src="cont.png" /> </div> body { padding: 0; margin: 0; background: #0b1517 url(BottBack.png) bottom right no-repeat; } #backgrTop, #cont { position:relative; } #backgrTop { width: 407px; height: 245px; background: url(topBack.png) top left no-repeat; z-index:1; } #cont { top: -235px; margin: 0 auto; width: 1091px; height: 1000px; z-index:2; }

    Asked by triton,

    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