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: .mattblacktabs ul{ margin: 0; padding: 40px 0 0 450px; font: bold 12px Verdana; list-style-type: none; } .mattblacktabs li{ display: inline; margin: 0; } .mattblacktabs li a{ float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; border-right: 1px solid white; /*разделитель*/ color: white; } .mattblacktabs li a:visited{ color: white; } .mattblacktabs li a:hover, .mattblacktabs li.selected a { background: #003460; } …

    Asked by zefo,

    0 votes
    13 answers

  2. вертикальная прокрутка в DIV

    Есть страница с <div style="width:1024; height:100%; overflow:auto">%какой-нибудь текст</div> Требуется, чтобы высота div была равна высоте страницы. Все так и есть, пока текста внутри мало. Если текста больше, чем высота страницы, то div растягивается и появляется скролл именно в окне браузера, а не в самом div'е. Все нормально работает, если высоту задать в пикселях, а не процентами. Как вариант можно с помощью java узнать высоту страницы и задать высоту div'а числом. Но хотелось бы что-нибудь проще. Помогите, 2 дня форумы читаю.

    Asked by Fluid,

    0 votes
    2 answers

  3. Как растянуть див по высоте внешнего дива?

    Спасибо всем кто помог решить предыдущую проблему. Но сверстать так и не получилось, так как необходимо теперь растянуть див по высоте внешнего дива. Если задаю высоту внешнего дива, то всё в порядке, но у меня она неизвестна.

    Asked by htmlbook1,

    0 votes
    5 answers

  4. Несовпадение кодировок

    Здравствуйте! Обращаюсь с абсолютно нуберским вопросом. Просто попробовал воспользоваться шаблоном от htmlbook.ru Суть проблемы состоит в том, что какой бы шаблон я не ставил и не сохранял (с помощью Notepad) в виде одиночного html-файла, у меня не совпадает кодировка. Влад пишет в utf-8, это , пожалуй, самая распространенная на сегодня кодировка. Но при открытии файла в браузере я вижу множество вопросительных знаков всюду, где есть кириллические символы. После повторного открытия файла Notepad-ом даже комментарии становятся в виде вопросов. Что делать?

    Asked by Xelborg,

    0 votes
    4 answers

  5. вылезает background по y

    Вылезает за пределы картинка(leftside.gif) при установке height в % (классам center-content, liquid-round) <!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=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>title</title> <style type="text/css"> html,body { height:100%; width:100%; } #liquid-round { width:20%; margin:0px auto; background:#fff url(leftside.gif) repeat-y left top; background-position: 2px; } .top {…

    Asked by alexey_,

    0 votes
    4 answers

  6. Текст как у star wars

    Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в …

    Asked by Nushaba,

    0 votes
    12 answers

  7. html таблица

    не знаю куда писать поэтому напишу сюда, администрация форума поставьте мой пост в нужное место, парни помогите разобраться с проблемой, проблема такова, есть таблица в которой нужно убрать одну границу говорю одну потому что их много у меня, вот сам кусочек этой границе <td class="p"> </td>, а вот кусок css к этой границе td.p { border: 1px solid; border-color: #EEF #8CF #8CF #EEF; background: #D0F0FF; padding: 1px 5px 2px 5px; }

    Asked by wolf777,

    0 votes
    24 answers

  8. position: fixed как сделать?

    необходимо блоку с position:fixed задать определенное положение, но никак не могу допетрить как: нужно чтобы блок был прижат к верхней части окна - то есть top:0; - тут все просто. а вот по горизонтали он должен располагаться на 200px правее от центра. можно ли обойтись без дополнительных блоков?

    Asked by sympler,

    0 votes
    16 answers

  9. Проблема с отображением списка

    Добрый день! Возникла такая проблема: требуется вывести каталог товаров в виде горизонтального списка. Но при добавлении float:left тэгу LI или Div (внутри LI), весь дизайн съежает...Кто может помочь советом? Буду благодарен. Вот скрины и код примерной схемы: Если нет float: И если добавить float:left тэгу LI или Div (внутри LI): <!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=utf-8" /> <title>Документ без названия</title> <style type="text/css"&gt…

    Asked by an1401,

    0 votes
    2 answers

  10. Ложка дегтя

    При попытке сделать стандартный трех колоночный макет с колонкоми равной высоты при помощи display:inline-block; и display:inline; для IE6(7), появилась проблема в IE8 - не растягивается цветная подложка по высоте. Пример представляет чисто спортивный интерес.

    Asked by gordi,

    0 votes
    5 answers

  11. Зачем нужны комбинированные селекторы?

    Продолжаю изучение CSS и вот возник такой вопрос: зачем нужно использовать комбинированные селекторы? Что можно сделать с их помощью, чего нельзя было бы сделать с помощью стилевых классов и именованных стилей? Заранее признателен.

    Asked by Bertie,

    0 votes
    3 answers

  12. a:hover прописан для всех ссылок, но для класса img отдельно. И второй не работает

    Прописал для всех ссылок a:hover свойство красного фона. Потом создал отдельный класс a.img, в котором находились изображения, чтобы под ними не появлялась эта красная полоса. Но она появляется несмотря ни на что.

    Asked by Mosya,

    0 votes
    14 answers

  13. Как сделать отступ между двумя контейнерами DIV?

    Господа, как бы сделать небольшой отступ между двумя контейнерами, плавающими по левому краю? Старница: http://lexicanum.ru/2columns.html Код страницы: <!DOCTYPE html> <HTML> <HEAD> <LINK REL="stylesheet" HREF="2css.css" TYPE="text/css"> <TITLE> Пригоди хтивих павiанiв Борi i Жори. </TITLE> <BODY> <DIV ID="cheader"> <H1 CLASS="h1_centered">Пригоди хтивих павiанiв Борi i Жори</H1> </DIV> <DIV ID="cnavbar"> <UL> <LI><A HREF="#">Справочник</A></LI> <LI><A HREF="#">Журнал</A></LI> <LI><A HREF="#">Форум психический</A></LI> <…

    Asked by Bertie,

    0 votes
    11 answers

  14. Резиновый горизонтальый слайдер

    Здравствуйте форумчане, Сегодня столкнулся с небольшой проблемкой вот и решил попросить помощи у вас. Есть необходимость сделать горизонтальный слайдер с тремя видимыми ячейками остальные видны при нажатии на стрлочки вправо влево. js часть написана. Вопрос вот в чем не могу сделать так слайдер был резиновым. В данном случае он 900 пикселей а надо чтоб он подстраивался под экран. Реализация подставления нужной ширины через js не преветствуется. Прилагаю код: <a style="float:left;" onclick="prev()" href="#"><--</a> <div id="s" style="margin-bottom:10px; border:1px solid red; width:900px; float:left; display:block; height:200px; overflow: h…

    Asked by prospravka.ru,

    0 votes
    10 answers

  15. Смысл значения -x%

    Здравствуйте! Помогите, пожалуйста, понять смысл этого кода Html: <body> <div id="container"> <div id="header">шапка</div> <div id="wrapper"> <div id="content">содержимое</div> </div> <div id="menuGr">меню1</div> <div id="menuBb">меню2</div> <div id="footer">информация</div> </div> </body> Css: html,body{ margin:0; padding:0; } #wrapper{ float:left; width:100%; } #content{ margin: 0 25%; } #menuGr{ background:#7F120D; float:left; width:25%; margin-left:-100%; } #menuBb{ background:#0404EE; float:left; width:25%; margin-left:-25%; } #footer{ background: #…

    Asked by frcshnick,

    0 votes
    7 answers

  16. убрать отступ.Таблица

    Помогите разобраться с помощью HTML. сверху чтоб не было отступа от обозревателя к таблице

    Asked by azazel,

    0 votes
    1 answer

  17. горизонтальная прокрутка

    Подскажите пожалуйста, столкнулся вот с таким экземпляром и проблему не могу найти, все страницы с горизонтальной прокруткой. http://club-podolsk.ru/index.php/goriashie.html Заранее благодарен

    Asked by dimdimin,

    0 votes
    15 answers

  18. Слэш после login в адресе http://www.tumblr.com/login

    Здравствуйте. Быть может, данный вопрос является весьма глупым, но меня он волнует давно. Вот есть страница http://www.tumblr.com/login, в данном случае после 'login' не стоит слэш, но у меня, когда я создаю на своем сайте точно такую же страницу, появляется слэш (например, http://domen.ru/login/'>http://domen.ru/login/ — стоит слэш после 'login'). Вопрос: с чем это может быть связано, это из-за настройки сервера? В принципе, что я хочу: мне нужно, чтобы после адреса http://domen.ru/login не стоял слэш, т.е. не хочу, чтобы было в таком виде: http://domen.ru/login/. Как это можно сделать? Просто порой некрасиво так выглядят адреса. P.S. Если что-то не понятно, не кидайт…

    Asked by Alter_Ego,

    0 votes
    2 answers

  19. Помогите с вёрсткой

    Макет составил потренироваться. Нормально работает в Опере и ИЕ. В Хроме и ФФ не работает jquery. Точнее, работать то он работает, только якори не кликабельны. Я так подозреваю из-за css. Помогите, пожалуйста. Очень буду благодарен так же, за попутные комментарии по css. Или кроссбраузерности. Спасибо. Вот весь сайтец http://narod.ru/disk/17154159001/www.rar.html

    Asked by andys,

    0 votes
    10 answers

  20. Лучшая бесплатная cms для магазина

    Посоветуйте лучшую на ваш взгляд!

    Asked by htmlbr,

    0 votes
    8 answers

  21. вопрос про перемещение

    logo прижался максимально влево .Как его немного сдвинуть правее? <!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> <style type="text/css"> body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } #logo { w…

    Asked by Rambo2045,

    0 votes
    11 answers

  22. HTML5 валидация meta http-equiv="expires"

    вставляю <meta http-equiv="expires" content="Mon, 01 Jan 2000 00:00:00 GMT"> в валидаторе line 30 column 75 - Ошибка: Bad value expires for attribute http-equiv on element meta. в content вставлял любое значение - ругается так же . что делаю не правильно?

    Asked by lavsan,

    0 votes
    1 answer

  23. Верстка колонок сайта

    Не могу сделать в шаблоне сайта колонки слева, по середине и справа чтоб по высоте были одинаковы. Ссылка на шаблон ниже. Кто поможет исправить, отправте пжл на емаил исправленный шаблон dlkom@mail.ru . Заранее большое спасибо!!!! Шаблон сайта

    Asked by dlkom,

    0 votes
    1 answer

  24. clear и margin-top

    Всем привет! У меня есть такой layout: <div class="container"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> Который стилизован таким образом: .container { width: 960px; margin: 0 auto; background: #eee; } .header { height: 200px; background: #cc3; } .content { width: 800px; height: 300px; float: left; background: #c33; } .footer { height: 150px; clear: both; background: #b63; } Задавая элементу clear: right/left/both мы заставляем его учитывать плавающие элементы. Однако, если я задам элементу footer margin-top скажем - 300px, это не возымеет эф…

    Asked by rookie,

    0 votes
    5 answers

  25. В Opera и IE не работают ссылки и кнопки

    Сайт открывается во всех браузерах, но в IE и Opera вся страница становится не кликабельной. Не могу понять в чем дело, раньше все работало. Вот css @charset "windows-1251"; /* CSS Document */ .main_border {border:0px solid #000000;} p {font-family:Verdana; font-size:12px; margin:15px;} .left {border-right:0px solid #424242;padding:0px 0px 0px 15px;} a:link{ color: #C03;text-decoration: none;} a:active{ color: #C03;text-decoration: none;} a:visited{ color: #C03;text-decoration: none;} a:hover{ color: #C03; text-decoration: underline;} p.title { color: black; font-weight:bold; margin:5px; padding:5px; } .glossymenu{ position: relative; padding: 0 0 0 34px; margin: 0 auto …

    Asked by robertmk13,

    0 votes
    1 answer

  • Обсуждения

    • 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