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. Как формируется высота input?

    Во время верстки макета http://shvv.freehostia.com/uta/index.html серьезно помучался с высотой поля ввода и кнопки. В итоге пришел к следующему варианту input { font-size: 13px; vertical-align: middle; } input.text { width: 175px; padding: 6px 0; margin-right: 5px; } input.search { height: 29px; width: 32px; }, где .text - класс поля ввода, .search - класс кнопки. Получается, что высота текстового поля формируется как font-size+padding-top+padding-bottom+2*2px. Такой вариант вроде бы работает во всех браузерах одинаково. Где можно точно прочитать о высоте текстового поля.

    Asked by shvv,

    0 votes
    17 answers

  2. смещение картинки

    помогите пожалуйста советом, что не так написал в коде?? использую lightbox2.04 есть вот такой вот баг смещения картинки http://help-team.com.ua/o_nas.html у самого уже мозгов не хватает ....

    Asked by Kos87,

    0 votes
    17 answers

  3. Верстка блоков

    Всем привет! Помогите разместить этот красный прямоугольник внизу где проблем между серым: http://img686.imageshack.us/img686/2708/80596290.jpg Ниже код с шапки <div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div></div><div id="bar"></div></div> #grekovlogo { background-color: #000; width: 207px; height: 84px; float: left; } #grekovtext { padding: 15px 45px; float: left; } #bar { background-color: red; width: 1072px; height: 30px; flot: left; } И пользуясь случаем спрошу, как сделать чтобы выравнивание текста было не grekovtext а сразу например в h1 засунуть или, я недав…

    Asked by Дуня,

    0 votes
    17 answers

  4. Кроссбраузерный резиновый блок с тенью

    Потребовался резиновый блок с тенью. Вот что у меня получилось: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок страницы</title> <style type="text/css"> html, body, h1, h2, h3, h4, h5, h6, form, ul, li, p, table, td, th, img { margin: 0; padding: 0; border: 0; } table { border-collapse: collapse; } BODY { background: silver; } .b-popupwin .tw, .b-popupwin .bw { width: 100%; height: 20px; font-size: 1px; line-height: 1px; } .b-popupwin .tl { width: 20px; background: url(ima…

    Asked by VJiK,

    0 votes
    17 answers

  5. div bg problem

    Скрин с разрезкой сайта, собственно, вопрос телезрителей: как бэкграунд сделать цельненьким? т.е. чтобы не было серых областей под второй и третьей слева колонок. http://img260.imageshack.us/img260/1663/bg1j.jpg Засунул все дивы в див, назовем его box, для него прописал бекграунд, но толку ноль, как будто его вообще нет. В чем теор. может быть ошибка. На всякий прикреплю еще текст. <body> <div id="page"> <div id="header"> пэхэпэшечка </div> <div id="123"> <div id="content"> пэхэпэшечка </div> <div id="sidebar2"> пэхэпэ </div> <div id="sidebar"> пэхэпэ </div> &…

    Asked by slipkahh,

    0 votes
    17 answers

  6. IE обрабатывает не все стили

    В моей практике несколько раз сталкивался с тем, что IE7-8 иногда обрабатывает не весь css, при первой загрузке этого файла. Обычно выражается это в том, что он игнорирует margin:0 auto; После рефреша -- всё хорошо. Сейчас встала задача исправить этот косяк. Вычленить проблему не смог, появляется баг из неоткуда. Есть мысли как поправить?

    Asked by Dimitry Wolotko,

    0 votes
    17 answers

  7. Скругление углов

    Пример http://rubasket.com/novosti/nba/96-nba-fil...-rezultaty.html Захотел сделать скругление углов....Один добрый человек с вашего форума подсказал решение проблемы,но теперь пришла другая.... именно интересует нижнее скругление у блока right (там скругление сейчас плавает в связи с некоторой проблемкй,но это сейчас неважно....) А теперь по теме: как наложить на блок right два уголка(левый и правый) по 26 пкс каждый на самой нижней высоте(чтобы этои уголки упирались своим концом к концу right ?

    Asked by FASTDEATH,

    0 votes
    17 answers

  8. Формы

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

    Asked by lapwing,

    0 votes
    17 answers

  9. По-разному отображается в IE и FF.

    Начала верстать сайт:http://www.septic-topas.ru Обнаружилась такая непонятная вещь. Промежуток между header и div с закруглёнными углами отображается по-разному: в IE7 - его нет вообще (пока padding:0; margin:0;), а в FF - получается в два раза больше. Пожалуйста, помогите разобраться. Спасибо заранее.

    Asked by Светлана Г.,

    0 votes
    17 answers

  10. В каком случае рационально использовать expression или другие ухищрения для релизации min-width для ie6

    Вот такой случай не знаю стоит ли заморачиватся и делать полностью кроссбраузерно как положено. Посмотрев некоторые работы по верстке увидел что некоторые забивают на него. Может и правильно фиг его знает, я не знаю какой их проф уровень может они только учатся как и я. Хотелось бы услышать мнение более опытных или продвинутых верстальщиков. В чем суть. Рассматриваеться только ie6. Есть футер div 100% шириной. В нем есть бекграунд. Синего цвета. Все остальное на сайте имеет фиксированную ширину 998px. Когда происходит ресайз окна футер ведет себя нормально до появления скрола. В скрине видно когда размер окна около 1024px; Далее продолжая ресайз до появления …

    Asked by voooodoo,

    0 votes
    17 answers

  11. Почему в браузере Internet Explorer верхньое меню урезается.

    Все привет. В общем такая проблема. Сделал сайт, все вроде как нормально, все работает. Сайт делал с Мазилой. Когда зашел с Internet Explorer то ужаснулся - верхнее меню отображается не все. Справа оно как будто срезается и не видно две кнопки. Кто что скажет по этому поводу, как исправить этот бред? Заранее спасибо. Вот сайт: http://cyclovac.kiev.ua/

    Asked by gumuch,

    0 votes
    17 answers

  12. Вопрос по позиционированию сайта

    В общем вот разметка: Проблема в том, что никак не могу поставить сайт по центру. Подскажите как же всё же совершить этот подвиг? А то опыта верстки мало, но учусь, вот пока с этим запарка.

    Asked by WarEnek,

    0 votes
    17 answers

  13. Фон

    Подскажите пожалуйста как сделать там что бы при уменьшении окна браузера фоновое изображение тоже уменьшалось? Зарание благодарен за помошь.

    Asked by Krisstal,

    0 votes
    17 answers

  14. Как прописать отображение формата картинки gif и jpg на выбор браузеру?

    Как прописать для отображения картинки, чтобы в случае, когда не поддерживается формат картика.gif, отображалась картинка.jpg?

    Asked by t-stn,

    0 votes
    17 answers

  15. div растянуть на высоту ячейки таблицы

    Вобщем в каждой ячейке таблицы лежит по div(в некоторых может лежать два). Никак не получается растянуть div по высоте во всю ячейку. есть только вот так: div имеет красный фон для наглядности height: 100% не дает нужного эфекта

    Asked by bodnar,

    0 votes
    17 answers

  16. ссылка в раскрывающийся список

    как повесить ссылку на пункт меню в списке, обычном HTML списке (<input>)

    Asked by SoFuWa,

    0 votes
    17 answers

  17. Как Clip подружить c упрямым ослом (IE)

    Доброй ночи... Вот сижу и думаю как же это подружить этого Clip с IE. Читал что место запитых нужно пробелы ставить но не помогло... Приведу пример всего что я делаю. Есть изображение квадратика. Квадратик я обрезаю с помощью клипа на четыре части получается четыре угла. Углы с верстались нормальна Вот пример стиля углов. /* на четыре угла приходится четыре дива вот с таким стилем*/ .jwb_Board_One, .jwb_Board_Two, .jwb_Board_Three, .jwb_Board_Four{ position:absolute; /* позиционирования элемента*/ width: 30px; /* ширина блока*/ height: 30px; /* высота блока */ background-image: url('../images/BoardAngles.png'); /* фоновое изображение тот самый квадратик */ z…

    Asked by Jumper,

    0 votes
    17 answers

  18. UL

    Подскажите што делать.как убрать подчеркивание у ссылки <li>,и как сделать background-image. писал вот так.неполучаетсо. background-image:url:(img/fon.jpg)no-repeat; background-image:img/fon.jpg;

    Asked by Энди,

    0 votes
    17 answers

  19. html

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

    Asked by Энди,

    0 votes
    17 answers

  20. Неизменяемый фон при разном разрешении экрана?

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

    Asked by ADK,

    0 votes
    17 answers

  21. Помогите с тегом INPUT

    Добрый день(вечер) Я создаю свой сайт и у меня возникла проблема мне вот в эту кнопку надо добавить картинку сейчас тег выглядит так <input value="{postrow.POSTER_RANK}" type="submit"> а мне надо как то так <input value="{postrow.RANK_IMAGE}" type="submit"> поясню {postrow.POSTER_RANK} это название "Звания" а {postrow.RANK_IMAGE} это картинка "Звания" и когда я вписываю {postrow.RANK_IMAGE} в тег кнопка исчезает и мне выдается ссылка к картинке помогите сделать так чтобы выводилась именно картинка звания заранее благодарю за помощь

    Asked by frost444,

    0 votes
    17 answers

  22. Позицирование в DIV

    есть такая конструкция <div class="qwerty">текст</div> и есть стиль .qwerty{ font-family: "Courier New", Courier, monospace; font-size: 14pt; font-weight: bold; color: #660000; margin: 0; padding-left: 90px; height: 80px; background-image: url(../images/fon_zag.png); background-repeat: no-repeat; background-position: left; } в общем есть картинка 80х80 которая является фоном и которая должна быть слева. А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу. Это реально?

    Asked by Gold Dragon,

    0 votes
    17 answers

  23. Исключение IE

    Суть вот в чем... Есть такая конструкция в которой написанный код применяется только если ie6 или допустим ie7 там только немного подправить нужено <!--[if lte IE 6]> ... <![endif]--> Так вот... а есть ли такая конструкция, которая бы действовала наоборот? То есть все что находилось бы в этой конструкции не применялось если у пользователя браузер IE.

    Asked by TavlaD,

    0 votes
    17 answers

  24. Верстка полурезины

    Вобщем надо сверстать макет. Он отрисован на 1260 пикселей. Задуман как резина - но контентная часть фиксированная на 1000 пикселей. То есть при разрешении 1280 и выше никаких проблем. А при разрешении менее 1280 нужно чтоб часть фона (картинка) отрезалась. Для наглядности приложу скрин. http://i080.radikal.ru/1004/8d/a23ce6e9d77e.jpg Можно ли такое сделать вообще? Не могу придумать

    Asked by Dioni$$,

    0 votes
    17 answers

  25. Ошибка присоединения стиля

    У меня незначительная ошибка в строке присоединения стиля <link href="style.css" rel="stylesheet" type="text/css" /> ... он подсвечена волнистой красной линией... Вот перевод ошибки, добрые люди помогли, но смысла так я и не понял.... Файлы, содержащие ошибки: Z: \ \ домой phpsite \ WWW \ php_1 \ Администратор \ add_deyatel.php Файл Z: \ \ домой phpsite \ WWW \ php_1 \ Администратор \ add_deyatel.php (Вернуться к Index) Ошибка Найдено 1 ошибки во внешних CSS-файлов Microsoft Internet Explorer 5.0, Microsoft Explorer Интернет 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 6.0, Netscape Navigator 7.0 линии 26 <link href="style.css" rel="stylesheet" type=…

    Asked by wertel,

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