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. Выравнивание DIV-ов по низу таблицы

    Имеетс два ДИВа заключенных в ячейку таблици. Надо выравнять DIV-ы по низу таблицы. У меня получается примерно следующее Дивы выравниваются по низу таблицы когда одинаковые. Но когда один из них становиться больше другого то меньший начинает равняться на верх большего, а не на низ таблицы. +———————-+ | | | | | +—--+ +——+| | | 1 | | || | +—--+ | 2 || | | || | +——+| +———————+ Можно это как-то исправить? Вот код: CSS td.logo { height: 82px; width: 250px; padding: 5px 0 0 5px; vertical-align: bottom; } #logo { /* Логотип */ height…

    Asked by zhukovia,

    0 votes
    7 answers

  2. Div width=100% более ширины окна браузера

    Здравствуйте! Уже часа 2 ломаю голову и никак не могу найти решение: Есть страница, контент, шире окна браузера. Внизу есть футер, в стилях стоит width: 100% Но футер тянется не на всю ширину страницы, а только на ширину окна браузера. Doctype - strict. Вот пример кода с описанной выше проблемой: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Див по ширине страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; } #…

    Asked by pivkos,

    0 votes
    14 answers

  3. Зазор между div'ами при нулевом padding,margin,border

    Не очень понимаю откуда взялась такая проблема, поскольку раньше ее не встречалось. Задача: требуется составить 3 блочных слоя в один ряд без зазоров, т.е.вплотную друг к другу. Решение: делаю, как обычно. У каждого из трех: {width:100px; border: 0; padding: 0; margin:0; display: inline-block;}.И все прекрасно, но вместо 300 в сумме получаю по 3 дополнительных пикселя с каждой стороны у каждого дива. В чем может быть дело? Не могу понять. Подскажите, пожалуйста.

    Asked by v.asya,

    0 votes
    6 answers

  4. Растягивание div по высоте родителя

    Приветствую профессионалов и новичков html/css Столкнулся со старой проблемой - как растянуть див по высоте родителя. Не кидайте в меня тапком и не отсылайте в гугл, ибо моя проблема несколько отличается от привычной. В верстке я использовал bootstrap, а конкретнее колоночную верстку (col-lg, col-md, col-sm и так далее). Выглядит это так: Как можно заметить, левая колонка не дотягивает до низу. Точнее не дотягивает полупрозрачный коричневый фон. И все бы ничего, можно было бы использовать старый добрый "margin-bottom:-6000px; padding-bottom:6000px;", но при разрешении экрана 320/480 (читай смартфон) колонки встают друг за другом по вертикали, вот так: И полупрозрачный…

    Asked by maxakagaret,

    0 votes
    7 answers

  5. Как автоматизировать перенос части базы данных из Экселя на сайт???

    Доброго времени суток. Очень понравился сайт. Давно им пользуюсь и почти всегда нужную инфу находил. Задача: есть база в екселе, которая обновляется каждый день. (как-то так сложилось изначально) Есть сайт, на нем страничка с таблицой, в которой отображается часть данных базы екселя. Сейчас все происходит в ручную и очень занудно. Как бы этот процесс автоматизировать, т.е. один раз сделать верстку таблицы, а обновлять только данные в ячейках, а не всю таблицу заново? Может XML? Слышал про php скрипты, но в php я совсем лузер. Помогите, плииииз!

    Asked by Shkur,

    0 votes
    24 answers

  6. gulp sass, не работает @import

    Может кто сталкивался с подобным, не могу импортировать другие sass файлы в основной (main.sass) К примеру подключение стилей файла reset.sass: @import "test/reset"После запуска компилятора, появляется ошибка Гуглил, предлагают вставить строчку includePaths: ['./styles'],либо плагины. Но почему-то всё равно не получается(( gulpfile var gulp=require("gulp");var sass=require("gulp-sass");gulp.task('sass', function() { return gulp.src('work-build/sass/*.sass') .pipe(sass({ includePaths: ['public-build/css'] //это строка, которой предлагали лечить данную проблему, но всё равно не работает, может я неправильно путь указываю })) .p…

    Asked by VeniVidiVici,

    0 votes
    16 answers

  7. отступы в таблице

    Товарищи, с помощью таблиц делаю разбивку рисунка. IE выдает такой артефакт: между картинками появляется просвет, причем Opera отображает все нормально. Размеры таблицы подобраны четко по размерам рисунков. Это глюк IE или я что-то не так делаю?

    Asked by raven,

    0 votes
    20 answers

  8. Горизонтальное меню картинками при помощи CSS

    Задача сделать горизонтальное меню средствами css, при этом картинки должны менять при наведении курсора. Как сделать ролловер, я нашел: http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Подскажите как при этом сделать горизонтальное меню например из 5-ти пунктов.

    Asked by Goldie,

    0 votes
    9 answers

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

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

    Asked by Mants,

    0 votes
    13 answers

  10. Как фон сайта сделать градиентом?

    Хочу что бы фон у body был градиентом и при этом с рисунком что то вроде этого: Подскажите можно ли так сделать? Проблема в том что если бы я знала длину страницы то вырезала бы полоску и размножила, но особенность бекграунда повторяться и если после светлой картинки опять начнется затемненная, то это будет не красиво Думаю что можно было бы сделать маленькую картинку которую размножить на весь бекграунд а на нее наложить прозрачный фон с градиентом например до середины. А вот как это сделать... Можно ли с помощью css такое осуществить?

    Asked by Yellowcat,

    0 votes
    36 answers

  11. Выпадающее меню на CSS помогите скрыть подменю!

    Доброго времени суток! Никак не могу скрыть блок выпадающего меню... Помогите плиз!!! Вот код CSS, тут просто какая-то мелочь, но я этого не могу увидеть: /*—————-menu tab———————-*/ .menu { font-size:14px; padding:0; float:left; width:890px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; height:35px; } /* style the sub-level lists */ .menu ul ul { width:auto; } /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu ul li { float:left; height:35px; line-height:35px; list-style-type:none; } /* style the sub …

    Asked by antiaofd,

    0 votes
    5 answers

  12. Показать / Скрыть текст.

    Скрипт Показать / Скрыть текст. В Google Chrome и Internet Explorer работает нормально, но в Mozilla Firefox не работает. Скрипт взят здесь http://www.sdws.ru/topic.php?t=3&id=10 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Показать-Скрыть</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> a {outline: none;} a img {border: none;} </style> <script type="text/javascript"> function on(n){ eval("document.all.text"+n+".style.display='block';"); eval("document.all.ontext"+n+".style.disp…

    Asked by andrecool,

    0 votes
    22 answers

  13. CSS: альбомная ориентация при печати

    Имеем ряд страниц с достаточно широкими таблицами. На печати при книжной ориентации они обрежутся, а в альбомной как раз как надо. Таблицы, кроме того, что широкие, еще и длинные. Правильное решение @page { size:landscape; }работает в Opera, не работает в Internet Explorer, Firefox, Safari, Chrome. Окей, забудем про валидность и вспомним, что есть хаки. С их помощью мы повернём наши таблицы на 90°, а ориентацию бумаги оставим, как есть: body { -webkit-transform:rotate(-90deg); /*Safari, Chrome*/ -moz-transform:rotate(-90deg); /*Firefox*/ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE*/ } Но хаки тоже счастья не приносят: нижняя часть таблицы срез…

    Asked by tambourine,

    0 votes
    2 answers

  14. Полезные темы

    Создание градиента в Фотошопе Вложенные селекторы Фотошоп. Простые вещи Часто возникающие ошибки Прозрачный PNG в IE6 Одинаковый текст (или код) на нескольких страницах Главная страница домена Показать/скрыть текст по клику Установил Денвер, хочу локально установить форум - такой как здесь Дизайн select'а Как нужно исправлять ошибки в коде, пошагово, с примерами. Свой шрифт на странице Как выложить свой сайт в интернет FAQ по кодировкам

    Asked by Vlad,

    0 votes
    0 answers

  15. В меню не отображается русский текст

    Уважаемые форумчане, загвоздка в том что русский текст отображается везде кроме меню, там отображается только английский текст. Подскажиет где может быть ошибка. В самом первом раздела меню в коде я написал "1 Шняга My", но отображается только английский язык, однако в строке меню в правом верхнем углу русский текст "advanced ПОИСК" прекрасно распознаётся. Начало кода такое <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Фотостудия PTsudio</title> <meta http-equiv="Content-Type" content="text/html…

    Asked by Waterman,

    0 votes
    9 answers

  16. редактирование swf

    есть задача отредактировать swf... нашел на офф сайте adobe такую статью но вот тут возник вопрос как в дримвьювере открыть swf если при попытке его открыть он ругается, что типа не могу открыть файл swf выберите html, xml или другой совместимый файл. или же подскажите другой вариант изменения пробовал так же через эту штуку Sothink SWF Decompiler ничего толкового не вышло.

    Asked by mx4ever,

    0 votes
    3 answers

  17. CSS под разные разрешения

    Сделал CSS под разные разрешения, подгружаются скриптом. А если у когото будет JavaScript отключен, как сделать чтоб грузился стандартный CSS, а то без файла стилей вообще ничего не будет видно, а есть всё же люди без JavaScript

    Asked by SoFuWa,

    0 votes
    10 answers

  18. [22.05.09] Для желающих получить опыт вёрстки

    Ниже расположен список топиков, которые находятся в разделе "Макеты для вёрстки", в которые я предлагаю что-то поверстать, просто так, для души. Верстка, по сути, не очень и сложная, но всегда имеющая пару заморочек, которые неискушенному специалисту поломают немного голову. Список будет расти, и расширятся. Рекомендую просматривать тему, в топике буду писать число последнего обновления. * Макет "Раира" * Формочка * Макет "SrcheMall" - макет предоставил Миша Квакин * Макет "Оранжевый банк"

    Asked by Dimitry Wolotko,

    0 votes
    0 answers

  19. Форма в две колонки

    Есть необходимость переверстать форму из двух колонок с таблиц на дивы. Проблема в том что часть полей из левой колонки надо растянуть на две, т.е. типа colspan Пришлось делать так в два блока до поля на всю ширину потом один блок на всю ширину, потом опять в два блока. Как-то не очень красиво. Может кто сталкивался с таким. подскажет как это сделать красиво. Спасибо.

    Asked by evgenbkn,

    0 votes
    9 answers

  20. Расстояние между элементами опроса (input)

    Есть такая схема: <form action="#"> <input type="radio" name="answer" value="a1" /> ТестТестТест<br /> <input type="radio" name="answer" value="a1" /> ТестТест<br /> <input type="radio" name="answer" value="a1" /> Тест<br /> <input type="submit" value="Проголосовать" /> <input type="button" value="Результаты" /> </form> В какие элементы лучше заключить варианты ответов, чтобы можно было нормально margin задать для пространства между вариантами опроса? <p>, <li>? Какие ещё будут предложения? Что лучше еподойдёт?

    Asked by Deacon,

    0 votes
    13 answers

  21. Как сделать скошенные углы

    Доброго времени суток, уважаемые форумчане! Попался макет, где много элементов со скошенными углами. Один: http://www.screencapture.ru/file/A893fA1F Два: http://www.screencapture.ru/file/76106c72 Три: http://www.screencapture.ru/file/d8264D58 Четыре: http://www.screencapture.ru/file/A836B408 Подскажите какой-нибудь гайд, как это сверстать. Спасибо!

    Asked by web-monster,

    0 votes
    8 answers

  22. Отступы

    Всем здрасте! Вобщем возникла такая вот проблемка - надо сделать отступы например в 10px у главного блока,но когда я назначаему ему эти отступы например: <div style="width:100%;height:100%;margin: 10px;"></div> ,то появляется вертикальная полоса прокрутки. В чём проблема?И как сделать так что бы это полосы не было? Для наглядности выкладываю скрин того что должно получиться

    Asked by Cabalist,

    0 votes
    58 answers

  23. Таблица + таблица + таблица. ?

    Ну вот появилась проблемка. То что нужно сделать сложную верстку. И для этого нужно делать несколько таблиц. Так вот что-то не получается у меня сделать 2 таблицы рядом друг с другом. Тег никакой не могу найти как сделать это. Помогите плиз!!!!

    Asked by lenster,

    0 votes
    26 answers

  24. input type text выравнивание текста в ie

    Помогите справиться с такой вот проблеммой. В ие текст, который вводится в поле <input type="text">, выравнивается по верхнему краю, а нужно сделать, чтобы он выравнивался по середине поля css для инпутов задан такой: float: left; display: block; font: 13px Tahoma; color: #000; width: 300px; height: 25px; margin-right: 50px;

    Asked by theo_,

    0 votes
    5 answers

  25. "Обрезка" и выравнивание картинок (как сделать?)

    Здрасте всем. вот пример: http://brendov.com/news-actions часть картинок в каталоге имеет разные пропорции. из-за этого строки с товарами получаются разной высоты. заранее делать предобработку картинки клиент не сможет, там просто некому. подскажите решение, как сделать картинки одинаковыми по высоте, при этом перекрывая обрамляющим элементом "уши" картинки? P.S. есть подозрение, что очень просто, но видимо я заработался, и не вижу решения в упор.

    Asked by d0ublezer0,

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