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. не клеится табличка

    Прошу помочь. . Я занимаюсь этим недавно, собираю по тихой сайтик. Не могу понять в чём ошибка. Надеюсь по коду понятно желаемая таблица. Если нет - пишите, я вставлю фото. <tr> <td rowspan="2">1111</td> <td> </td> <td rowspan="2">6666</td> </tr> <tr> <td rowspan="2">4444 </td> </tr> <tr> <td rowspan="2">2222</td> <td rowspan="2">7777</td> </tr> <tr> <td rowspan="2">5555</td> </tr> <tr> <td rowspan="2">3333</td> <td rowspan="2">8888</td> </tr> <tr> <td> </td> </tr>

    Asked by lesviles,

    0 votes
    8 answers

  2. Листинг на странице

    Хочу разместить html листинг на странице. Я так понял единственный способ это сделать, чтобы браузер не интерпретировал сам листинг, - это замена < и > скобок в тегах на спецсимволы? Может кто подскажет, как удобнее всего подготовить листинг для публикации? Как например даже тут, при вставке в сообщения [соdе]Листин [/соdе]

    Asked by r00tGE(R),

    0 votes
    3 answers

  3. Выделение ссылки

    Приветсвую всех! Прошу вашей помощи, совета. Не могу найти способ как сделать выделение ссылок. К примеру нажали на контакты и ссылка контакты выделена. Вот пример сайта _http://thematicmedia.ru - в коде не могу разобраться Подобной темы на форуме не нашел, извеняюсь если была.

    Asked by phz,

    0 votes
    1 answer

  4. Проблемы при создании всплывающего окна!

    У меня вот такие вопросы Помогите их решить!

    Asked by CnaM,

    0 votes
    7 answers

  5. помогите правильно расстянуть сайт по высоте

    доброго времени суток. Пожалуйста помогите, нужно чтобы высота страницы (те страницы которые почти не содержат контента) дотягивались до низа экрана не зависимо от его разрешения. <!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>Untitled Document</title> <link href="ieonly.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"><!--шапка--> <div id="hleft"> <img src="img/s…

    Asked by alsec,

    0 votes
    2 answers

  6. Пршу помощи в создании таблицы

    Добрый вечер. У меня есть друг-тренер по цигуну. Я решил помочь ему в популяризации занятий, а так же с wелью создать ресурс, где могут пообщяться люди, занимающиеся саморазвитием. Так как навыка у меня не было никакого, решил воспользоваться возможностями системы Ucoz. Прикупил домен. Получилось вот что На примере аналогичного сайта в Рунете, хочу сделать страничку, где можно посмотреть ближайшие занятия не только по цигуну, но и по другим направлениям. Всё в одном месте. А то сам когда то, имея свободные выходные, часами выискивал, какой семинар и где можно посетить именно в это время. Так вот, собственно, просьба. Не мог бы кто нибудь мне помочь сделать такую странич…

    Asked by Chicaga,

    0 votes
    5 answers

  7. Два float div'а рядом

    <style type="text/css"> .sidenote {width:200px; float:left; padding:3px; border:solid 2px turquoise; margin:15px} </style> .................... <div class="sidenote"> Выноска </div> Основной текст <div class="sidenote"> Выноска </div> Продолжение основного текста. div'ы класса sidenote сделаны float. Когда два таких div'а стоят близко друг к другу, один из них позиционируется как float относительно другого, а мне хотелось бы, чтобы они были float для чего угодно, кроме друг друга. Чтобы они сами позиционировались друг под другом. Это реально?

    Asked by Webr,

    0 votes
    2 answers

  8. Мешают две пустые ячейки

    Здравствуйте! У меня сделана таблица, в каждой ячейке - по портрету. Всего портретов 38, распределены они по 5 штук в восьми рядах, соответственно на последний ряд приходится только 3 портрета, а ячеек-то пять, две (с каждого края по одной) остаются пустые, но с рамкой. Я пыталась убрать их "механически" из кода, но тогда оставшиеся три ячейки смещаются влево. То есть мне бы хотелось две пустые ячейки как бы оставить, для симметрии, но сделать их невидимыми. Помогите, пожалуйста.

    Asked by Рося,

    0 votes
    3 answers

  9. Изменение размеров фона вместе с таблицей?

    Хочу устоновить картинку на фон в ячайки таблицы, и что бы при изменение окна браузера вместе с жиманием таблицы сжимался и фоновый рисунок.

    Asked by SHIMA91,

    0 votes
    3 answers

  10. Fieldset, закругление углов

    привет. Кто-нибудь сталкивался с такой штуковиной? Сверстать такой блок дивами, а label спозиционировать абсолютно, расставив маргины — просто. НО! Я пока не нашел наглядного примера, для данного случая, сделать такой же блок, с закруглёнными краями, но используя такую структуру: <fieldset> <legend>Ледженд</legend> <label></label> </fieldset>

    Asked by BassEast,

    0 votes
    6 answers

  11. Как сверстать данный макет

    Здравствуйте. Как лучше сверстать данный макет? Для кругов использовать border-radius, но тогда будет ведь проблема в старых браузерах? Как позиционировать круги и центральный блок со скругленными краями? Как сделать линии, соединяющие блоки?

    Asked by marchenkovby,

    0 votes
    4 answers

  12. заблокированное содержимое

    Здравствуйте! У меня такой вопрос. Подключил скрипт Lightbox2 И каждый раз когда открываю свою страницу в браузере постоянно вылезает то что на картинке каждый раз приходиться Разрешать заблокированное содержимое что бы скрипт работал! Что нужно сделать что бы сие Чудо не появлялось? У меня IE7!

    Asked by Enid,

    0 votes
    1 answer

  13. как быть с background-image

    Всем привет!!! Подскажите новичку в css , собственно вопрос .как поставить 1 background-image выше другого допустим есть таблица в ней фон закоментирован этим TD.bg { background-image:url(images/bg.jpg); width:90%; height:203px; } Мне нужно чтоб в этой же таблице(либо в другой но распалагался чтоб выше) был еще 1 background-image и был видем первым(тоесть выше TD.bg) как быть? пробовал через z-index , не помогает

    Asked by zyb333,

    0 votes
    9 answers

  14. СОС!Помогите пожалуйста найти ошибку!

    Приветствую всех! Дело такого рода: К меню навигации и к виджетам применяется opacity, в пассивном состоянии и при условии hover Вот соответствующий листинг: #menu { textalign: center; width: 739px; height: 34px; margin: 0 auto; padding: 0 auto; background: url(images/menu1.gif) no-repeat; background-position: top center; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; } ... #menu:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; } ... .boxed { margin-bottom: 7px; filter:alpha(opacity=70); -moz-opacity:0.7; background: #f8f8f8 url(images/boxtop.gif) repeat-x; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebe…

    Asked by bravada j,

    0 votes
    0 answers

  15. Вложенные селекторы

    Часто возникают вопросы по поводу вложенности селекторов. "Указываю свойство в CSS, а оно не применяется". В том случае, если цепочка указания верная, существует вероятность, что достичь результата не позволяет более сильный селектор. Давайте попробуем разобраться: Принцип состоит в следующем. Самым сильным является инлайн стиль, его нельзя переназначить ничем. Если Вы указали в своем html документе, будьте готовы, что их не удастся переназначить в CSS, хоть в шапке, хоть в отдельном файле. Поэтому я бы не рекомендовал вообще их использовать, лучше назначить элементу класс и задать через него, причем цправляться будет централизовано, Вы в любой момент сможете в одном мест…

    Asked by Justnewone,

    0 votes
    2 answers

  16. float

    Задача: Выставить в ряд 3 float:left, но запретить им перенос друг под друга при нехватке длины родителя. Есть варианты? А может float тут вообще не при чем? Может поставить в линию без переноса 3 резиновых блока можно как-то по-другому?

    Asked by RoleXXX,

    0 votes
    11 answers

  17. текст на фоне

    Есть два DIVa один является фоном, другой текстом поверх, есть проблема с тем, что при увеличении текста фон не увеличивается в размере. фон в диве это картинка, которая растянута по размерам дива. заранее спасибо

    Asked by romeros9,

    0 votes
    2 answers

  18. Создать оттенок на картинке

    Как средставми css создать отенки на изображении?

    Asked by Admiral,

    0 votes
    4 answers

  19. Запуск формы без нажатия кнопки, переадресация данных

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

    Asked by banyman,

    0 votes
    5 answers

  20. Позиционирование. При приблежении кнопки наезжают друг на друга

    Всем привет. Сайт сверстан div-ами, меню навигации сделано с помощью позиционирования, когда приближаю страницу скролом - кнопки наезжают друг на друга. Как решить эту проблему div-ами? Помогите пожалуйста.

    Asked by Alek7y7,

    0 votes
    1 answer

  21. Растянуть часть background'а

    Проблема такая: есть 3 изображения *.png ,заключены в таблице, одинаковые по ширине, первое и третье необходимо оставить в вверху и внизу соответственно, а среднее необходимо либо растянуть либо продублировать в зависимости от кол-ва контента. Контент также ложится на верхнее и нижние изображения. .ba {position: relative; width: 679px; height: 100%; display:block; } .ba img.first {width: 679px; height: 124px; display:block;} .ba img.second { position: absolute; left: 0px; right: 0px; top: 125px; bottom: 680px; display:block;} .ba img.third {width: 679px; height: 393px; display:block;} .ba div { position: absolute; left: 38px; top: 10px; right: 0px; bottom: 0px; displ…

    Asked by ISQman,

    0 votes
    23 answers

  22. Как сделать ссылку по картинкой?

    В ячейке таблицы есть изображение + гиперсылка <table width="100%" border="0"> <tr> <td> <a href="http://123.ru" target="_blank"><img src="http://123.ru/123.gif" style="width: 90px; height: 70px;" align="left" border="0"></a> <a href="http://123.ru" target="_blank">Ссылка</a> </td> </tr> </table> Как сделать с помощью CSS чтобы гиперссылка была не справа от картинки, а под ней? Делал вот так: a {text-decoration: none; margin-top: 20px } Но не во всех браузерах корректно работает...

    Asked by Sintez,

    0 votes
    8 answers

  23. Растояние между словами(ссылками)

    Такая проблемка, не знаю как сделать так что бы два слова используемые как ссылки отодвинуть друг от друга на разумное растояние? Слова распаложены в одной строчке которая состоит из одной ячейки которая объединена на 3. <tr> <td class="shap1" colspan="3" > <a href="http://shima.ru">Главная</a> <a href="http://shima.ru/avtor.html">Об авторе</a><br> </td> </tr>

    Asked by SHIMA91,

    0 votes
    5 answers

  24. автомат. изменение шрифта для текста (копир.)

    на новостной сайт копируются руками новостис др. сайтов...при копировании стиль шрифта сохраняется тем же, что и на сайте с которого эти новости копируются...админка не позволяет менять этот шрифт на который надо...вопрос...можно ли прописать в стилях каким-либо образом, что бы текст на сайте был одинаковым везде, не зависимо не от чего... p.s. в css e;t прописано body {font-family:verdana}

    Asked by EddieStyle,

    0 votes
    5 answers

  25. шапка сайта и фоновый рисунок

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

    Asked by sc@r@bey,

    0 votes
    1 answer

  • Обсуждения

    • 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