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. height:100%; + scrollbar

    Примерно получается следующее: голый html без DOCTYPE! + CSS, таблицей заданы колонки: 200 пикс., 60% и 40% остального пространства (еще одна встроенная таблица). В колонке с шириной 60% надо встроить блок (не обязательно div, можно все что угодно в рамках html(xhtml)+css), который будет растягиваться по ширине на 100% колонки, и на 100% по высоте оставшегося ОКНА БРАУЗЕРА (под "оставшегося" понимается наличие сверху хедера и снизу - футера) и имел полосу прокрутки. То есть я хочу сделать так, что бы сайт не вылезал за пределы окна браузера вообще ни по горизонтали, ни по вертикали с, практически, любым разрешением мониторов (практически потому, что я не беру в учет разре…

    Asked by mozart,

    0 votes
    8 answers

  2. Красивые поля для ввода

    Здравствуйте. Подскажите, плиз идею для осуществления вот такого поиска: Поясню - данная полоска находится в верхней части странички, собственна поиск на ней. Вот. Как грамотно сделать такую штуку при помощи CSS (и только css - это важно ))) и еще.. Подскажите, плиз, как сделать список select такого же вида - с закругленными краями и вместо стандартного треугольника-выбора какую нить свою красивую загагулину Всем заранее спасибо

    Asked by podlec,

    0 votes
    8 answers

  3. Очень понравился один список этого сайта

    Здравствуйте. Подскажите, пожалуйста, как мне сделать такой же раскрывающийся список, как на этой ссылке: http://htmlbook.ru/content/ Допустим мне надо три пункта списка, из которых в каждом есть еще по 2 пункта. Как мне это реализовать?

    Asked by Spartakvladimir,

    0 votes
    8 answers

  4. Бегущая строка Хелп!

    Привет народ Есть вот такая бегущая строка из картинок: Как сделать так что бы после последней картинки сразу шла первая (без промежутка)? Зарание спасибо...

    Asked by CoolBoy,

    0 votes
    8 answers

  5. IE6 wtf? o.O

    Проблема отображение в ИЕ6 Уже всю голову измучал, ночь не спал немогу понять в чем проблема. Помогите пожалуйста. Вот как выглядит в ИЕ6: Вот как должно и выглядит в ФФ и ИЕ7: В ИЕ6 подкладка не уходит под меню. А должна, и я даже не прдставляю почему. Заранее благодарен всем хоть на маленькие намеки куда рыть. Ссылка оригинала _http://www.skadovsk-hotels.com

    Asked by 13DureX,

    0 votes
    8 answers

  6. ФРЕЙМЫ

    Я только начал использовать фреймы и вот не могу сделать вот что: мне надо, чтобы ссылка из одного фрейма (к примеру, левого) вела на страницу, которая должна открыться в основном фрейме, а не в левом (как выходит у меня) Помогите! http://danyanovikov.narod.ru/frame/1.html Вот, видите, ссылка News открывается в левом фрейме, а мне надо, чтобы в главном!

    Asked by danyanovikov,

    0 votes
    8 answers

  7. Шапка сайта

    Мне нужна шапка с 3 картинками. Картинки должны не растягиваться, а сохранять свои пропорции. Вот что у меня пока получилось <HTML> <HEAD> <TITLE> Top </TITLE> </HEAD> <body> <a><img src="2.gif" alt="Русский" border="0" width="33%" height="100"</a> <a href="http://prav.tatar.ru/tat/"><img src="11.gif" alt="Татарча" border="0" width="33%" height="100" </a> <a><img src="12.gif" alt="Русский" border="0" width="33%" height="100"</a> </body> </HTML> Когда я сжимаю окно браузера, картинки тоже соответсвенно сжимаюся. P.S. Например, здесь http://prav.tatar.ru/ при сжимании окна б…

    Asked by Calita,

    0 votes
    8 answers

  8. Функции в JS

    Запуталась с функциями в Java Script... Если я пишу так: var pace = 18; var step; var step1; function funk1() { step1 = pace; funk2(); } function funk2() { step = step1; elem.style.marginTop = elem.offsetTop + step + 'px'; //неважно } то все замечательно. а если так: var pace = 18; var step; var step1; function funk1() { step1 = pace; funk2(step1); } function funk2(step) { elem.style.marginTop = elem.offsetTop + step + 'px'; //неважно } то не работает... В чем проблема? Что я делаю не так?

    Asked by Slashka,

    0 votes
    8 answers

  9. Позиционирование страници по центру экрана

    Подскажите пожалуйста каким параметром задать чтоб страница всегда находилась по центру (меня интересует размещение по ширине). зарание благодарен!!!

    Asked by Kos87,

    0 votes
    8 answers

  10. интервал в тексте

    Как сделать скажем 4 пробела подряд не используя и не вставляя каждый раз div. Нашел тег text-indent: 20px; но это отступ в начале текста а если мне нужно в середине. Причем не не нужен интервал между строками, нужно именно.

    Asked by sneg06,

    0 votes
    8 answers

  11. Не видит include virtual.

    Вобщем проблема - решил таки вывести меню сайта (а позже шапку и подвал) в отдельный файл средствами ssi. Сие свойство мне еще не знакомо, но уже чет пытаюсь. Попробовал я вывести меню - получилось: Создал в одной директории index.shtml и menu.txt. index.shtml: <div id="MainMenu"> <!--#include virtual="menu.txt"--> </div> menu.txt: <div id="tab"> <ul> <li class="item_active"><a href="http://dnepr-city.com/"><span>Главная</span></a></li> <li><a href="http://dnepr-city.com/about/"><span>О сайте</span></a></li> <li><a href="http://dnepr-city.com/"><span&…

    Asked by Пятница,

    0 votes
    8 answers

  12. div'ы, 3 колоники, проблема

    Столкнулся с такой проблемой (вроде все элементарно, но...): index.html <html> <head> <META HTTP-EQUIV="Page-Enter" CONTENT="BlendTrans(Duration=1.0)"> <meta http-equiv="content-type" content="text/html; charset=1251" /> <title>{$title}</title> <link href='style.css' rel='stylesheet' type='text/css' /> </head> <body bgcolor='#000000' text='#ffffff'> <div id='tbl_head'> <div id='tbl_td_head_l'>l</div> <div id='tbl_td_head_c'>c</div> <div id='tbl_td_head_r'>r</div> </div> </body> </html> style.css #tbl_head { background-color: #000000; backgr…

    Asked by Regnum,

    0 votes
    8 answers

  13. Переадресация

    Подскажите как сделать переадресацию на конкретной странице сайта, т.е. чтобы при нажатии на ссылку /about/index.php пользователь попадал бы на /about/index.php?SECTION_ID=123?

    Asked by Alexx,

    0 votes
    8 answers

  14. Картинка для меню

    Здраствуйте, у меня появились трудности с добавлением дизайна для существующего меню. Есть меню которое выводится динамически с помощью php-скрипта. Также есть рамка для этого меню. Использовать рамку как бекграунд, не желательно потому как меню состоит их блоков ссылок и у всех блоков разные параметры высоты и ширины, прид?тся для каждой картинки делать отдельный фон (а если в меню будут добавляться разделы? %)) т.е. морока полная. Самый логичный для меня вариант, это построение рамки динамически (разбив рамку на верх, низ и боковую рамку дублирующуюся в зависимости от размера дива, в котором расположено меню ). Но это получается тогда новый див с картинками и как его на…

    Asked by Tairon,

    0 votes
    8 answers

  15. Обосновано ли использование JavaScript

    У меня есть вопрос. Обоснованно ли использование JavaScript, ведь в его использовании существует множество минусов?

    Asked by JENYTAVR,

    0 votes
    8 answers

  16. Что за хак такой?

    Проблему описывать подробно не буду. Не в этом суть. Примерно проблема такая: z-index в ie ведет себя не так, как в FF, хочу менять z-index у зафлоченой спозиционированной ссылки при состоянии hover. Вопрос в другом. Я случайно решил свою проблему странным фокусом: если моей зафлоченой спозиционированной ссылке, которая по-умолчанию имеет border:none, поставить: a:hover { ... border: 1px solid; border:none; ...... } т.е. по сути ничего не изменилось, но мои проблемы решаются. Все начинает работать правильно. Вопрос: Что может изменить установка и последующая отмена бордера? Что при этом меняется? Хочу понять что реально у меня происходит. Т.е. хочу решить проблему осоз…

    Asked by geller,

    0 votes
    8 answers

  17. Вопрос о позиционировании для всех браузеров

    Пару вопросов, может не все касаются css, но не хочу захламлять вс? темами: 1)почему в теге 2)как сделать в css, что бы во всех браузерах раболато, то, что я пишу в теге horizontal-align & vertical-align.. скорей всего? но вот только см. первый пункт. (

    Asked by Accessdenied,

    0 votes
    8 answers

  18. Выпадающий список и DIV

    Здравствуйте. Вот видел я и раньше токую гадость, даже у Гугла - если DIV открыть поверх выпадающего списка, то в IE этот список оказывается сверху, и ничем его не одолеть. z-index не помогает. Может это мой осел упрямится... Никто не встречался с такой бедой? Спасибо.

    Asked by Николай 2357,

    0 votes
    8 answers

  19. Прыгающие блоки в IE

    Делаю простое меню. Как избавится от съезжания последнего блока вниз? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню</title> <style type="text/css"> * { margin:0; padding:0; } #mainlevel { clear: both; width: 100%; } #mainlevel li { display:inline; list-style-type:none; } #mainlevel a { width:25%; height:22px; display:block; float:left; } </style> </head> <body> <div id="mainlevel"> <ul> <li><a href="#" styl…

    Asked by Deacon,

    0 votes
    8 answers

  20. Проблемы С Png В Ie

    Профессионалы, помогите, пожалуйста, ответом на такой вопрос: как мне в данном коде, а точнее в каком месте и что написать, чтоб фоновое PNG-изображение позиционировалось по низу А теперь собственно код: .bottom { overflow:hidden; background:url(images/phone_logo_bg.png) bottom no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/phone_logo_bg.png', sizingMethod='crop');}

    Asked by behemoth,

    0 votes
    8 answers

  21. Css В Ie

    Здравствуйте . Не удается установить правильно текст в правой колонке(на желтом фоне) в мозиле и в опере все ок, а в IE текст прилип к низу. вот ссылка : объясните пожалуйста что надо еще прописать в коде для IE ? Спасибо.

    Asked by Lobo,

    0 votes
    8 answers

  22. Вертикальный Текст

    Здравствуйте! Подскажите, можно ли как-то стилями или ещё чем-то сделать вертикальную надпись? Всмысле, чтобы буквы были повернуты на 90 градусов относительно нормального расположения текста на странице.

    Asked by Guest Margo,

    0 votes
    8 answers

  23. смещение списка

    Подскажите почему список в диве смещен в право и как это исправить? <style type="text/css"> <!-- #container { width: 250px; position: relative; } #container li a { text-decoration: none; display: block; background: #CCC; } #container li { list-style: none; } --> </style> </head> <body> <div id="container"> <ul> <li><a href="">Home</a></li> <li><a href="">Home</a></li> <li><a href="">Home</a></li> <li><a href="">Home</a></li> </ul> </div> </body>

    Asked by Elusive,

    0 votes
    8 answers

  24. Побдробная справка по HTML и CSS

    Ребята, нужна побробная справка по HTML и CSS. Со всеми тегами и параметрами. Может кто знает, где можно скачать. Буду премного благодарен.

    Asked by burda_a_m,

    0 votes
    8 answers

  25. Наложение прозрачного PNG или GIF на картинку, в зависимости от её ширины

    Здравствуйте. Суть задачи такая: 1) Есть бесконечно большое число картинок, у которых будет одинаковая высота, но разные длины. 2) Есть две прозрачные картинки, которые нужно накладывать сверху, на каждую картинку из первого множества. Принцип накладывания PNG будет таков: координата _x PNG = ширина картинки - 100px; Проблема: Изначально не известно, какая длина будет у картинки, на которую сверху будут накладываться PNG, поэтому задать смещение строго в пикселях не получится. Прилагаю картинки как должно быть, и из чего должно собраться (просьба не обращать внимания на то, что на конечном вариантеприсутствует ещё и фоновая картинка): За ранее спасибо. P.S.: Если такая …

    Asked by Guest Flashist,

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