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. Проблема с блоками

    Привет всем! Єсть проблема! Очень прошу вашей помощи! Как это реализовать? Есть блок (родительскии блок с фиксированой шириной, высота плавать должна ) --> --> внутри блока ещё 2 блоки справа и слева --> --> в блоке справа текст --> в блоке слева рисунок. Как реализовать так, чтобы ни текст, ни рисунок не выходили за приделы родительского блока, тоесть висота родительского блока - плавает. Буду очень благодарен за помощь! Оч нуно! Хелп плиз!

    Asked by Vendetta-V,

    0 votes
    5 answers

  2. Прошу помочь. Почему в strict режиме IE опять "не такой как все" :-) ?

    Приветствую всех! Вот простой пример документа с таблицей о трех <tr>. Верхний <tr> - шапка, нижний - подвал, а средний занимает всю доступную высоту. И всё бы ничего, но при попытке вставить в средний <tr> чего-нибудь со 100%-й высотой IE треплет нервы. Документ проходит валидацию на w3c, но при этом отображается в IE и неIE сильно по-разному. Без указания doctype всё, естественно, ок. Подскажите, пожалуйста, в чем проблема. А то снова плюну на стандарты и буду делать по старинке. Спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Language" c…

    Asked by Veremax,

    0 votes
    5 answers

  3. Посоветуйте как реализовать

    Как по вашему мнению лучше реализовать внутренние фреймы с возможностью прокрутки примерно как здесь? http://www.google.ru/imgres?imgurl=http://...tx=58&ty=59 В принципе в html уже есть возможность делать фреймы как-то, но хотел поинтересоваться может кто знает более интересный и современный способ.

    Asked by Kenshi24,

    0 votes
    5 answers

  4. left и right ie6

    Одновременно не работают left и right при абсолютном позиционировании в шестом осле. Есть какие-то хаки? Суть в том, что надо сделать блок так, чтобы он и справа и слева отступал на несколько пикселей. Пока решил проблему двумя блоками по 51%, но это мне не очень нравится.

    Asked by Veseloff,

    0 votes
    5 answers

  5. Подключение скрипта

    Доброго времени суток. Возник такой вопрос: подключаю скрипт (JS), сами теги для вставки меня не интересуют, ну как указать скрипту место в коде, где он должен работать. Поясняю, вот есть у меня скрипт делающий часики, как сделать так, чтобы эти часики появлялись в нужном месте страницы, а не где им вздумается. Это как-то прописывается в коде страницы или внутри скрипта надо параметры менять?

    Asked by Likka,

    0 votes
    5 answers

  6. Видимый пункт меню для определенного IP адреса

    Подскажите пожалуйста возможно ли такое реализовать. Есть сайт фирмы. На сайте нужно сделать 1 пунктик меню (рядом с теми которые уже есть в top-menu), что бы он был видимый только для определенных IP адресов, тобишь есть общий 1 IP адресс, который идёт на 2 офиса наших, который расположены рядом. Там как раз будет информация для штатных работников. А вот для людей другого контингента, что бы этого пункта и вовсе не существовало. То бишь, настроить так, что бы этот пункт меню был виден только нам (по одному IP адресу), а остальным нет, и было без сдвигов для них. Заранее благодарю. Описал как можно подробней. Не знаю как такое называется.

    Asked by explo1d,

    0 votes
    5 answers

  7. Кнопка с помощью display:block;

    Итак имем: Столбец ссылок (НЕ <div>) Вот такой ХТМЛ: CSS: По центру горизонтально текст худо-бедно отцентровал через text-align:center; А вот опустить не получается, ибо вместе с ним съезжает и фоновое изображение. Как быть ? Спасибо ! ЗЫ: есть, конечно, мыслишка, оберныть каждую ссылку в <div> сделать фон для дива, а ссылку уже margin-ом кое как отцентровать - но это похоже на извращение

    Asked by volkoff,

    0 votes
    5 answers

  8. Проблема с SSI вставкой

    Пытаюсь подключить меню, которое вынес в отдельный файл к остальным страницам. код меню находится в файле content.html, который располагается в корне сайта. Главная страница index.html находится тоже в корне сайта. Остальные страницы онтосительно корня по адресу : pages\tourism На главную стканицу вдключил меню так: <!--#include file="content.html"--> а на остальные пытаюсь так: <!--#include file="../../content.html"--> но меню подключилось почему-то только на главной странице на остальных выдаёт ошибку "an error occurred while processing this directive". Пути указал насколько понимаю правильно. Но почему-то меню подключает только к главной странице. Подска…

    Asked by Newbie,

    0 votes
    5 answers

  9. Как создать таблицу без верхней границы

    Здравствуйте. Не могу реализовать казалось бы простейший прием: хочу сделать так, чтобы таблица по верхнему краю доходила прямо до начала страницы, т.е. чтобы не оставалось зазора между тело страницы и самой таблицой по вертикали. Даже не могу помыслить, как это реализовать. Вот мой код: <html> <head> <body bgcolor="#DDDDDD"> <table align="left" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="400"> <tr valign="top" width="400" height="500"> <td> <p>От топота копыт пыль по полю летит.</p> </td> </tr> </table> </body> </head> </html> Заранее спасибо.

    Asked by Maxim1441,

    0 votes
    5 answers

  10. <ol start="11"> в XHTML 1.1

    Какие альтернативы существуют для <ol start="11"> в XHTML 1.1, где start запрещён ?

    Asked by Webr,

    0 votes
    5 answers

  11. Как сверстать градиентные полоски для hover?

    Нужно сверстать вот такой hover Проблема возникла с крайними светлыми градиентными полосками. Ума не приложу как это сверстать.. Пока код такой: ul.top_menu li a{padding:54px 33px 21px 33px;} ul.top_menu li a:hover{background:url('../img/menu_hover.jpg') left top repeat-x;margin:0 -1px;border-right:solid 1px #2b2a28;border-left:solid 1px #2b2a28;}

    Asked by maerrry,

    0 votes
    5 answers

  12. Вопросы про FORM и INPUT

    Всем привет. Вот простой код: <form name="primer" method="post"> <input type="text" size="10" value""> </form> А вот как задать: 1. высоту формы ввода? 2. Размер и цвет вводимого текста ? 3. Цвет заливки внутри формы ? 4. и как задать Border ?

    Asked by d4a1,

    0 votes
    5 answers

  13. Сверстанная страница на одном компьютере неправильно отображется.

    На всех компьютерах и разных версиях IE и других браузерах страничка отображется правильно, вот так: НО!!! На одном компьютере (а именно у начальницы) страница выглядит так: При этом происходит странная вещь - страница загружается правильно, потом когда произошла 100% загрузка резко перестает восприниматься таблица стилей (т.е. стили текста). У нее стоит IE8 Что это может быть?

    Asked by rognarek,

    0 votes
    5 answers

  14. Можно ли изменить размер ползунка скролла?

    В общем, нужно сделать модный скролл. Использую скрипт FleXcroll. Но все его вариации идут с автоматически меняющейся (в зависимости от кол-ва контента) длиной бегунка. А мне надо фикс размер этого бегунка. Можно вообще как-то установить размер этому бегунку?

    Asked by Belovsan,

    0 votes
    5 answers

  15. ограничение количества символов в тексте

    Подскажите, как можно грамотно расположить текст различной длинны в блоках одинакового размера? Если использовать overflow hidden то часто символы разрезаются пополам.

    Asked by maxs,

    0 votes
    5 answers

  16. Как выстроить элементы

    В общем есть такой код <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> Как сделать чтоб когда я добовляю ещё один код, т.е. <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> <div style="width: 1…

    Asked by ВэйДлин,

    0 votes
    5 answers

  17. height=auto

    Есть картинки,которые по ширине подгоняются под размер,но высота бывает разная.Если не указывать высоту,в некоторых браузерах картинки сжимаются только по ширине.Я нашел,что height=auto эту ситуацию исправляет.Но IE не понимает auto и ставит height в один пиксель.

    Asked by user,

    0 votes
    5 answers

  18. Наложение изображения поверх текста

    Пробовал наложить картинку на текст для плавного затемнения на краях блока, вот так: .sloi1 { overflow: hidden; z-index: 1; } .sloi2 { background: url(http://site.ru/fon.png) repeat-y; background-position: right; z-index: 2; } <div class="sloi2"> <div class="sloi1"> Текст </div> </div> Получается под текстом. Как её на текст наложить?

    Asked by maxs,

    0 votes
    5 answers

  19. Что не правильно с этим кодом?

    Предполагается, что в данном случае один блок div вложен в другой, но фактически это не вполне получается. Только в IE8 отображается так как я бы этого хотел, в фф, опере и в том же IE8 в режиме совместимости как-то получается, что второй div как бы не вложен в первый а идет после него... <html lang="ru-ru" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru"> <head> <meta content="text/html; charset=windows-1251" http-equiv="Content-Type"> <title>Тест</title> </head> <body> <div style="width: 900px; background-color: #d0d0d0;"> <div style="margin-left: 10px; float: left; width: 300px; padding-top: 12px; backgroun…

    Asked by mech,

    0 votes
    5 answers

  20. Скачут левая и правая колонка макета

    Взяла шаблон для джумла. a4joomla-social-f-free Ничего преступного не совершала, только поставила свой бг и свои материалы. Очень нравится в этом шаблоне типографика, жалко отказываться. Но почему-то скачут колонки. Для сравнения главная и Организаторы. Может, гуру верстки помогут понять, где собака зарыта.

    Asked by anunja,

    0 votes
    5 answers

  21. #id или #id .class

    Доброго времени суток) Возник один вопрос на какой в инете ответа не нашел. Что лучше использовать #id_1 .class #id_2 .class или .class_1 .class_2 в "+" первого варианта говорит то что все таки больше времени рендеринга кушает построение DOM и удобство при кодинге особенно сайтов "по-больше". но вот уж оч многие бьют себя копытом грудь и говорят что второй способ быстрей, но не могут довести этого на цифрах. Интересует Ваше мнение, на форуме искал не нашел, если просмотрел дайти не бейте а дайте линк) Заранее спасибо)

    Asked by yan_kos,

    0 votes
    5 answers

  22. Помогите с CSS

    Здравствуйте! Помогите с CSS, не получается избавиться от лишней черты под пунктом "Задание 3", а так же пункт между пунктом "АСТРОЛОГИЯ" и "Урок 4" увеличить отступ. Заранее спасибо! <html> <head> <title></title> <style type="text/css"> #category ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; text-transform: uppercase; list-style: none; } #category #cat1 ul { margin-top: 10px; margin-bottom: 0px; margin-left: 8px; padding-left: 11px; text-transform: none; list-style: square; } #category #cat1 ul li{ margin-bottom: 7px; border-bottom: 1px solid #dadada; } #category #ca…

    Asked by ervin,

    0 votes
    5 answers

  23. Возможно ли (если да, то как?) изменить стиль аттрибута title (всплывающей подсказки)?

    http://htmlbook.ru/html/attr/title , добавить бэкграунд/изменить шрифт/ добавить рамки

    Asked by vladimir_lwlx,

    0 votes
    5 answers

  24. IE7 - подозреваю не работает float:right;

    Подскажите, почему во всех браузерах меню нормально прижато к правому краю, кроме IE7? http://mosstroy-10.ru/ Поиски дали мне почву подозревать, что здесь плохо работает float:right ... Но как с этим бороться не ясно.

    Asked by Leto,

    0 votes
    5 answers

  25. Bug с дивами в IE7

    Второй день мучаюсь с проблемой , чего уже только не перепробовал: в ie7 див наезжает на див. В остальных браузерах все работает нормально: Сам проект находится тут. http://rabota.4ital.ru/ie7bug/ Помогите плз советом, как решить эту проблему

    Asked by SimpleSign,

    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