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. Резиновый, БОЛЬШЕ 3-х колонок, РАВНАЯ ВЫСОТА, не работает в Опере :(

    Вс? время добивался одного и тогоже... то что есть в таблицах и это элементарно в цсс это что-то сверхестественное.. дизайн состоит из 5 колонок (4 колонки в одной) , почему? из-за фоновых изображений, можно было сделать из 3-х колонок, но решил сэкономить на размерах изображений, тем более если сделал 3, то 4, 5, 6 и больше ты тоже сделаешь. КОРОЧЕ: Там у меня в красном прямоугольнике типа как плавающий подвал, который всегда находится внизу... тока он работает только в Эксплорере и ФФ, в Опере почему-то не работает... Кто-то может тыкнуть пальцем где нужно исправить чтобы в Опере заработало ? сайт

    Asked by maza,

    0 votes
    11 answers

  2. Позиционирование таблицы

    Решил обратиться за помощью, вдруг кто знает. Дело вобщем нехитрое, вот в чем оно заключается.Надо чтобы таблица не переводилась на новую строку, а была какбы частью текущей. Если просто создать таблицу после текста : <body> текст текст текст текст текст текст текст <table border="1" width="" style="vertical-align: text-top;"> <tr><td>текст </td></tr> <tr><td>текст </td></tr> </table> </body> будет так: текст текст текст текст текст текст текст таблица ,а надо так: текст текст текст текст текст текст текст таблица можно сделать все одной таблицей с , но может ктото знает, как обойтись без это…

    Asked by Serg_Bloim,

    0 votes
    1 answer

  3. высота ячейки и разрешение\тип монитора

    Наткнулся на определ?нную проблему. У меня картинка разрезана на 2 фрагмента, которые вставлены фоновыми рисунками в 2 ячейки (TD). При отображении ячеек одна под другой получается целый рисунок. Верхнюю ячейку фон заполняет целиком (утрируя - ширина и высота рисунка=ширине и высоте ячейки). В нижней ячейке background-position:top; Поверх фона ид?т текст, а в верхнюю ячейку встроена ещ? одна таблица с текстом ( <table> <tr> <td style="background-attachment:fixed; background-image:url(imagesban.gif);....."> <table><tr><td>ля-ля-ля</td></tr></table> </td> </tr> </table> ). К таблицам приминяются отсту…

    Asked by toro,

    0 votes
    7 answers

  4. Как при наведении поменять цвет элемента?

    Доброго времени суток. Я не специалист по html и css, поэтому решил обратиться к професионалам. Если Вы мне поможете - буду премного благодарен. Итак, имеется таблица в которой прописаны строки. <tr class="table-dark"> <td align="left">Ячейка 1</td> <td align="left">Ячейка 2</td> <td align="left">Ячейка 3</td></tr> При наведении на любую из ячеек (то есть на строку) у меня меняется цвет, что прописано в стилях: .table-dark td {background-color: #2b2b2b; height: 19px; font-family: tahoma; font-size: 10px; color: #8a8a8a; vertical-align:middle; padding-left: 20px; border-top: 1px solid black; behavior:url('td.htc');} .table-…

    Asked by megamannn,

    0 votes
    8 answers

  5. Бордеры пропадаю из за флоата ?

    Обратите внимание товариши . Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>TesT</title> <style type="text/css"> * { margin:0; padding:0; border:0; } html { background-color: white; width: 1024px; } body { } #center { width: 940px; padding: 0; margin: 0 auto; background: #fafcfb; border-left: 3px solid #b8b9bd; border-right: 3px solid #b8b9bd; } #top { background: url(images/top_bg.gif) top left repeat-x; width: 660px; height: 62px; } #top ul li{ list-style: none; display: inline; margin: 5px; } #top2 { background-image: url(images/top_bg2.gif); background-repe…

    Asked by musulman,

    0 votes
    3 answers

  6. Базовый синтаксис Smarty

    Шаблон Smarty представляет собой обычный HTML-документ с добавленными в него специальными smarty-тегами. По умолчанию эти теги заключаются в фигурные скобки ? {тег}. При выводе шаблона эти теги обрабатываются компилятором и в зависимости от их назначения ? переменная или функция, отображается желаемый результат. В примере 1 приведен шаблон, в котором одновременно встречаются теги HTML и smarty-теги. Пример 1. Файл с шаблоном {include file="header.tpl" title="HTML и CSS"} <div id="col1"> <p id="tagtitle">Теги HTML</p> <div class="panel"> <div><a href="/html/">Все теги</a></div> {foreach from="$tag" item="entry"} <div&gt…

    Asked by Vlad,

    0 votes
    0 answers

  7. Вопрос по ссылкам

    Чтобы просто открыть в другом окне, нужно добавить к ссылке target=?blank?. А как сделать чтобы при переходе по ссылке, перейти на другую страницу сайта на котором сейчас находишься и открыть в другом окне другой сайт.

    Asked by CRANK,

    0 votes
    14 answers

  8. Обтекание картинки текстом

    Есть простой пример: <div> <img style="float:left" src='aaa/aaa.jpg'>text text text text text text text text text text text text </div> <div>подробнее...</div> Дело в том что TEXT обтекает картинку, но если его мало и он не доходит до низа картинки, то ПОДРОБНЕЕ... из нижнего находится не под картинкой, а съезжает вверх, и находится справа от картинки, под TEXT... Как сделать чтобы не съезжало?

    Asked by yeastor,

    0 votes
    3 answers

  9. В чем разница?

    Есть ячейка таблицы 100х100, есть картинка 100х100. В чем будет разница если я загружу картинку в ячейку или сделаю эту картинку фоновым рисунком ячейки? Спасибо.

    Asked by Slon,

    0 votes
    7 answers

  10. Как разместить div

    Макет: Вопрос: как разместить див с машиной (div#car), чтобы он расположился как нужно? html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:url(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; margin: 0; padding: 0; } div#wrapper {margin: 0px; } div#logo{ margin-top: 3%; margin-left: 5%; width: 167px; height: 117px; background-image:url(images/logo.gif); } div#order{ position: absolute; left: 70%; top: 0; width: 179px; height: 102px; background-image:url(images/24_bg.gif); } div#menu { width: 120px; font: bold 16px Verdana, sans-serif; padding: 0px; m…

    Asked by Kev,

    0 votes
    1 answer

  11. жесткий размер окна браузера

    Спасите чайника, расскажите подробнее какими способами можно задать жесткие размеры к окну браузера(Eplorer), чтобы само окно вообще не растягивалось и можно ли вообще... Заранее спасибо

    Asked by Александр85,

    0 votes
    3 answers

  12. Проблема с png и ссылками в IE6

    Значит есть некий div, background которому я слелал png, и вставил в него 3 ссылки. Ссылки естественно тоже png. Так вот эти значит ссылки в IE 6 не работают - как ссылки, :|:/

    Asked by psy-del,

    0 votes
    6 answers

  13. nobr или nowrap как убрать отступы между елементами?

    <div style="white-space:nowrap; margin:0; padding:0;border:0;"> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </div> или </nobr> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </nobr> как убрать откступы

    Asked by newbigmir,

    0 votes
    4 answers

  14. Выравнивание ширины плавающих блоков

    Добрый день. Есть набор из произвольного количества блоков. Каждый блок состоит из: - картинки (всегда одной и той же) - строки текста под картинкой (количество символов ограничено сверху, т.е. всегда не больше некоего заданного числа); суммарная длина строки может быть больше ширины картинки Блоки выводятся один за другим: float: left; padding: 0 2em 2em 0; Картинки в блоках: position: relative; left: -4px; Блоки выводятся внутри ограничивающего контейнера, и мне надо, чтобы они равномерно распределялись по нему. То есть и по ширине, и по высоте они должны быть одинаковыми. (Можно представить себе сетку таблицы, и вне зависимости от количества блоков, размера шрифта и ве…

    Asked by Evgenia,

    0 votes
    1 answer

  15. резина по вертикали

    доктайп хтмл 1,0 транситионал задача. заставить три дива растягиваться на 100% по высоте окна. внутри них четвертый див с минимальной высотой 500px; хотелось бы, чтобы когда текста было много (т.е. суммарно больше высоты в 500px) one, two и three "тянулись" вниз.. CSS * {margin: 0; padding: 0;} html, body {height: 100%;} .one {height: 100%; background: red url('image.gif') top repeat-x;} .two {height: 100%; background: green url('image2.gif') bottom repeat-x;} .three {height: 100%; background: #fff; margin: 0 200px;} .text {min-height: 500px; height: auto; //height: 500px;} HTML <div class="one"> <div class="two"> <div class="three"> <di…

    Asked by vr201,

    0 votes
    2 answers

  16. селект накладывается на слой

    Добрый вечер. Проблема: <div style='background-color:#6bbc53;position:relative;z-index:1;'> <span style='background-color:#6bbc53;position:absolute;z-index:1; height:50px'> some text </span> </div> <SELECT style='WIDTH: 100px' name='kpp'></SELECT> В explorer'e селект отображается поверх слоя. Подскажите, плз, в чем проблема

    Asked by Странный_Ник,

    0 votes
    2 answers

  17. Проблемы с кодировкой

    Сайт берет скрипт карты с GOOGLE. В "Opera" русские шрифты отоброжаются нормально, а в IE некоректно. У меня не большой опыт в web-програмировании. если не сложно опишите подробно, что нужно сделать чтобы у меня все отображалось коректно. Заранее спасибо!

    Asked by malphax,

    0 votes
    10 answers

  18. Background repeat, Background position

    Сколько читал, но так и не понял. Сделал Background repeat:no repeat; Background position:20% 80%; background attachment: fixed получилось наоборот. И повторяется, и прокручивается. И вообще хотел уточнить. fixed- фиксирует рисунок на странице или на экране? Потому что у меня получается что на экране. А то что он размножается это я вообще объяснить не могу. Вот страница пробная http://kochubey-city.narod.ru/index1.html

    Asked by SHeiH,

    0 votes
    5 answers

  19. Iframe - скрыть следы окна

    Подгружаю к себе страничку (цели более чем законные), как с помоштю стилей убрать рамки и тени по краям, чтобы вставку на глаз отличить было невозможно?

    Asked by Alexxx2783,

    0 votes
    1 answer

  20. как правильно создать форму по XHTML 1.0 Strict

    Добрый день! доктайп такой quot;-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> форма такая <form style="margin:0;padding:0;" method="post" action="../estate/search.htm"> <select name="c" style="width:210px;"> <option selected value="1">Квартира</option> <option value="2">Коттедж</option> <option value="3">Коммерческая недвижимость</option> <option value="4">Комната</option></select> <select name="srcity" size="1"> <option value="%">Не важно</option> <option selected value="Самара">Самара</option> <option value="Тольятти"…

    Asked by foxyrus,

    0 votes
    6 answers

  21. Абсолютное позиционирование

    Суть в следующем, имеется 3-колонная верстка, притом левая колонка и правая абсолютно позиционированы, еще есть подвал, возможно ли выровнять подвал по левой или правой колонке ? Подумав я нашел решение, задать минимальную высоту как раз высотой большей из двух колонок. Проблема в том что левая колонка (меню) увеличивается и следовательно, пришлось задать минимальную высоту равной максимально большей левой колонке. Естественно когда меню уменьшается все остается по-прежнему . Что делать ? Кроме того что нужно перейти на относительное позиционирование. Если не задавать мин высоту то при малом количестве текста в средней колонке, "пэддинга" не хватает и абсолютно позиционир…

    Asked by maddogrts,

    0 votes
    2 answers

  22. работа с CSS

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

    Asked by HelpIT,

    0 votes
    3 answers

  23. Всплывающая подсказка

    -

    Asked by NemiroF,

    0 votes
    2 answers

  24. не могу сделать что бы менюшка "налезла"

    http://www.helpit.ru/about/?temp=0 не могу сделать что бы внутреннее меню работало как здесь http://www.helpit.ru/about/?temp=1 т.е. оно у меня вниз не спускается из за блока как понимаю , как исправить ? пробывал z-index не помогло ...

    Asked by HelpIT,

    0 votes
    5 answers

  25. Автоматический переход на другую страницу.

    Добрый день. Столкнулся с проблемой. Где то читал об этом, но не могу вспомнить где. В общем суть следующая, вместо главной страницы нужно вставить анимацию, гиф, флеш не имеет значения, когда картинка загружается, секунд через двадцать автоматически без каких либо действий пользователя, загружается уже информационая страница. Нашел вот это но тут страница перезагружает себя, а нужно чтоб загружалась другая страница. Подскажите пожалуйста решение. Заранее спасибо!

    Asked by Mants,

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