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 видеть закругленные углы в блоках?

    Asked by Pashkes,

    0 votes
    17 answers

  2. IE and OPERA

    Здравствуйте! У меня возникла небольшая проблемa с отображением веб-страницы. Дело в том, что в Эксплорере все отображения и переходы осуществляются вполне корректно, а в опере - выдает ошибку: The address type is unknown or unsupported d:/pictures/01.jpg ... Прошу Вас мне помочь.... возможно вы увидите мою ошибку, которую я не мог разглядеть. <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Cats</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> </head> <body> <a href="d:/pictures/01.jpg">Cats</a> </body&…

    Asked by dk1,

    0 votes
    5 answers

  3. Создание фильтров

    Здравствуйте, у меня появилась нужда создать фильтры для страницы. Например есть список доступных товаров, у каждого товара есть свои параметры, надо создать таблицу с фильтрами, чтобы можно было отфильтровать товары с нужными параметрами. Заранее спасибо!

    Asked by quixtar,

    0 votes
    8 answers

  4. Размещение контента наверху (после <body>), а визуально в центре

    Сопровождаю сайт с табличной версткой. Естественно что код с меню (с большим количеством ссылок - 15-20) и header находятся выше контента; хоть я и спрятал все детали оформления под CSS (остались только <td> и <tr>), но хотелось бы еще упростить жизнь поисковым роботам. Где-то вычитал, что при верстке слоями есть возможность расположить код с контентом выше всего остального, хоть визуально текст будет находится в середине странички, окруженный меню, хедером и футером. Подскажите пожалуйста, как вот в этом примере расположить код слоя с контентом поверх всего остального, но визуально оставить в центре. Если не трудно приведить пожалуйста несколько примеров так…

    Asked by Lime,

    0 votes
    7 answers

  5. таблицы с помощщью css

    Добрый день ) Вот кусочки css TABLE.home { background: #FFE4E1; /* Цвет фона */ border: 6px double black; th { background-color: WHITE; text-align: center; } td { text-align: center; } tr.color1 { background-color: WHITE; } tr.color2 { background-color: #F0FFFF; } А как сделать так, чтобы были видны границы ячейки ??? А то получается все слова на всю строку без разграничений. т.е нужна такая штука | И вот еще ...может кто -нибудь покажет еще теги на таблицу. Ваши примеры готовые ?? Чтобы сравнить и чему-нибудь поучиться ))?? Заранее спасибо

    Asked by dima4321,

    0 votes
    1 answer

  6. Редактирование стилей пейджера

    Столкнулся с одной проблемой, и никак не могу ничего с ней сделать. Суть: <div class="item-list"> <ul class="pager"> <li class="pager-numbers first">Page 2 of 3</li> <li class="pager-previous"><a href="/node" title="Go to previou[img][/img]s page" class="active">‹ previous</a></li> <li class="pager-item"><a href="/node" title="Go to page 1" class="active">1</a></li> <li class="pager-current">2</li> <li class="pager-item"><a href="/node?page=2" title="Go to page 3" class="active">3</a></li> <li class="last"><a href="/node?page=2" class="active">Next ››&l…

    Asked by red_komrad,

    0 votes
    8 answers

  7. Не могу сделать прокрутку после картинки

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

    Asked by pitOOf,

    0 votes
    23 answers

  8. Фреймы?

    Начал изучать html и много слышал о том, что фреймы это пережитки прошлого, собственно отсюда и вопрос: стоит ли изучать эту область html или всё это реализуемо с помощью сторонних методов (например посредством - css)?

    Asked by Lemo,

    0 votes
    7 answers

  9. Отмена оpacity для влажиемых елементов в блок.

    Как сделать чтоб выставленный атрибут полу прозрачности слоя не действовал на содержимое, а только на фон? Тоесть я хочу применить прозрачность только к фону блока, но прозрачными выходят все элементы которые входят в этот блок включая и текст. И еще помогите разобраться почему у меня у всех версиях IE(с 5-9) все элементы на странице прижимаются к левой границе. У всех остальных браузерах (опера, хром, сафари, мозила) все элементы выравниваются по центру. Вот CSS файл clip2net.com/s/Ohxo

    Asked by Pashkes,

    0 votes
    10 answers

  10. Неполадки со стилями. Откровенно говоря - мистика просто!

    С самого начала, как задал странице ширину 100%, справа появилась область. Сначала не мог понял, шо за фрукт? Теперь решил по-экспериментировать. Нашел кто виноват - margin-right , который непонятно откуда взял значение 90px. Вот результат. Как видите - я задал для page-wrap свойство margin-right со значение в -90px. Но оно не повлияло никак. Пробовал разные значения вводить - никого результата... =( Помогите пожалуйста! Уже голову сломал...

    Asked by dumbash,

    0 votes
    4 answers

  11. Задать стили для скроллинга?

    Возможно кто то знает как задать стили для скроллинга в опере и мозиле? Те стили что стоят щас работают только в ие. html, body, #comments_div{ scrollbar-3dlight-color:none; scrollbar-arrow-color:#10090a; scrollbar-highlight-color: none; scrollbar-face-color:#ac9a91; scrollbar-shadow-color:none; scrollbar-darkshadow-color:none; scrollbar-track-color: #20100f; }

    Asked by onik,

    0 votes
    9 answers

  12. Line-height

    Здраствуйте,как решить три бага line-height в ie6 ,ie7 , mozilla 1. Если в ie6 использовать line-height в изображениях свойсто просте нереагирует 2. на 1 пиксель меньше и в ie6 и в ie7 3. в мозиле таже история как и в ie7 ,только она решилась, просто заменить px на em Спасибо за помощь

    Asked by Mr.Black,

    0 votes
    4 answers

  13. Смещение на 1px в Браузерах IE, Google Chrome, Safari , Mozilla, Opera при изменении размера окна

    Итак проблема такая : Картинку разрезал пополам, верхний кусок сделал background center , вторую половину картинки вставил дивом c img . вот пример: Пример 1 - http://fortest.natr-nsp.com/test/ - смещение есть Пример 2 http://fortest.natr-nsp.com/test2/ - смещения нет, так как две картинки сделал бэкграундом. При изменении размера окна браузера картинка которая в диве смешается на 1 px в опере и в новой мазиле вроде всё норм а вот в ишаках и остальных браузерах все смещается. Взялся я считать всё по пиксельно и получилось вот что когда ширина браузера нечётная допустим 1023 - смещение есть , а если чётно то нет. Баг браузеров?

    Asked by vladik05,

    0 votes
    6 answers

  14. Приклеивание частей в верху и низу в одной колонке

    Что-то никак не могу сделать. На сайте слева есть колонка. Картинку и меню сайта я приклеил к верху страницы. Но в той же колонке нужно, чтобы некий текст "Все права защищены. При использовании ссылка обязательна", ну типа того, чтобы был приклеен к низу колонки. То есть когда справа будет много текста, левая колонка чтобы вытягивалась, но нужный текст уходил с колонкой вниз. Знаю, что это valign=bottom, но как это сделать кодами хтмльными, а то я что-то не смог сделать. У меня код не работает. КУда его нужно заключать? Я пробовал в <p>, но не сработало. ЕСли вдруг нужно посмотреть сайт, то он уже висит в Сети: http://vdo555.narod.ru/ Спасибо всем заранее

    Asked by alef,

    0 votes
    12 answers

  15. Генератор номеров!

    Как сделать так, чтобы после заполнения формы обратной связи на сайте, письму присваивался уникальный номер (можно просто счетчиком - номера подряд), который отображался бы пользователю и передавался б вместе с его письмом. Заранее благодарен!

    Asked by chest,

    0 votes
    7 answers

  16. Верстка блока

    Добрый день форумчане, сразу говорю что в html и css я чайник, собственно и создал тут тему дабы получить ответ, а не "иди юзай гугл" и "учи учебники". А вот и проблема: Создал я в PS фон блока, разделил его на 3 части и сохранил, создал DIV с классом: <div class="box"></div> затем описал класс: .box{ border:1px solid #000; width: auto; height: auto; margin:10px auto; background:url('../image/Верхняя часть фона.png') no-repeat center top; background:url('../image/Средняя.png') repeat-y center; background:url('../image/Нижняя.png') no-repeat center bottom; } и как я думал у меня получится фон блока соединённый из 3 частей...но к сожалению ничего не вышло...ка…

    Asked by kamaz6141,

    0 votes
    9 answers

  17. Ширины таблиц с данными

    Добрый день. Возникла проблема с таблицами, в которых размещаются данные. На странице несколько таблиц и хочется чтобы ширина столбцов во всех была одинаковой. НО! по непонятной мне причине они все разные. особенно в IE6, там расколбашивает как хочет табличку (я это так и заметила, тк во всех остальных браузерах было нормально, хотя значения ширины были все разными О_о) наглядно на скриншоте видно: здесь одинаковые только первые значения, а у третьей значения вообще другие, но отображается она ровно (за искл ИЕ6) а вот второй рисунок, где все значения одинаковы вроде, но теперь третья табличка кривая (хотя я сложила сумму 2х столбцев) из-за чего это может быть? и как…

    Asked by orgi,

    0 votes
    7 answers

  18. Как сделать табличную верстку резиновой

    Помогите разобраться! Как сделать табличную верстку валидной, кросбраузерной и резиновой. У меня на странице текста немного и получается, что "подвал" висит в середине страницы. Как отрегулировать параметр страницы так, что при небольшом тексте "подвал" плотно прилегает к нижнему краю окна браузера, независимо от размеров окна, независимо от расширения экрана или браузера... да и от количества текста Буду признателен за помощь.

    Asked by sandazh,

    0 votes
    7 answers

  19. Плохое поводение IE 6

    Делал кнопку для форума у всех браузеров все нормально кроме IE 6, никак немогу решить проблему http://s2.itrash.ru/idb/48ac2f71ff8e2264d0...a3a8c/oblog.png Так в IE 7 http://s2.itrash.ru/idb/48ac2f71ff8e2264d0...a8c/oblog_1.png Сама кнопка http://s2.itrash.ru/idb/48ac2f71ff8e2264d0.../obutton-bg.png <th colspan="3" > <a href="" class="f-button" style="float: right;" ><span><img src="images/button-ico/plus.png" alt="" />Открыть тему</span></a> </th> /* ——- Button —————— */ .f-button { background: url('../images/button-ico/button-bg.png') left 0 no-repeat; text-decoration: none !important; cursor: pointer; font-size: 11px;…

    Asked by Mr.Black,

    0 votes
    7 answers

  20. Проблема с jQ!

    Всем привет! Продолжаю разбираться с jCarouselLite и появился вопросик не большой. Вот ссылка на источник: http://www.gmarwaha.com/jquery/jcarousellite/?#install В самом конце дан код: $(function() { $(".anyClass").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); а куда его пихать не написано. подскажите куда его пихнуть плз.

    Asked by boompaw,

    0 votes
    9 answers

  21. Проблема с футером и экста пустым местом справа

    Всем привет! Собственно проблема: не могу понять откуда взялась горизонтальная прокрутка, и справа появилось пустое место; второе какой все таки наиболее изящный способ прижать футер к низу, желательно без растягивания body. Также хотелось бы услышать критику Swetlan'ы, PsyWalker'a (на этот раз верстал без чрезмерного использования позиционирования) и других понимающих людей, как и где можно было сделать красивее, быстее и проще. Вот собственно сайт: http://choiceimaging.co/ Заранее спасибо

    Asked by rusmn,

    0 votes
    18 answers

  22. Проблема со свойствами ссылок

    Начал писать шаблон под DLE, возникла проблема. Установил стиль для ссылки заголовка, для меню, для ссылок управления профиля - все нормально, но когда задал стиль для других ссылок он применился к моим уже "заданным", заголовку, меню и ссылкам управ.проф. (частично).. при чем в стиле title (заголовок) указано .title a:link, a:visited{ color: #666; text-decoration: none; } .title a:hover, a:focus, a:active{ color: #b02020; text-decoration: none; } что уже посещенная ссылка будет цвета #666 а она цвета #b85b5a (это цвет моих "других ссылок" (кстати стиль такой же только тут другие цвета)) а еще в стиле меню указанно что a:hover, a:focus, a:active, margin-le…

    Asked by Skrrg,

    0 votes
    4 answers

  23. Progress Bar

    Доброго всем здравия и с проходящей масленицей. Задался целью сделать прогрессбар и чтоб циферки у него как в стандартных инсталляторах при переходе цвета тоже цвет менялся.. наверное не шибко понятно - http://beavers-net.narod.ru/primers/progress.html на примере лучше видать. Хочется, чтобы для слоев с циферками не приходилось забивать каждый раз отступ в пикселях, а забить его сразу на 50% и тогда он будет резиновый. Но такое у меня получается только при указании position: absolute; ...после чего слой уже не обрезается через overflow и виден всегда.. Можно ли вообще как-то обрезать абсолютно позиционированный слой? Буду рад конструктивной критике по коду. *код писалс…

    Asked by tt48,

    0 votes
    3 answers

  24. Разноцветные буквы

    В старых версиях html можно было с помощью тега font color задать цвет каждой букве <font color="#ff0000">ц</font><font color="#FFCC00">в</font><font color="#00CC00">е</font><font color="#0066FF">т</font> получался веселый разноцветный текст. Как сделать такое грамотно теперь?

    Asked by Ann,

    0 votes
    15 answers

  25. Помогите с таблицами в Wordpresse

    Извините, если не в ту ветку запостил Блин бьюсь уже наверное дня четыре... Понял, что без спецов не обойтись. На формах по WP молчат. Есть таблицы к примеру http://extramoney.at.ua/ Пытаюсь сделать у себя на сайте они не выдерживают размер, причем в визуальном редакторе выглядят отлично, а в просмотре страниц или постов становятся большими и не знаю как их сжать. Я уже научился собственные таьлицы строить и заливать из ворда.... Ставить фиксированные размеры ячеек. Результат один и тот же у всех таблиц, ничего не меняется. Если весь текст не вбивать то таблица вмещается, начинаю заполнять таблицу - она уезжает за границу страницы. Вот как выглядят в в визуальном редакт…

    Asked by linshlinsh,

    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