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 Guest CBE4KuH,

    0 votes
    11 answers

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

    Добрый день! Есть вертикальное меню в левой колонке такого вида: <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

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

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

    Asked by Palomnik,

    0 votes
    0 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. Как сделать так чтобы элементы DIV перестали переходить на новую строку?

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

    Asked by Guest comhunt,

    0 votes
    19 answers

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

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

    Asked by MariAnette,

    0 votes
    5 answers

  7. Отступ IE

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

    Asked by mOnYa,

    0 votes
    8 answers

  8. Прозрачность картинки при наведении

    Привет!!! Я недавно начал изучать разработку web-страниц и столкнулся с проблемой, помогите, люди добрые!!! Есть две картинки. При наведении на 1-ую, должна появиться вторая, причём первая должна затемниться. У меня практически всё получилось, вот только с затемнением получилось всё наоборот, как добитиься нужного результата, не знаю. Помогите!!!!!! Ниже ссылка (30 Кб) моей работы, если можете, подскажите пару строк кода, где я ошибся. http://www.kaa.zdorovie.starinet.com/tmp/help.rar

    Asked by Guest Диман,

    0 votes
    6 answers

  9. Как мне БЫТЬ?!

    Всем Привет! У меня стоит сайт который использует систему smary - т.е. там куча html, каждый из который отвечает за определённый блок, но у меня проблема в том что я не могу её менять (есть и Dreamweaver и FrontPage, но когда я меняю я получаю всякие разные ошибки)... сайт http://www.zpstyle.com/index.php?categoryI...ens-polo-shirts Может кто нибудь сможет сделать то что показано внизу: Заранее спасибо! Благодарен за любую помощь!

    Asked by zaurm,

    0 votes
    1 answer

  10. рамка вокруг изображения

    Здравствуйте! С целью облечь фотки на сайте в рамку,прописал в CSS таким образом a:hover img { border: 5px inset #ccffff; } a:link img { border: 5px ridge #663333;} но дело в том,что в IE если не указываю цвет в a:link ,то начальная рамка выходит черная, но цвет меняет...а в мозилле выходит такая,какая задана, и меняет цвет тоже. чтобы в IE начальная рамка тоже была нужного цвета,приходится его задавать, но в этом случае в мозилле цвет не меняется... можно ли как-нибудь искоренить проблему?Спасибо!

    Asked by masterok,

    0 votes
    4 answers

  11. В каждом браузере по разному

    сабж Вот index.html <!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> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <p class="logoup"></p> <p class="textmain"></p> <p class="logodown"></p> </div> <div id="bar"> <p class="logo"></p> <p class="logo2"></p> <ul class=…

    Asked by GumaNoiD,

    0 votes
    6 answers

  12. Аналог тега [code] на HTML

    Всем доброго времени суток. Проблемка такая: Есть index.html. В нём размещены html-семплы, исходники, etc. Вопрос: Каким тегом(textarea не предлагать)/скриптом добиться отключения обработки участка документа? Другими словами добиться аналога такого эффекта форума: <font color="red">example</font>

    Asked by -=XXL=-,

    0 votes
    2 answers

  13. Пробел между картинками

    Есть две картинки, нам надо их разместить вертикально одна под другой. Ничего сложного, используем следующий код. <p><img src="sample.gif" alt="1"><br> <img src="sample.gif" alt="2"></p> Так вот, при строгом доктайпе между картинками будет промежуток, при переходном доктайпе промежутка не будет. Проверял в Opera 9.2, Safari 3.1, FF 2. Один IE6 игнорирует доктайп и отображает без пробелов в любом случае. Никак не могу понять логику, при чем же здесь доктайп, однозначно влияет на line-height, которое меняется. Хотя казалось бы не должно. У кого какие соображения?

    Asked by Vlad,

    0 votes
    3 answers

  14. позиционирование картинок на одном уровне с текстом

    привет давно видел эту неприятность, но как-то не обращал на нее внимания, до тех пор пока она не начала мне реально докучать - нынешних. вот код: <a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;">MP3</a> <a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;"><img src="/pics/hi.png" width="30" height="17" alt="192"/></a> а вот что он выводит: для наглядности приписал белый border, а для надежности - параметр высоты. не сработало. а проблема, как вы уже поняли, в том, что текст не на одном уровне с картинкой. точнее, последняя немного выше. vspace, align, ma…

    Asked by burn,

    0 votes
    3 answers

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

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

    Asked by Louis,

    0 votes
    1 answer

  16. Картча - как настроить?

    Скачал скрипт с сайта www.captcha.ru Может кто-нибудь настраивал его?... подскажите, как это делается... Спасибо!

    Asked by banyman,

    0 votes
    5 answers

  17. проблемы с footer, помогите найти глюк в стиле

    проблема решена удалите тему, спасибо

    Asked by vitrina,

    0 votes
    2 answers

  18. Инпут вылазиит за пределы ячейки

    Есть простенькая таблица для примера: в ней 1 строка, 2 ячейки, в левом - инпут. Специально, чтобы видеть границы ячеек видны бордюры. Так вот, инпут вылазиит за пределы ячейки и налазиит на правую ячейку. Ширину ему указываю 100%, хочу чтобы он был на всю ячейку, но никак не больше и не меньше. Указать 99% и т. п. не вариант, т. к. в конечном виде будут ячейки разной (в том числе и большой) ширины и для одних ячеек 1% будет мало, для других слишком много. Проблема касается всех браузеров (ИЕ, ФФ, Опера). Ниже представлен код таблицы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x…

    Asked by Guest Гость_Дмитрий_*,

    0 votes
    2 answers

  19. Резиновый дизайн

    Доброго времени суток, уважаемые. Столкнулся с проблемой и не знаю как ее решить. Нужно 2 контейнерных элемента разместить на странице так, чтобы верхний был постоянной величины в 20 пикселей, а вот второй, который ниже, растягивался бы в зависимости от высоты страницы. На каких это элементах реализовать в общем-то не имеет значение. Пробовал сделать таблицей, присвоив одной ячейке фиксированную высоту, а второй не указывать высоту, но тогда всеравно растягиваются обе строки, даже та которая с фиксированной высотой. Потом пробовал сделать на дивах, указав одному диву высоту 20 пикселей, а второму 100%, но тогда появляется полоса прокрутки, т.к. страница получается в высо…

    Asked by Ogalig,

    0 votes
    7 answers

  20. Валидные варианты "сделать стартовой" и "добавить в закладки"

    Добрый день! Подскажите пожалуйста как можно сделать ссылки "сделать стартовой" и "добавить в закладки", чтобы они были валидными для XHTML, мои вариант вот: <a href="our_link" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('our_link'); return false;" class="foot">Сделать стартовой</a> и <a href="our_link" onClick="window.external.addFavorite('our_link', 'our_capture'); return false;" class="foot">Добавить в заладки</a> Только они не проходят валидацию. Как сделать так, чтобы проходили? Спасибо за помощь

    Asked by DImaN,

    0 votes
    2 answers

  21. Открытие нового окна

    <form name=form> <input type="text" name="a"> <input type="button" value="Popup Window" onClick="window.open('Pop.htm','Popup_Window','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,res izable=no,copyhistory=no,width=300,height=300')"><BR> </form> есть вот такая шутка, мне нужно чтобы текст с этой формы отправлялся на этот popup. не получается как сделать? может кто знает

    Asked by Guest monarch,

    0 votes
    2 answers

  22. помогите с выравниванием в опере и IE

    Доброго времени суток. Я начинающий верстальщик не судите строго, наверняка многого незнаю, вот столкнулся с проблемой. Нужно выровнять все блоки по центру экрана. Тем кодом что я написал, в IE выравнивается все хорошо, а вот в Оpera вся страница выравнивается к левому краю. часть кода страницы: <body> <div id=sss> <div id=header> <div class="logo"><img src="logo.png"> </div><div class="icq">555-555-555<br>555-555-555</div> </div> </div> </body> часть кода файла стилей: #sss{ text-align: center; } #sss #header{ width:739px; height:224px; text-align:left; font-family: Verdana, Arial,…

    Asked by netnike,

    0 votes
    1 answer

  23. Ссылки

    Почему то в Опере под ресунками при нажатии на него появляеться полоска. Где я допустил ошибку? А в ИЕ ссылки с ресунков принимают стиль ссылок списка. Подскажите пожалуйста как это исправить. Заранее спасибо за ответы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title> </title> <style type="text/css"> <!-- body { background: #cff; margin: 0; padding: 0; } #list { float: left; width: 200px; background: #f36; } #content { margin-left: 230px; background: #f0c; } #container #list ul { margin: 0; padding: 0; } #container #list …

    Asked by Elusive,

    0 votes
    4 answers

  24. plugins

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

    Asked by Guest Гость,

    0 votes
    21 answers

  25. Проблема с min-width

    Вот код в css, но почему-то фаербаг в Мозиле ругается на это "Ошибка при анализе значения свойства «width». Потерянное объявление." width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); В чем ошибка, подскажите плиз?

    Asked by okunev2,

    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