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 мало того что выглядят не так как хотелось бы (или во всяком случае не так как в большинстве нормальных браузеров) так еще и тормозят систему, хотя при сегодняшних возможностях компьютеров это полагаю не так важно. Учитывая желание что бы во всех (IE, Chrome, Mozilla) браузерах тени выглядели одинаково каким образом вы их делаете? На данный момент знаю два варианта, первый с помощью картинок на background и последующей игры с блоками и как то с большим колличеством встроенных дивов. Оба варианта не пробовал, вот пытаюсь определиться какой удобнее. А может существуют и другие идеи?

    Asked by Pumych,

    0 votes
    3 answers

  2. Правильная верстка?

    Заранее извиняюсь: название темы не полностью раскрывает суть вопроса. Так как у меня нет 30 сообщений и я не могу писать в раздел "Обсуждение работ" решил выложить ссылку здесь. http://www.z159113.infobox.ru Сайт-визитка с гостевой книгой(можно и даже нужно туда писать). Хочется услышать здоровую критику. Особенно интересует мнение по цветовому решению, расположению элементов и кроссбраузерной работе сайта. Есть одна проблема со скриптами под Осликом. Заранее спасибо =)

    Asked by Safronik,

    0 votes
    4 answers

  3. проблема с таблицей

    Господа подскажите как сделать так чтобы в левой колонке верхний блок и нижний всегда прижисались соответсвенно к низу и верху в независимости от размера контента. Пока получается так но чего то не хватает. <table width="422" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td><table height="100%" width="211" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td height="300"> </td> </tr> <tr> <td height="auto"> </td> </tr> <tr valign="bottom"> <td height="300"> </td> </tr> </table> </td> <td>Text<…

    Asked by akahitokiri,

    0 votes
    9 answers

  4. Footer и Header обрезаются

    Всем добрый вечер! При масштабировании страницы, при прокрутки страницы вправо, видно, что footer и header "обрезаны". Добавил "min-width: 1200px;" - все нормально. Но для IE6 никак не могу найти решение этой проблемы. Стили для footer'a: #footer { background-image: url('../images/gradient-bottom.png'); background-repeat: repeat-x; border-top: solid 2px #000; height: 45px; margin: -45px auto 0; width: 100%; min-width: 1200px; } Стили для header'a: #header { background-image: url('../images/gradient-top.png'); background-repeat: x-repeat; border-bottom: 2px solid #000; width: 100%; min-width: 1200px; } Как сделать, чтобы footer и header не обрезались в IE6?

    Asked by Sergey25,

    0 votes
    5 answers

  5. Господа, ай нид хелп

    ввв sinclairshop ру логин/пароль: andrey прямую открытую ссылку дать не имею права, извините. Суть в следующем - добиваюсь нормальной работы от выпадающего меню. В FF и Хроме работает нормально, в любом IE - вложенных пунктов не видно, они перекрываются нижележащим слоем "с мужиком". Почему так? Я так и не смог добиться нормальной работы. Если вытянуть менюшку и её стили в отдельный файл, то видно, что отрабатывает нормально. Помогите а?, не так часто прошу Вот сто пудов, какую-то мелочь упустил. Голова уже устала просто

    Asked by d0ublezer0,

    0 votes
    4 answers

  6. Текстовое поле

    Вот я создал текстовое поле шириной-380 пикс.,высотой-68пикс. Потом попробовал что-нибудь напечатать:навёл курсор на поле нажал его и у меня палачка встала по середине(по высоте) поля.И только там печатает .Непонятно.Как сделать ,чтоб всё было нормально?

    Asked by new01,

    0 votes
    18 answers

  7. Помогите с css меню

    У меня такая проблема хотел сверстать горизонтальное меню для сайта ! но возникла такая проблема вот само меню я его разрезал на 3 части но вот в чем проблема слева и справа закругелые углы и у меня не как не получается собрать меню вместе <!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> <style type="text/css"> <!-- *{margin:0px; padding:0px;} ul { list-style-type:none; background-image:url(images/bg.gif); …

    Asked by CyBer,

    0 votes
    11 answers

  8. Проблема в IE7, реализация вкладок.

    Добрый день! Помогите пожалуйста, у меня проблемы с IE7. Делаю вкладки, для них использую список с display:inline Сама вкладка состоит из двух ссылок (одна - название, вторая - кнопочка закрыть). Если по горизонтали не хватает места, то вкладки переносятся на следующую строку. Но сама вкладка должна быть неделима, т.е. между ссылкой-названием и ссылкой-кнопкой не должно быть переноса строки. Вот код: <!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=utf-8"> </head> <body> <style> li {display:inline;float:left;B…

    Asked by rabiter,

    0 votes
    5 answers

  9. Различное поведение при скруглении углов.

    Здравствуйте, есть код: .test { border: 5px solid #123; overflow: hidden; background: #555; width: 100px; height: 100px; border-radius: 20px; } .test-inner { overflow: hidden; background: #621; width: 55px; height: 55px; } <div class="test"> <div class="test-inner"></div> </div> Результат: FF4 и IE9 все хорошо в Opera и Chrome вылез угол Возможно ли исправить проблему в Opera и Chrome? P.S. Вариант со скруглением внутреннего блока не подходит.

    Asked by Deadly,

    0 votes
    13 answers

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

    Понадобилось сделать шаблон с основным полем по центру и большим широким фоном, чтобы все это обрезалось с краев при разных размерах монитора. Использовалось свойство: body { background: url(название.jpg) 50% 0 no-repeat; } Все работает до тех пор, пока ширина окна браузера больше, чем центральная часть с контентом. Потом фон продолжает пропорционально уменьшаться по бокам, в то время как центральная часть приклеивается к левой стороне. В качестве примера с подобной проблемой можно посмотреть сайт http://lostfilm.tv/browse.php?cat=51 Там две безногие женщины позиционируются по центру, а основной текст сдвигается. В то же время на сайте http://www.kinopoisk.ru/ фоновая ка…

    Asked by Жуля,

    0 votes
    11 answers

  11. Теоритический вопрос: подключать 2 файла CSS - это нормально?

    В общем мне не нравится, что мой CSS стал очень большим. Хочу сделать так, чтобы на каждой странице сайта грузился: 1. Основной CSS файл (один для всех). + 2. CSS файл относящийся к конкретно загружаемой странице. К примеру. У меня три страницы: - Управление пользователями - История действий пользователей - Новости При загрузке страницы управления пользователями, будут грузится файлы: main_styles.css page_users_styles.css При загрузке страницы с историей действий пользователей, будут грузится файлы: main_styles.css page_histrory_styles.css При загрузке страницы с историей действий пользователей, будут грузится файлы: main_styles.css page_news_styles.css С точки зрения бра…

    Asked by Boron,

    0 votes
    7 answers

  12. Съезжает фон в поле ввода

    Доброго времени суток. Подскажите пожалуйста, почему в поле ввода, когда я набираю какой ни будь текст, то фон сдвигается влево? Не могу что то понять. Кто может сталкивался? За ранее спасибо.

    Asked by viv,

    0 votes
    7 answers

  13. Проблема с отображением при уменьшении окна браузера

    Здравствуйте. У меня возникла такая проблема. Сверстала страничку, вроде бы всё хорошо, но когда уменьшаешь окно браузера, то всё съезжает Подскажите пожалуйста, в чем проблема? И как исправить?

    Asked by kompashka,

    0 votes
    7 answers

  14. как семантически вернее

    На странице объёмная статья, после небольшого вступления идут части с пронумерованными подзаголовками, то есть описываться по порядку некий процесс. В каждом пункте пара абзацев и иллюстрации. По вашему мнению как семантически будет трушнее? /* вступление ..... */ <h2>1. Первое бла</h2> <img .....> <p>....</p> <h2>2. Второе бла</h2> <img .....> <p>....</p> или каждый эпизод - заворачивать в li и нумеровать, костыляво получится если цифру к заголовку пытаться приилепить... Или составить список определений, и попытаться ему применить list-style-type: decimal?

    Asked by Быколай,

    0 votes
    39 answers

  15. Думаю "прикрутить" функцию поиска по сайту среди проиндексированых Googl-ом страниц

    По аналогии со статьей Поиск по сайту через Google и Яндекс надумал "прикрутить" к своему сайту подобную функцию поиска через qoogle; но не через официальную "Систему пользовательского поиска", а просто вставив следующий код <form method="get" action="http://www.google.ru/search"> <table border="0" bgcolor="#b4c6da"><tr><td> <input type="hidden" name="domains" value="адрес_сайта.com"></input> <input type="text" name="q"></input> <input type="submit" value="Найти"></input> <input type="hidden" name="sitesearch" value="адрес_сайта.com"></input> <input type="hidden" name="hl" value="ru"></input…

    Asked by Lime,

    0 votes
    3 answers

  16. Как в % уменьшить размер всех элементов в div'e

    Как можно в % уменьшить размеры всех элементов (картинок, текста) в определенном диве? Ошибся в заголовке

    Asked by Walk,

    0 votes
    3 answers

  17. Разница в отступах между FF и IE

    Всем доброго времени суток. Не могу найти причину разного отступа между элементами <p> <img> в браузерах FF (в опере тоже все нормально) и IE (сайт) В FF и Opera отступы такие, какие и нужно, в IE очень большие: HTML пример кода: <p class="new_menu">» <a href="/diablo1/" title="Diablo 1 Описание" class="news_menu">Описание</a></p> <img src="/images/line-666.gif" width="159" height="1" class="line-666" alt=""> <p class="new_menu">» <a href="/download/" title="Diablo 1 Скачать" class="news_menu">Скачать</a></p> <img src="/images/line-666.gif" width="159" height="1" class="line-666" alt=""> <p …

    Asked by Walk,

    0 votes
    12 answers

  18. Что надо тут делать?

    С интернет разработками дружу почти 1 - месяц... Знаю еще очень мало, но думаю научиться... Посмотрите на мои первые работы, и скажите что не так, как стоит делать, вобщем все предложения и замечания... Вот собстно прожект лист: http://myadmin.nxt.ru/serv/project_list.htm - только плиз, не оскорбляйте автора, прошу отнестись с уважением и пониманием! Особое внимание прошу обратить на последнюю работу.

    Asked by new_designer,

    0 votes
    5 answers

  19. Верстка: одна шапка-меню, и меняющееся содержимое

    Здравствуйте! Мне необходимо относительно оперативно создать себе относительно простой сайт. ДЛя этой цели пришлось заняться изучением азов html. Оно очень интересно, но к сожалению время поджимает, а представление у меня, как именно сделать то, что мне нужно, остается весьма смутным, поэтому прошу помощи. Структура планируется такая: шапка с логотипом, меню (4-5 пунктов) - должны быть неподвижны и неизменны. Содержание - меняется (на части страниц текст, на части - фотогалерея). После изучения азов html и в частности учебника на вашем сайте у меня мысль такая: сделать страницу с фреймами, для фрейма с содержанием (страницы с фотогалереей) - сделать фотогалерею средствами…

    Asked by freefly,

    0 votes
    3 answers

  20. Появление картинки при наведении мыши на текст

    Всем привет. Собираю сайт на вордпресс и не могу понять, как сделать одну штуку. Надо чтобы при наведении на раздел в меню, слева появлялась картинка, соответствующая разделу. Нашел пример кода: http://avvdesign.info/blog/?CSS:Kartinki:Primer Прописал в css, работает. Пример на странице http://prostovend.ru/?page_id=192, если навести внизу страницы на ссылку "ICT test", то появится картинка. Гуру, подскажите, как сделать тоже самое с разделами меню? PS Для вывода меню используется плагин wp-dtree.

    Asked by maxlips,

    0 votes
    5 answers

  21. Горизонатльное меню с равными по ширине пунктами в процентах без таблиц

    Никак не соображу откуда в Хроме, Сафари, Опере и IE 6 берётся отступ в последнем пункте. В IE 7 и 8 нормально, в ФФ 3.6 и 4 тоже. /*тут куча тегов*/{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } body { width: 100%; max-width: 960px; font: 14px/18px Arial, Helvetica, sans-serif ; margin: auto; } ul { border: 3px solid #f60; overflow: hidden; zoom: 1; margin: 6px 0; background: #f90; font: 16px; } li { float: left; width: 20%; } a:link { color: #000; } a:visited { color: #c30; } li a { text-align: center; display:block; border-left: 1px solid #f…

    Asked by KooL,

    0 votes
    15 answers

  22. Подскажите, как создать самообновляющиеся сраницу

    Подскажите как можно сделать самообновляющиеся каждую минуту страницу? Заранее спасибо

    Asked by Select,

    0 votes
    2 answers

  23. Помогите правильно разместить обьекты

    Здрасьте! Не могу правильно разместить обьекты в div. Помогите пожалуйста имеются обьекты: 1 div (контейнер) 2 h2 (заголовок) 3 img (картинка слева) 4 p (описание картинки) Делаю так: <div style="border:1px solid #bbb;"> <h2>Заголовок</h2> <img src="" style="float:left;width:100px;height:100px;" /> <p>теkст описание картинки</p> </div> Все бы хорошо, но как только текст не превышает высоты картинки, то нижний бордюр перекрывает картинку. Подскажите как правильно решить эту проблему? Спасибо.

    Asked by kukurikan,

    0 votes
    8 answers

  24. Вопрос касательно списка

    Здравствуйте. В ходе работы над маркерованым списоком возникла следующая ситуация: Есть маркерованный список у которого всего 4 строки, с помощью css я заменил стандартные маркеры на картинки и у каждой строки они одинаковые, а мне нужно, что бы у первой строки списка был маркер одного вида, для второй строки - второго вида и так далее, возможно ли такое усуществить с помощью css? Если возможно, подскажите плиз как.

    Asked by GaDiV,

    0 votes
    9 answers

  25. Вопрос

    Здравствуйте, почитав ваш форум я "потерялся". Я на нормально уровне выучил css/html, и прочитав ваш форум, я "потерялся", не знаю с чего начать, какие книги/видео-уроки читать/смотреть, как делать всё правильно, с начало читать/смотреть книги/видео-уроки... Может что посоветуете? буде благодарен!!

    Asked by artur33,

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