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. Смена текста

    Итак всем привет я начал верстать сайтецки! Делал делал и вдруг понял что так как у меня простой сайт делать его многостраничным смысла нет. В итоге мне нужно : Сделать так чтобы при нажатии на ссылку, перезагружалась определённая текстовая часть контента , а не весь сайт так как вёрстка блочная то в одном блоке и должно меняться. Фреймами знаю но вроди как не солидно! Есть ссылки Я - Дизайн - Полиграфия - Разработка Тоесть есть допустип ссылка "дизайн" там текст "оллоло пыщь пыщь тут дизайн" когда я жму на полиграфия снизу текст меняеться на "оллоло пыщь пыщь тут полиграфия" =))) Где-то так Жду советов как сделать... За ранее благодарен!

    Asked by Funwalker,

    0 votes
    8 answers

  2. Смена текста при наведении

    Нужно правильно реализовать такую штуку: Есть ячейка таблицы ( <table><tr><td>Какой-нибудь текст</td></tr></table>), как правильно добавить атрибуты onmouseout и onmouseover к тегу <td>, чтобы при наведении мишки содержание изменялось на другой текст, ну и соответственно наоборот.

    Asked by chest,

    0 votes
    2 answers

  3. Смена текста при нажатии на кнопку.

    Добрый день всем. В JS и CSS я новенький, поэтому прошу помощи. Имеется код: <div style="text-align:left;"> <div id="type_text" class="box"> <script language="JavaScript"> var text = 'текст 1 текст1 текст 1.<br> '+ ' ...текст 1 текст1 текст 1<br>'+ ' текст 1 текст1 текст 1.'+ ' текст 1 текст1 текст 1,'+ ' текст 1 текст1 текст 1'+ ' текст 1 текст1 текст 1'; i = 0; function type(){ i++; if( i <= text.length ) if(text.substr(i-1,1)=='<'){ document.getElementById("type_text").innerHTML +='<br>' } else { document.getElementById("type_text").innerHTML = text.substr(0, i); } setTimeout( type, 20 ); }…

    Asked by Anorions,

    0 votes
    1 answer

  4. Смена текста туда-обратно

    Помогите сделать, чтобы при клике на кнопку, текст в ней менялся. Кликнуть еще раз - сменится на первоначальный

    Asked by Haindell,

    0 votes
    18 answers

  5. Смена темы сайта без мерцания

    Скриптами я меняю значение href у тега link со стилями сайта. То есть меняю темы сайта безе перезагрузки сайта. Так вот, как только скрипт меняет href у link, то сайт становится без оформления, пока не загрузятся стили новой темы и не применятся браузером. Как избавиться от такого поведения?

    Asked by FanAizu,

    0 votes
    15 answers

  6. Смена фона 2-х ячеек

    Есть таблица, состоящая из 1 строки, содержащей 2 ячейки. Подскажите, пожалуйста, как при наведении курсора мышки на одну ячейку - менять фон сразу в 2 ячейках?

    Asked by TorchTT,

    0 votes
    3 answers

  7. Смена фона кнопки при клики

    Ребят не получается сделать смену фона кнопки, точнее на кнопки у меня картинка, при клике на нее она должна меняться на другую и оставаться в таком состоянии. Подскажите мне как это сделать!!!!

    Asked by prettyremage,

    0 votes
    4 answers

  8. смена фона страницы по наведению на ссылку

    Товарищи, нужна помощь! Не подскажите как при наведении на ссылку, в данном случае на кнопку меню менялся фон страницы? код прилагается : <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <style type="text/css"> #container { width:960px; margin-left: auto; margin-right: auto; padding: 0; } .clear { clear: both; margin: 0; padding: 0; } p { margin: 1.6em 0; line-height: 1.6em; } h2 { font-size: 20px; line-height: 20px; margin: 22px 0 18px 0; }…

    Asked by nick1403,

    0 votes
    4 answers

  9. Смена фона яйчейки не пашет

    может кто подскажет где ошибка, просто мозги уже не пашут ... нужно сделать смену фона яйчейки как на http://shebeko.info слева менюшка. Я прописываю все в стилях a.mainlevel:link { font-family: Tahoma; display : block; font-size : 10px; border : 1px solid #E0E0E0; FONT-WEIGHT: bold; width : 100%; text-indent : 10px; margin-bottom: 1px; margin-top: 0px; text-decoration : none; text-transform : uppercase; } a.mainlevel:visited { display : block; font-size : 10px; border : 1px solid #E0E0E0; font-family: Tahoma; FONT-WEIGHT: bold; width : 100%; text-indent : 10px; margin-bottom: 1px; margi…

    Asked by shebeko,

    0 votes
    4 answers

  10. Смена фонового рисунка

    Добрый день. Укажите пожалуйста на ошибку. Меняю фоновую картинку в ячейке таблицы, на другую (в IE-6 работает а в FireFox - нет)? КОД - <td background='up_menu/img/menu.jpg'; onmouseover=\" background='up_menu/img/smenu.jpg'; \" onmouseout=\" background='up_menu/img/menu.jpg'; \" > TEXT_CELL </td>

    Asked by SuperPuperLesha,

    0 votes
    5 answers

  11. смена фоновой картинки и растяжка фона по ширине веб-страницы.

    У меня небольшой вопрос по поводу javascript. Можно ли сменить цвет фона с помощью обработчика события вот так: <button onClick:="document.bgImage= 'адрес' "> И как растянуть фоновую картинку по ширине веб-странички?

    Asked by htmlonline,

    0 votes
    3 answers

  12. Смена цвета в полосе прокрутки

    На некоторых сайтах видел что полоса прокрутки была "нестандартная" разукрашена разными цветами. Я узнал что этого эффекта можно добиться с помощу CSS. Дописал к тегу BODY такой вот код в своем css файле но вот токо ничего не изменяется. body{ font: x-small/1.8 Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px; padding: 0px; background: #999999 url(../img/fon/body_fon.gif); SCROLLBAR-FACE-COLOR: #cc0000; SCROLLBAR-HIGHLIGHT-COLOR: #cc0000; SCROLLBAR-SHADOW-COLOR: #990000; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; } Подскажите в чем дело?

    Asked by ванька,

    0 votes
    16 answers

  13. смена цвета кнопок при наведении в woodmart (WP)

    здравствуйте использую в боковом сайдбаре виджет от woodmart- боковая панель Mega Menu цвета заголовка и прочего отредактировать я смог, а вот с цветом и стилем при наведении возникают проблемы. хотелось бы изменить цвет кнопки при наведении на нее, весь код облазил, а найти сам не могу. и если можно сделать подчеркивание так, как сделано в шапке (например, при наведении на кнопку "доставка и оплата", оно реализовано в самих настройках темы) вообще было бы отлично. адрес: все-пестициды.рф

    Asked by MrBakardi,

    0 votes
    1 answer

  14. Смена цвета при наведении

    Добрый день, до изучения верстки всегда привлекало внимание на главной странице у Лебедева - design.ru / artlebedev.ru логотип(сверху, справа), при наведении на него меняется цвет, причем сколько раз навести столько и поменяется. Объясните новичку как это сделать в рамках html и css? Спасибо.

    Asked by nouqart,

    0 votes
    6 answers

  15. Смена цвета при подключенном Cufon

    Для подклчюения нестандартных шрифтов я использовал Cufon. До подключения скрипта у меня стояло действие для ссылки - при наведении курсора - менять цвет текста. После подключения Cufon - никак не могу вернуть смену цвеов. Подскажите, пожалуйста, как решить проблему?

    Asked by TorchTT,

    0 votes
    7 answers

  16. Смена цвета ссылки при наведении курсора

    Помогите, пожалуйста: Если я все правильно понимаю, то вот такой код в CSS a.lang:link { color: #CDC8B1; text-decoration:underline; } a.lang:hover { color: #363636; text-decoration:none; } a.lang:visited { color: #CDC8B1; } должен для ссылки <a class="lang" href="../eng" title="English version">ENG</a> при наведении курсора менять цвет и убирать подчеркивание. Не понимаю, почему цвет не меняется (хотя должен), а подчеркивание убирается (как и нужно). Подскажите, пожалуйста, где я ошибся. Спасибо.

    Asked by Гайдамак,

    0 votes
    8 answers

  17. Смена цвета текста при наведении на div с картинкой и текстом...

    Доброго времени суток! Проблема заключается в следующем: есть DIV в котором размещены картинка и текст. Мне нужно сделать это всё как ссылку для открытия модального окна (это сделал) и чтобы текст менял свой цвет. Вот отрывок кода: PHP <span class=\"span_link\" onclick=\"ShowModalbox()\"> <div style=\"width: 100px; height: 100px;\"> <img src=\"".$prev_link."\" style=\"padding-top: ".$marg_top.";\"> </div>".$product['product_name']." </span> CSS A:link, A:visited , .span_link { cursor: pointer; text-decoration: none; color: #6593CB; } A:hover, a.botlink:hover, .toplink:hover, a.copyright_link:hover, .close_link:hover, .span_link :hove…

    Asked by JAGUAR4uk,

    0 votes
    3 answers

  18. Смена цвета текста при наведении на него курсора

    Я перепробовал много способов, но все неудачны, как это можно реализовать, что бы выглядело похоже на ссылку что ли, может кто подсказать?

    Asked by mr_0003Spy,

    0 votes
    10 answers

  19. Смена шрифта

    Доброго времени суток. Прошу подсказать как мне изменить шрифт текста. HTML <div class="partner-adblock-h">ТУТ ВАШ ТЕКСТ ДЛЯ РЕКЛАМКИ НА СRIME-NOAS.</div> CSS .partner-adblock-h { position: absolute; top: 9px; left: 20px; z-index: -1; font-size: 13px; } p.s: Изучать начал недавно. Установил себе на сайт ( ucoz движок ) шаблон и изучаю помаленьку. Захотелось мне заменить текст в рамке ( который на скриншоте ). Посмотрел как это сделать. Вписал в CSS стилях в .partner-adblock-h строку font: стиль; . Не помогло. Понимаю для вас это легко. Подскажите если не сложно как мне поступить. Я уже 3 часа сижу , голова кипит )

    Asked by elias45,

    0 votes
    13 answers

  20. Сменяющийся текст

    Добрый день. Есть текст. 2 предложения. Хочу чтобы выводилось только одно, а потом заменялось на другой. И так по кругу: 5 сек одно, 5 сек другое. ГИФ анимацию не хочу. Нужно на HTML+CSS. В крайнем случае простейший js. Помогите, пожалуйста. Заранее спасибо!

    Asked by dron,

    0 votes
    3 answers

  21. Смесить блок в IE

    Вот тут http://mmcpajero.ru/new/2.htm если открыть в FF или Opera - то белый блок нормально прилеплен к левой стороне родительского блока. Если же эту ссылку открыть в IE, то белый блок будет посередине, несмотря на left: 0; Как в IE его сделать так же, как и в FF, т.е. прилепить к левому краю?

    Asked by WhiteNight,

    0 votes
    2 answers

  22. Сместился элемент

    Привет. Не могу допетрать в чем беда сайт ? скриншот следующий элемент должен сразу быть за предыдущим. а он полез вниз

    Asked by myr4ik07,

    0 votes
    2 answers

  23. сместить вниз пункты меню

    помогите пожалуйста решить проблему. попробовал для тренировки сверстать под opera/chrome/ff в самом общем виде вот эту страницу. получилось у меня вот что проблема в том, что пункты меню расположены выше чем нужно. если я их при помощи padding-top опускаю ниже, то выделение пункта меню зелёным при наведении курсора тоже съезжает вниз и получается некрасиво.

    Asked by cyklop77,

    0 votes
    6 answers

  24. смешение блоков

    ребят здравствуйте есть макет с 3 колонками с фиксированой шириной на данный момент сверстал 2 но возникла проблема должно быть так но при убирании маргина у второй колонки блок улезает вниз код первой колонки #contaner { width: 320px; height: 750px; float: left; border-radius: 10px; }код 2 колонки изза маргина третья колонка улетает влево если убрать улетает 2 почему у первой не работает флоат лефт никак не пойму #content { width: 390px; height: 800px; background: #fff; margin-left: 320px; border-radius: 5px;}код 3 колонки тут совсем с маргинами ужас но нормально отображаеться только так #news {width: 250px;height: 780px;background: #333;margin: -754px 68…

    Asked by Евгений_SB,

    0 votes
    1 answer

  25. Смешная ошибка IE с :first-letter и ul

    <p>Заголовок 1</p> <ul> <li>...</li> <li>...</li> </ul> <p>Заголовок 2</p> <ul> <li>...</li> <li>...</li> </ul> В отдельном файле .css P:first-letter{font-weight:bold;} IE7 выдает второй список без маркеров, причем первый список выводится нормально. В опере и файрфоксе все нормально. Если убрать из .css эту строчку, то всё нормально При добавлении между первым списком и вторым абзацем (Заголовок 2) еще одного абзаца с длиной текста более 1 строки, второй список выводится корректно. Самое забавное будет, если размер текста в этом дополнительном абзаце будет чуть короче длины с…

    Asked by lexxpavlov,

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