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. Пунктир вокруг кнопок (submit, button) в ИЕ8

    Раньше боролись с пунктиром вокруг ссылок и кнопок в FF, а сейчас смотрю и восьмой ИЕ подтянулся. Тоже начал пунктиры рисовать. Лечится этот баг или нет?

    Asked by Belovsan,

    0 votes
    4 answers

  2. Проблема с кроссбраузерностью при отображении текста в форме

    Такая проблемка. В общем, есть форма, в ней текст (текст прописан в параметре: value). Задаю данному тексту шрифт, размер и т д. Вроде всё норм, но вот когда задал параметр: font-variant:small-caps; вот тут и возник некоторый нюанс. Опера почему-то не отображает этот параметр. Причём, я пробовал просто задать тексту такой параметр и опера его нормально показала. А вот в форме почему-то не хочет. Вот ссылка на пример трабла: http://rubanys.narod.ru/test.html (на сдвиги и смещения не обращайте внимания, интересует именно отображение текста в Опере, остальные браузеры походу нормально отреагировали).

    Asked by Belovsan,

    0 votes
    1 answer

  3. как оформить атрибут placeholder и <input type="search" />?

    Атрибут placeholder ставит текст в поле, пока в нём не содержится какой-либо введённый пользователем текст. Заказчик очень хочет, чтобы текст из placeholder был определённого цвета. Листая документацию, найти ничего подобного не могу. Может кто сталкивался? Знаете? Подскажите пожалуйста. А также как научить <input type="search" /> в сафари слушаться css? Есть ли более-менее прямые способы это сделать?

    Asked by swetlana,

    0 votes
    7 answers

  4. как сделать сайт по центру ?

    Привет, помогите пожалуйста, ка сделать шаблон по центру ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <style> TD{ font-family:verdana; font-size:8pt; } a{ text-decoration:none; } </style> </head> <body topmargin="0" rightmargin="0" marginwidth="0" marginheight="0" leftmargin="0" bottommargin="0"> <table width="100%" cellspacing="0" cellpadding="0" border="0" height="100%"> <tr> <td valign="top" colspan="3"><img src="images/top.jpg" border="0" width="377" height="186" alt=""><img src="images/name.jpg" border="0" width="389" he…

    Asked by igorif,

    0 votes
    1 answer

  5. #id.class

    можно ли указать селектор одновременно по id и class? собственно нужно это сделать не в css, а в обращении jquery для пущей уверенности.

    Asked by warobushek,

    0 votes
    5 answers

  6. float не хочет работать

    Создаю простенький макет на div'ах. Нужно, чтобы текст ("content content ... ") обтекал картинку (img src = "111.jpg"). Для этого написал такой код: </head> <body> <div id = "main"> <div id = "pict"><img src = "111.jpg" title = "" alt = ""/></div> <div id = "text"> <p>Content content content Content content content Content content content Content content content Content content contentContent content content Content content content Content content contentContent content content Content content content Content content content Content content content Content content content Content content content Content content conten…

    Asked by botyaslonim,

    0 votes
    16 answers

  7. Выравнивание по центру

    Подскажите как выровнять по центру, совсем запутался... html </head><body> <div class="parent"> <span> <ul> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> </ul> </span> </div> <div class="buttonm"> </div></div> <div id="dhtmlgoodies_slideshow"> <div id="galleryContainer"> <div id="arrow_up"><img src="images/arrow-up.gif"…

    Asked by laik216,

    0 votes
    3 answers

  8. [Help]Изменение вида у новостей

    Установил се на сайт скрипт новостей но немогу подстроить под стиль если кто чем может помоч подскажите плиз скрипт новостей: <?php $link = mysql_connect(localhost,root,mangos); mysql_select_db(realmd,$link); mysql_query ("SET NAMES 'utf8'"); $result = mysql_query ("select topic, message, date, author, type from news"); while ($row = mysql_fetch_array ($result)) { $topic = $row['topic']; $message = $row['message']; $date = $row['date']; $author = $row['author']; $type = $row['type']; echo "<div class='newsitem'> <div class='top'></div> <div class='content'> <div class='title ".$type."'> <span class='fleft'>".$topic."</sp…

    Asked by _PARADOX_,

    0 votes
    9 answers

  9. Joomla,CSS и Internet Explorer

    Сделал я один сайт,все хорошо,все работает,вот только одна проблема,в IE 7 и выше нужно включать совместимость,иначе не подключается файл CSS. http://aptekahelp.com.ua

    Asked by user,

    0 votes
    3 answers

  10. footer прибить к низу

    имеем блок footer, на некоторых страницах текста мало и footer оказывается по средине окна браузера, под ним пусто - смотрится не очень. как прибить его к низу окна браузера?

    Asked by jurassik,

    0 votes
    1 answer

  11. Таблица в таблице

    Никак не получается сделать одну таблицу внутри другой по следующему принципу. Необходимо чтобы главная таблица состояла из 3 строк, 2 строчки фиксированной величины, третья (центральная) автоматически вычисляется, в этой же строчке необходимо вставить еще одну таблицу состоящую из 2 столбцов один фиксированной величины, второй - авторастягивается на оставшуюся часть срединной ячейки. По ширине все хорошо умещается на всю ячейку а вот по высоте в опере и IE8 не растягивается , подскажите что добавить или исправить? Вот то что я написал: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html…

    Asked by rubius2008,

    0 votes
    3 answers

  12. Фоновый рисунок

    вроде бы все делаю правильно, но браузеры не тображают фоновый рисунок. проверила 10 раз все названия папок и файлов совпадают, изображение в папке есть код: body { background: url("images/p.jpg"); } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" > <link rel="StyleSheet" type="text/css" href="css/style.css"> </head> <body> </body> </html>

    Asked by Izum,

    0 votes
    24 answers

  13. Привязка элемента к окну браузера

    Здравствуйте! Нужно сделать отображение скрытого элемента (таблицы с текстом) по клику. Если делать "свободно позиционируемую таблицу" с привязкой XY к границам браузера - единственный приемлемый для меня вариант это привязать ее посередине горизонтального края браузера (но я не знаю как). Другой вариант - жестко привязать этот элемент к другому элементу на странице, например какому нибудь тэгу или маркеру, тоже не смог найти как. Идеальный вариант бы был - плавное выезжание ровно посередине браузера сверху из-за границы браузера таблицы с нужной мне информацией. Кто сталкивался - помогите плз!

    Asked by t4pr,

    0 votes
    5 answers

  14. Как мне растянуть среднюю таблицу?

    Только учусь верстать. Взялся сверстать учебный макет... Помогите правильно растянуть среднюю таблицу...не знаю что делать...она не тянется...все мозги вынес...прописать жестко height по условию задания нельзя...надо, чтобы все эффективно тянулось как в ширину, так и в высоту... Люди добрые, если кому не тяжело...подскажите начинающему... <!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" lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Премия "Серебряное копытце". Рога и копыта…

    Asked by serking,

    0 votes
    3 answers

  15. помогите сделать гориз.выпадающее меню

    Помогите сделать выпадающее меню в действующее верхнее меню, сайт сделан на dle 8.5, пытался сделать сам, что то не очень получается, под шаблон не могу загнать, выходит криво.((( файл main.tpl <div id="wrapper"> <div id="menue-l"> <div id="menue-r"> <div id="menue"> <div id="nav"> <a href="/" title="Главная">Главная</a> <a href="/forum/index.php" title="Форум">Наш форум</a> <a href="/files/" title="Каталог файлов">Каталог файлов</a> <a href="/ads.html" title="Реклама на сайте">Реклама на сайте</a> <a href="/index.php?do=feedback" title="Обратная связь"…

    Asked by dauren300,

    0 votes
    17 answers

  16. как исправлять ошибки на сайте?

    просканил на валидаторе сайт свой, заметил кучу ошибок , в основном такие: # Error Line 101, Column 188: ID "login" already defined …0" /><input name="login" type="hidden" id="[b]l[/b]ogin" value="submit" /></form></td> An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). в связи с этим есть вопросы: 1. ошибка в букве "l" в слове login ? правильно же написано 2. Скажите Что за линии и что за колонки? строка что…

    Asked by dauren300,

    0 votes
    9 answers

  17. Как сделать такие бордеры ?

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

    Asked by dimacat,

    0 votes
    8 answers

  18. 2 разных бекграунда по сторонам основного блока

    Столкнулся с проблемой по разным бекграундам со сторон центрального блока. В идеале должно получится следующее: Собственно можно как-то это сделать используя только центральный div и background-image станицы? Если нет то понимаю нужно делать 3 шт. div по бокам резиновые по центру с заданными пропорциями, может кто код подскажет? Заранее спасибо за внимание

    Asked by tellium,

    0 votes
    8 answers

  19. utf-8 + IE

    Кто может - объясните, пожалуйста, почему когда выбрана кодировка utf-8 для странички: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> при изменение размеров окна браузера, с помощью мыши возникаю некоторые задержки (тормоза). Если же использовать windows-1251: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> то все просто замечательно, резвенько меняется. причем просматриваю страничку локально. И данные тормоза наблюдаются лишь в IE (8 и 7 тестил), в опере, мозиле, комодо без всяких тормозов работали что с той, что с другой кодировкой. Страничка состоит из таблицы с тремя строчками (у каждой свой фоновый ц…

    Asked by rubius2008,

    0 votes
    4 answers

  20. Красивая и динамичная форма поиска

    Столкнулся с задачкой. Ищу уже целый день, а толком так ничего и не смог найти. В общем, надо сделать форму поиска, но не простую. Значит когда курсор ещё в окне поиска не вставлен, там должна быть надпись "Введите данные для поиска" и плюс ещё в самом начале строки будет стоять картинка (типа иконка маленькая). Затем, когда вставляю в окно поиска курсор, всё это должно исчезнуть (и надпись и иконка) и остаться только чистое поле для введения поисковых данных. Вот такая "радость" подвалила. Может кто встречал решение такой задачки? Или у кого-нибудь она есть? Буду очень признателен за помощь.

    Asked by Belovsan,

    0 votes
    13 answers

  21. Проблема с Flash проигрывателем

    <object type="application/x-shockwave-flash" data="audio-player/player.swf" id="audioplayer4" height="24" width="290"> <param name="movie" value="clientscript/player.swf"> <param name="FlashVars" value="playerID=4&soundFile={param}"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> везде работает, а в IE не отображается, посоветуйте что нибудь...

    Asked by slavok47,

    0 votes
    5 answers

  22. Масштабирование картинки

    Всем доброго времени суток! Задал этот вопрос в теме про вписывание в div блоки, но поскольку вопрос той темы был решен, я думаю, будет уместно задать его в новой. Можно ли масштабировать картинку внутри блока одновременно по width и по height, но с сохранением пропорций? то есть, если окно вытянуто по горизонтали, то масштабирование идет по height. Окно вытянуто по вертикали - по width. А то получается такая ерунда: если масштабирование идет по height, а окно вытянуто по вертикали, картинка не влезает в окно. А она должна быть вписана в окно браузера. Пример: http://www.delirio.pro/

    Asked by Elmirill,

    0 votes
    4 answers

  23. Как вписать объект в div блок?

    Здравствуйте! Возникла необходимость вписать объект (допустим картинку) в блок div таким образом, чтобы картинка ужималась (растягивалась) до размера div блока. Для примера: на сайте есть большая картинка по центру, и эта картинка при открытии сайта в браузере автоматом масштабируется до размера окна браузера. Конкретно интересует два аспекта: 1). Как вписать картинку с сохранением пропорций. 2). Как растянуть картинку по всему блоку без сохранения пропорций. Спасибо.

    Asked by Elmirill,

    0 votes
    10 answers

  24. Как реализовать

    Парни не подскажите как реализовать такой расскрываючийся список: http://www.animespirit.ru/anime/rs/series-...aberezhnoj.html (может быть это даже не список). Допустим есть вот такой список: При нажитии на любую строчку расскрывается окно, где вставлено видео или пару скриншотов, В общем неважно какое именно содержимое.

    Asked by mrBulka,

    0 votes
    2 answers

  25. Костыль для IE

    Обнаружил интересную библиотеку, которая превращает IE6-7-8 в IE9. По заверениям разработчиков девятая версия будет уметь всё, в том числе поддерживать большинство свойств CSS. Ссылка http://code.google.com/p/ie7-js/ Обсуждение библиотеки http://habrahabr.ru/blogs/css/100838/

    Asked by Vlad,

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