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. ИЕ 6 и ИЕ 7, немного не понятное поведение input

    вот сайт тот же http://www.homeoclass.ru/index_new.html# верхняя темно серая линия в которой поля для ввода ЛОГИНа и ПАРОЛя, в 6 и 7 версии input в который вводятся данный улетает вниз 1 пиксель :-( не могу понять почему! возможно из-за того же vertical-align который 6 и 7 версия понимаю по другому нежели совр браузеры! эх, подскажите опять плиз

    Asked by TonKhaO,

    0 votes
    12 answers

  2. вопрос всплывающей меню

    поднимал данный вопрос в другой теме но там он не был услышан в силу другого названия темы. на сайте skvend.ру/decman/ внизу сайта есть всплывающая меню. так вот при появлении вертикальной прокрутки а этого легко добиться выставив разрешение 1024 на 768 меню принимает свое стационарное положение а контент уходит далеко за него -получается что меню просто весит в воздухе. как прилипить меню постоянно к низу вне зависимости от длины контента по вертикали.?

    Asked by Deca,

    0 votes
    12 answers

  3. Как растянуть таблицу на 100% по внешнему блоку а не по внутреннему содержанию?

    Т.е. табличка (width=100%) как бы обрамляет текст но не растягивается по всему внешнему блоку.

    Asked by Radik_45,

    0 votes
    12 answers

  4. <body oncopy="onCopyEvent()">

    Подскажи пожалуйста, вот это свойство <body oncopy="onCopyEvent()"> как то в css файл вынести можно?

    Asked by Loed,

    0 votes
    12 answers

  5. Какой должен быть код для скачки pdf файлов?

    Здравствуйте. Задача: на сайте лежат файлы pdf. Как сделать так, чтобы при обращении к ним они скачивались на локальный компьютер, а не открывались в браузере? Запихнуть в архив - не решение проблемы, нужно, чтобы скачивался именно сам pdf-файл. Вообще такое возможно? Спасибо!

    Asked by Natyuma,

    0 votes
    12 answers

  6. Рисунок с float не растягивает div по вертикали

    Есть див, в нём рисунок с флоат и текст который этот рисунок обтекает. При этом див растягивается только текстом, а рисунок свободно вылезает за границы дива. Как ограничить? Рисунки разного размера как и текст и задать жестко не вариант. Пример: <div style="border:#000000 dotted 1px;"> <img src="любой рисунок.jpg" style="float:left;" /> произвольный текст </div>

    Asked by Blockhead,

    0 votes
    12 answers

  7. Как выровнять один div по высоте относительно другого DIVа

    У меня сейчас вот так сверстано на DIVах Нужно сделать чтобы было вот так: Как реализовать ???

    Asked by generator2003,

    0 votes
    12 answers

  8. Подмена html кода

    Как реализовать подмену html кода? Чтобы тому, кто смотрит сайт с браузера IE - выводился один html код, а тому, кто смотрит тот же сайт с браузера Firefox - выводился другой html код.

    Asked by Maniac,

    0 votes
    12 answers

  9. Как лучше порезать картинку

    Нарисовал шапку сайта, теперь не могу найти рациональное решение верстки. Подскажите пожалуйста, как лучше порезать: Сам пока вижу нарезку в таком виде: сделать общий div, задний фон - прижатый к верху коричневый фон... внутри этого div'a - картинка с проводами поверх него - div меню

    Asked by rolph,

    0 votes
    12 answers

  10. Применение margin к встроенным элементам.

    Почему b{margin: 15px} отталкивает селектор только от левого края, а b{padding: 15px} работает нормально?

    Asked by Gnom7,

    0 votes
    12 answers

  11. Жёсткая вёрстка с justify

    Хочу создать копию вёрстки некоего журнала, с сохранением жёсткой разбивки на строки. Стоит text-align:justify. Как только вставляю <br>, весь justify игнорируется. Как сделать и justify, и разбиение на строки?

    Asked by Webr,

    0 votes
    12 answers

  12. Спрайт png24 - проблема в ie6

    Задача: Есть полупрозрачная кнопка. При наведении - подсвечивается. Решение: Делаю спрайт. Через clip() и позиционирование на ховер меняю стили. Везде работает, кроме как в ie6. Не работает именно из-за прозрачности. Как только ставлю фильтр - всё, не пашет. Причём не могу понять закономерность - в одном проекте работает - в другом - нет. Есть ли какие-нить ограничения, нюансы?

    Asked by DjTarik,

    0 votes
    12 answers

  13. width

    Короче у меня проблемы с шириной сайта. Значит когда задаю ширину 100% сайт плавает тогда, когда окно уменьшаешь (блоки смещаются), на монеторе выше 1280х1024 (1280х1024 у меня) тоже все плавает, тогда наконец поставил ширину (указал в пикселях).К тому же по указанной ширине в IE показывает "прокрутку мышкой" всмысле сдвигать сайт влево, вправо, а в Опере все норм, как так? 1.Как именно работает 100%, т.к. у меня высота в 100% стоит нормально. 2.Как правильно расчитывать ширину сайта, если верстаешь на div (про таблицы просьба не писать). Допустим у меня если расчитывать от шапки,то получается 1263px ширина, а если от блоков 1025px где-то. /* CSS Document */ *{margin:0…

    Asked by ret,

    0 votes
    12 answers

  14. Косяк с таблицей стилей в маркерованном списке

    Здравствуйте. У меня такая проблема: Есть меню, сделанное списком <ul> <li>, с помощью css присваиваются маркеры: ul#my-menu li.collapsed {list-style: url("/images/collapsed.gif")} ul#my-menu li.expanded {list-style: url("/images/expanded.gif")} ul#my-menu li.kl {list-style: disc; color:white;} ul#my-menu ul {list-style: disc; color:white;} вот html код мею: <ul id="my-menu" class="sample-menu"> <li><a href="#0">Автосвет, автолампы, ксенон, биксенон</a> <ul> <li><a class="direction" href="/catalog/index.php?group=16&menu=1"> Альтернативная оптика</a></li> <li><a class="direction" href="/catal…

    Asked by eugene1986,

    0 votes
    12 answers

  15. Проблема с таблицами

    Короче верстаю на таблицах с дивами, у меня проблема, В общем есть ячейка размером 201х701 пикс. я туда вставляю картинку размером 201х268, и вторую таких же размеров 201х268, проблема в том что мне и отступов не сделать, и не поставить их наверх, стоят обе на середине. Пробовал margin, padding, background-position:top center ничего не помогает, не могу понять, там же еще есть место, остается 133 пикс. Короче вот скрин http://s005.radikal.ru/i209/1007/39/5581b70a21c8.jpg Вот видите где стоят обе картинки, и их не сдвинуть, получилось только тогда, когда ( там где на 2-ой галочки снизу) ввел пустой див в размерами, позволяющеми заполнить все это пустое пространство. <t…

    Asked by ret,

    0 votes
    12 answers

  16. Opera 9.2 не отображает кнопки

    Такая вот проблема. В нормальных современных браузерах все отображается корректно, все кнопки видны (смотреть можно здесь). А в Opera 9.2 отображается только текст на кнопке, а он белый и сливается с фоном (смотреть можно здесь). Как решить проблему? Код css кнопок прилагаю:

    Asked by ankoch,

    0 votes
    12 answers

  17. Ширина выпадающего списка в IE

    Итак, имеем select с шириной, например, в 200px. В браузерах выпадающий список занимает такую ширину, какую надо - то есть он может быть и шире, чем 200, если текст не влезает (по аналогии overflow: visible) или можно тегам option задать свою ширину. А вот в IE ширина выпадающего списка строго равна ширине select-а. Кто-нибудь сталкивался с такой проблемой? Как такое лучше решать? Есть какие-то решения в YUI, но его ставить не хотелось бы.

    Asked by Veseloff,

    0 votes
    12 answers

  18. Как разбить страницу на части?

    Уважаемые, помогите разбить страничку на подгружаемые блоки (или на фреймы). У меня есть страница шаблон. Нужно попилить ее на четрые блока: 1. Шапка 2. Боковое меню-реклама справа 3. Нижнее поле (банеры-реклама) 4. Собственно центральная часть, где будет меняться ОСНОВОЕ содержимое страницы. Я не знаю, насколько актуальны нынче фреймы, но нужно нечто подобное. На будущем сайте - страниц 200. Они все должны иметь Постоянную шапку, нижнее поле (типа шапки), и боковое поле с меню. А центральная часть будет содержать Саму инфу, ради которой эти 200 страниц и живут. Есть вариант, что бы Шапка, низ, и боковина, подгружались к каждой из листаемых страниц. Т.е сделав 201, или 20…

    Asked by alturgrey,

    0 votes
    12 answers

  19. Проблема с плеером на сайте ucoz

    Здравствуйте! Я понимаю, что ucoz здесь не приветствуется, но все же, может, кто-нибудь подскажет решение задачи... А проблема в следующем: На этой странице http://grafikaplus.ucoz.ru/forum/7-3-1 стоят плеера прослушки (2 вида), у кого-то звук идет нормально, у кого-то вообще не идет. Причем и браузеры разные, и флеш у людей установлен. В чем проблема? Есть решение? Заранее спасибо!

    Asked by Тамрико,

    0 votes
    12 answers

  20. png fix

    Есть такая штука iepngfix.htc для IE6, так вот с ней не нажимаются ссыдки если фон png, типо в Интернете пишут что нужно назначит position:relative и всё заработает. Я назначил position:relative на всё, на сами ссылки и на родительский div и на <ul> <li> и нифига не нажимаются всё равно. Проверяю в IETester.

    Asked by SoFuWa,

    0 votes
    12 answers

  21. 3 колонки у каждой получается своя высота

    Доброе время суток! В верстке не сильна, поэтому спрашиваю. У меня сайт из 3 колонок. Они должны быть одинаковой высоты и заканчиваться у футера. Но проблема в том, что они растягиваются по содержимому и обрываются. Пробовала ставить высоту 100%, все равно не получается. Если укажите также ошибки, буду очень благодарна. css /* Основные элементы для всей страницы */ body { background-image: url('pict/fon2.jpg'); /* Путь к фоновому изображению */ color: #000000; /* Цвет шрифта */ margin: 0px auto; /* Отступы и положение */ font-family: Arial, Verdana, 'Times New Roman'; /* Шрифт */ font-size: 14px; /* Размер шрифта */ } /* Все для ссылок: ак…

    Asked by klara7,

    0 votes
    12 answers

  22. position:absolute для <td> в IE

    Добрый день всем!Подскажите, как решить проблему абсолютного позиционирования ячеек в IE 6-8. Заранее спасибо

    Asked by Newie,

    0 votes
    12 answers

  23. Таблица с div'ов

    текст не вмещяется в ячейки. Почему и как это исправить? <style type="text/css"> #table_up { width:100%; clear:left; background-color:#efefef; height:45px; outline:medium; line-height:45px; text-align:left; float:left; } #fl_left {float:left;} .wr_Black {font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; overflow: visible;} #r1{width:7%; height:45px; float:left;} #r2{width:19%; height:45px; float:left;} #r3{width:10%; height:45px; float:left;} #r4{width:10%; height:45px; float:left;} #r5{width:12%; height:45px; float:left;} #r6{width:10%; height:45px; float:left;} #r7{width:6%; height:45px; float…

    Asked by DrMartens,

    0 votes
    12 answers

  24. Два Блока Рядом.. Выходит Только Если Ширина..

    Здравствуйте снова! =) У меня опять вопросик.. как то так вышло, убрал один враппер (как оказалось ненужный див.. ) и что-то съехало, начал поправлять и наткнулся на интересный момент.. сейчас есть CSS: #footer{ margin:13px auto 0px auto; padding: 0px 13px 0px 13px; position: relative; clear: both; width: 992px; height: auto; background-color: #fff; ~border: 1px solid #000; font-size: 10px; line-height: 11px; } /* FOOTER CONTENTS */ #footer > p{ margin: 0px 0px 13px 0px; padding: 0; text-align: justify; clear: both; color: #777; } #footer > .imgtext { width: 100%; height: 100%; clear: both; overflow:hidden; background-color: #ccc; margin: 0px 0px 8px 0px; } #fo…

    Asked by gard,

    0 votes
    12 answers

  25. Поменять стиль HR в файле CSS

    Всем привет, в файле CSS пишу #Poisk {.....} #Poisk hr {color:#FF0000; size:1px;} (Poisk - Div) Но ничего не меняется. В чём может быть дело?

    Asked by Budulianin,

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