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. Отступ IE

    http://myportfolio.ho.ua/4/ - пацаны не обращайте пожалуста внимания на кодировку, важен отступ между меню и контентом в IE как от него исбавиться ... я в поиске полазал сделал пару попыток ,оказались неудачными может подскажете чтото ? или ссылочки на темы похожие пожалуста

    Asked by mOnYa,

    0 votes
    8 answers

  2. Растянуть блок меню до самого футера

    Здравствуйте! У меня такой вопрос: есть блок меню с фоном, нужно растянуть его вниз, до самого футера. Сейчас он растягивается только содержимым. Пробовала писать div#menu{position: relative; top:0; bottom: 0; } Но это ничего не дало. Если кто-либо сталкивался с подобной проблемой - подскажите!

    Asked by MariAnette,

    0 votes
    5 answers

  3. Как сделать так чтобы элементы DIV перестали переходить на новую строку?

    Постановка задачи: Имеется два слоя. Между ними должен находится просто текст (не в слое!! а просто текст). Пример <div id='a'></div>текст<div id='b'></div> Вопрос: Как сделать так чтобы вся эта конструкция находилась в одной строке и слой 'b' не переносился на новую строку?

    Asked by Guest comhunt,

    0 votes
    19 answers

  4. Вёрстка дивами.проблем

    Очень важно, помогите кто в силах... У меня есть шаблон, взял тут http://trifler.ru/blog/i/users/shablon/b3.htm, (немного его переделал), надо сделать так чтоб при другом расширении экрана левые и правые уши раздвигались, а центр находился на своем центральном месте. у меня же получается что правое ухо больше левого. и ещё проблема с уменьшением размера окна браузера. Заранее благодарен. HTML: <body> <div id=gl> <div id=uho1><div id=zas1>1</div></div> <div id="gordi"> <div class="header"><div id=div1>1</div><div id=div2>2</div><div id=div3>3</div></div> <div class="center"&…

    Asked by Guest Гость_Павел_*,

    0 votes
    0 answers

  5. Применение якорей-закладок во внутренних фреймах

    Как правильно построить такую конструкцию. Есть родительская (основная) страница, имеющая вертикальную полосу прокрутки. Внутри родительской страницы имеется внутренний фрейм (iframe) куда загружается другая страница, которая также имеет вертикальную полосу прокрутки. На странице внутри фрейма имеется ряд заголовков со ссылками на якоря (закладки типа <a target="_self" href="#link">link</a>). При переходе по такой ссылке на внутренней странице "срабатывает" полоса прокрутки, которая, однако "тащит за собой" полосу прокрутки основной страницы. Смещение вверх основной страницы в данном случае крайне нежелательно. Как добиться статичности основной, родитель…

    Asked by Palomnik,

    0 votes
    0 answers

  6. Помогите добавить воздуха в меню

    Добрый день! Есть вертикальное меню в левой колонке такого вида: <tr><td class="me"> <ul class="lev"> <li class="menulev" id="menu_left"><a href="">Главная</a></li> <li class="menulev" id="menu_left"><a href="">Любопытно</a></li> <li class="menulev" id="menu_left"><a href="">Новости </a></li> <li class="menulev" id="menu_left"><a href="">Ссылки</a></li> <li class="menulev" id="menu_left"><a href="">О проекте</a></li> <li class="menulev" id="menu_left"><a href="">Обратная связь</a></li> </ul> </td&…

    Asked by Vimaz,

    0 votes
    3 answers

  7. Адаптивная навигация

    Посоветуйте js/jq плагины для создания адаптивной навигации. Нужно что бы изначально была обычная горизонтальная навигация, а на определенной ширине сворачивалась в тоглер. Хорошо бы с какой-то анимацией. Подскажите, что используете вы лично (если используете). Сейчас нашел jQuery-плагин, - Slidebars, но он изначально тоглер .. Как его настроить под мой пример? Спасибо!

    Asked by Hasiev,

    0 votes
    2 answers

  8. Изменение стиля другого элемента

    Вопрос следующий. Есть две ячейки таблицы. При наведении на первую из них цвет её бэкгрунда должен поменяться. Но это понятно как сделать. Вопрос в том, что при наведении на вторую ячейку необходимо, чтобы поменялся цвет бэкграунда и первой и второй. Как это сделать? Проще говоря, если кому-то не понятно. То при наведении мышкой на один элемент, менялся стиль другого элемента. Заранее спасибо!

    Asked by Guest CBE4KuH,

    0 votes
    11 answers

  9. a:visited

    Здравствуйте. Перейду сразу к делу, раньше не когда не пользовался этим свойством, но сейчас заказчик хочет что бы это было. Используя такую конструкцию ( пример взял на htmlbook ) это работает только в ИЕ в остальных же браузерах изменений не каких нету.. в опере вообще: a:visited { color: #900060; /* Цвет посещенных ссылок */ } указывает цвет всем сслкам <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>visited</title> <style type="text/css"> a:link { color: #0000d0; /* Цвет ссылок */ } a:vi…

    Asked by musulman,

    0 votes
    5 answers

  10. Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE

    Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE, при изменении размера окна браузера input-ты в IE 6-7 начинают съезжать в право , как можно от этого избавиться <!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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Dynamic Drive: CSS Liquid Layout #3.2- (Fluid-Fluid-Fixed)</title> <style type="text/css"> body{ margin:0; padding:0; line-height: 1.5em; } b{font-si…

    Asked by Guest Гость,

    0 votes
    1 answer

  11. Postition absolute IE6 для em

    Есть такая конструкция <div class="ml-div"> <a href="http://joos_rc1.ru/" title="Главная" class="mainlevel-1" > <em>Главная</em> </a></div> Для нее CSS a.mainlevel-1 { display:block; width:81px; height:22px; margin:0 auto; padding-top:89px; text-align:center; color:#9f1200; position:relative; background:url(../images/topmenu_1.png) center top no-repeat;} a.mainlevel-1 em { font-style:normal; position:absolute; display:block; width:140px; height:18px; left:-30px; text-decoration: none; } a.mainlevel-1:hover em { font-style:normal; background:url(../images/topmenu_hover.png) center top no-repeat;} Во всех браузерах н…

    Asked by PaLyCH,

    0 votes
    4 answers

  12. Как можно измененить background

    <input type="file" value="" /> Каким способом можно изменить у обзора фон и цвет текста?

    Asked by Mary_RND,

    0 votes
    3 answers

  13. Подскажите, пожалуйста

    Подскажите, пожалуйста, возможно ли при помощи стилевого псевдоэлемента first-letter или какого-либо другого элемента в словаре (не разбивая словарь на страницы) для каждого абзаца, начинающегося на букву «а» задавать цвет первой буквы, например «красный», а для каждого абзаца начинающегося на букву «б» задавать цвет первой буквы, например «синий» и т.д. Или это возможно только сделать, задавая цвет для каждой первой буквы в отдельности.

    Asked by Guest школьник,

    0 votes
    4 answers

  14. Проблема с IE

    Товарищи, подскажите почему ослик ну никак не хочет понимать следющий текст на CSS? Итак. HTML файл: <div class="layer1"> </div> <div class="divider1"> </div> <div class="layer2"> </div> <div class="divider2"> </div> <div class="layer3"> </div> <div class="divider3"> </div> <div class="layer4"> </div> <div class="divider4"> </div> <div class="layer5"> </div> <div class="divider5"> </div> <div class="layer6"> </div> <div class="divider6"…

    Asked by Guest CBE4KuH,

    0 votes
    9 answers

  15. 3 картинки, 1 размножается

    Собственно говоря есть 3 картинки, одна должна быть сверху, с фиксированной высотой, посередине размножается, снизу фиксированная Делаю это так: Ну и css td.centerline { background: url('{WEBPATH}/template/images/line_vert_2.gif') center repeat-y; z-index: 1; height: 100%; } td.centerline div.up { height: 50%; background: url('{WEBPATH}/template/images/line_vert_1.gif') top center no-repeat; z-index: 2; border: 1px solid red; } td.centerline div.bottom { height: 50%; background: url('{WEBPATH}/template/images/line_vert_3.gif') bottom center no-repeat; z-index: 2; border: 1px solid red; } В фф всё нормально, в ие конечно же нет, баг известный. Тогда я пытался …

    Asked by regtefas,

    0 votes
    2 answers

  16. Проблема с блочной версткой в ИЕ

    Здравствуйте! сверстал http://mobterr.ru/mobterr_verstka/, пытался обойтись без таблиц. и все вроде бы ок получилось, но в ИЕ (6) блоки с картинками прыгают (а именно залетают под правую колонку). есть ли какой выход? Заранее всем, уделившим внимание, спасибо!

    Asked by sokos,

    0 votes
    1 answer

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

    В общем - проблема такая: Вот скрин - Как эту часть шаблона сделать, чтобы она расширялась на весь экран? Я отдельно делаю левую часть и правую... Правая - всё картинка, а левая - высота 100% и ширина в 1px... (на рисунке примерно видно, как я резал в фотошопе) Размножаю - всё нормально.... Но! Как сделать номер телефона тоже по центру? P.S. Могу предположить, что с <div> и position - но как? P.P.S. Спасибо...

    Asked by DjTarik,

    0 votes
    13 answers

  18. Проблемы с IE iframe style

    <iframe frameborder="0" width='100%' height=800 src="pages/okompanii.htm" align="left" style=" border: 0px solid #000000; background-position:center; background-repeat:no-repeat;background-image:url(images/framefon.jpg)"> Ваш браузер не поддерживает плавающие фреймы! </iframe> В опере все корректно отображается, а вот продукт Майкрософта отнял у меня вчера час времени и результата все равно нет! Так и не отображается фоновое изображение! Может кто-то знает что делать!

    Asked by joohny,

    0 votes
    2 answers

  19. Помогите с меню

    Ребят я нашла код менюшки который понравился, только он изначально не работает у меня в мозилле , демо с сайта работают, а установленые нет. Вот ссылка где брала код _ttp://www.dhtmlgoodies.com/index.html?whichScript=slidedown_menu2 Если есть аналогичный, буду рада узнать о нём, но другой не нужен.

    Asked by Ketra,

    0 votes
    1 answer

  20. Аналог CSS атрибута align

    Здравствуйте. Есть блок с картинкой и текстом. <div class="primer"> <img src="1.gif align="left"> <p> text text text text text </p> </div> Как в стиле для блока заменить через CSS параметр align=left?

    Asked by bad request,

    0 votes
    4 answers

  21. Замена атрибута align через CSS

    Здравствуйте. Есть блок с картинкой и текстом. <div class="primer"> <img src="1.gif align="left"> <p> text text text text text </p> </div> Как в стиле для блока заменить через CSS параметр align=left для изображения?

    Asked by bad request,

    0 votes
    2 answers

  22. С чего начинать борьбу со спамом на форуме?

    Всем привет!! Подскажыте пожалуста как мне блокировать спам на форуме! С чего мне начать, што мне нужно будет и вообще как ето мает выгледет потомушто я незнаю в кокую сторону двигатся! Мне дали такую тему на дипломную)) Заранё благодарен)))

    Asked by stparks,

    0 votes
    7 answers

  23. ошибка с div

    Подскажите пожалуйста, где я допустил ошибку. Код: <span id="some_id"> <div class="some_class" style="float:left;"> <ul class="some_class-2"> <li class="some_class-3" style="width:10px;">11111</li> <li><a href="href" title="1" class="class1" onclick="something; return false;">1</a></li> <li><a href="href" title="2" class="class2" onclick="something; return false;">2</a></li> </ul> </div> </span> При проверке валидатор выдает следующую ошибку: P.S. доктайп - xhtml P.S.S. в том случае, когда меняю строку <span id="some_id"> на <span id="some_id"></span&…

    Asked by DImaN,

    0 votes
    7 answers

  24. Случайное отображение

    Ребята я дико извиняюсь, я сам ни разу не программист, но у меня есть задача которую нужно решить. На сайте расположено 9 поисковых блоков, задача следующая: нужно сделать так чтобы они все время меняли свою позицию при обновлении страницы, за исключением 1 из них. Тоесть он постоянно на своем месте. Как это можно реализовать?

    Asked by Man,

    0 votes
    12 answers

  25. Как создать полноценный проект?

    Всем привет. Последние несколько месяцев пытаюсь создать сайт.Так вот ,при этом каждый раз сталкиваюсь с новыми трудностями,чем дальше тем больше вопросов.Сейчас моя ситуация такая.: -Знаю html,css -Знаю php и немного ,что нужно, MySQL -Могу всё это вместе объеденить т.е. понимаю как работают в совукупности все эти языки. -Javascript знаю,что это.Но синтаксис и т.п. его не знаю.При создании сайта не разу ещё не использовал. Как я делаю сайт? Значит я открываю пустую страницу редактора и пишу код html вместе с css.Потом добавляю программинг т.е. php. Не использую никакую CMS и сам не пишу никакую CMS.Создавая сайт ,хочу чтоб он стал серьёзным проектом (например как 74.ru,…

    Asked by new01,

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