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. Помогите разобраться с margin

    Собственно только начал осваивать верстку и сразу попал в тупик с выравниванием блоков. Я хочу чтобы внутрение блоки имели отступы между собой и от границы родительского блока. Покажу лучше на примере. Вот что нужно: И вот что имею: Если задать padding родительскому блоку(класс item_list) то отступ от границ получиться margin + padding. Сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Example</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="t…

    Asked by Inf1k,

    0 votes
    7 answers

  2. Что за отступы в ie 6-7

    На сайте Электронная Финляндия в левой колонке в разделе "Доска почета" в ie 6-7 появляются отступы между картинкой и ником && картинкой и нижней границей. Чем это вызвано и как убрать?

    Asked by andyarus,

    0 votes
    7 answers

  3. Полностью поползла верстка в новой Opera 11.11

    Я сейчас делаю сайт на основе одного шаблона и я заметил, что в браузере Опера после обновления до версии 11.10 все слайды на главной и верхнее меню поползло, сайт полностью вышел из строя. В чем причина? Кто в курсе изменений в новой версии? Хочу заметить остальные браузеры его отлично отображают и опера версии 11.01 в их числе! Вот этот шаблон: http://www.bambootheme.com/showcase/feb09/

    Asked by skiph,

    0 votes
    7 answers

  4. Adobe Dreamwear

    Стоит изучать Dreamweaver для написания сайтов? Или достаточно самого простого редактора?

    Asked by tini.kRyptoNite,

    0 votes
    7 answers

  5. Site INTRO (нужен совет)

    Здравствуйте Всем. Есть конкретное задание - полностью продублировать Flash сайт используя обычную верстку, PHP, Java и сопутствующие языки. Оригинал (flash): http://simplyfitcanada.com/ Сверстанный дубликат (html, php, java...): http://simplyfitcanada.com/test Если вы пройдёте по ПЕРВОЙ ссылке, то уведите "site intro" на флеше. Там позирует парень на белом фоне. Только после этого загружается главная страница. Задача: Сделать такое же сайт-интро на новом сайте. Другими словами, сделать точно такое же вступление с позирующим парнем на новом сайте. Мне сказали, что это достаточно простая задача. Но я с таким раньше не сталкивался. ПРОШУ ВАШЕЙ ПОМОЩИ! Отвечу на любые вопрос…

    Asked by nazarlee,

    0 votes
    7 answers

  6. какую кнопку использовать?

    Привет! Продолжаю верстать свой первый сайт) Параллельно изучаю jquery. Написал блок с выезжающим текстом. По умолчанию показана только часть текста...потом кликаем на кнопку/надпись - блок раздвигается вниз и мы видим весь текст так вот вопрос...какую кнопку/надпись использовать чтобы человек точно знал что произойдёт - а именно - блок развернётся на этой же странице. "Развернуть" какой то колхоз...может просто кнопку со стрелкой вниз? как, интуитивно?

    Asked by andys,

    0 votes
    7 answers

  7. Body не растягивается на всю страницу!

    Здравствуйте товарищи, своё первое сообщение, как водится на подобных форумах, начну с вопроса, который мучает меня уже 2 недели Никак не могу добиться что бы BODY растягивался в зависимости от содержимого страницы. Привожу 3 наглядных примера вида окна браузера в разрешении экрана монитора 1152x864(оранжевый бордер - граница html, красный - body) Тут как бы всё нормально выглядит А если прокрутить чуть ниже... то уже совсем не нормально и видно что боди и не собирается растягиваться вслед за содержимым А теперь сбросим масштаб Тут уж вообще ужас HTML <body> <div class="conteyner"> <div class="fon"> <div class="fon2"> <di…

    Asked by SnowWind,

    0 votes
    7 answers

  8. Проблемы с отображением сайта в Firefox в ОС Linux Ubuntu

    Добрый день Имеется следующая проблема. Когда открывается сайт в Firefox (причем только в ОС Linux Ubuntu) страницы сайта начинают отображаться со странными границами вокруг графических элементов . В остальных браузерах и Firefox для Windows сайт отображается как должно . Подскажите пож-ста как решить проблему. Заранее спасибо.

    Asked by znikolaj,

    0 votes
    7 answers

  9. как задать бэкграунд для дива с плавающими блоками

    спасибо)

    Asked by andys,

    0 votes
    7 answers

  10. Как сделать меню с виджетами в WorDpreSS

    Как сделать меню с вкладками что бы по всех странице не нужно было прокручивать, а сразу в в одном меню можно было переключаться между вкладками. Например вкладки "Рубрики" "Самые популярные" "Статистика" и в них соответствующие виджеты. Либо что бы просто вкладки, а виджеты я сам разбирусь как добавить.

    Asked by JlEHb,

    0 votes
    7 answers

  11. Отступ подчеркивания

    Здравствуйте, подскажите пожалуйста, есть подчеркнутая ссылка <a href="#"> Назад на главную страницу</a> мне нужно линию подчеркивания ниже опустить. Line-height не помогает, font-size тоже(да и за другое они отвечают). Обыскался уже, но пока безрезультатно. Спасибо.

    Asked by Zaku4,

    0 votes
    7 answers

  12. Резиновая рамка п каям сайта.

    Приветствую! Подскажите пожалуйста, никак не соображу... Как сделать резиновую рамку по краям сайта, которая будет растягиваться на 100% по ширине и высоте вместе с контентом? Разрезанные рамки в архиве - http://dl.dropbox.com/u/16468356/images.rar

    Asked by chillout,

    0 votes
    7 answers

  13. Резиновое бг

    Добрый вечер помогите пожалуйста, как сделать такое бг через обертку? есть одно бг которое повторяется по оси y и есть второе бг которое не повторяется и находится вверху повторяющейся бг начинается только тогда, когда в не повторяющиеся бг заполнено контентом вот так проблема в том что бг повторяющееся и не повторяющееся в формате png на данный момент имеется вот такой код .rightside_bg_y { background: url(./design/contant/bg/rightside/rightcol_y.png) right repeat-y; margin: 0 -164px 0 0; } .rightside_bg { background: url(./design/contant/bg/rightside/rightcol.png) top right no-repeat; height: …

    Asked by Temiks,

    0 votes
    7 answers

  14. Поиск ошибок, специальные инструменты

    Доброго времени суток. Я хочу устроиться на работу верстальщиком, фирма прислала тестовое задание, я его реализовал как мог (не судите строго, я не профи в этом деле, я только учусь ). Мне позвонили, сказали, чтобы я в своём коде нашёл ошибки, и что для этих целей существуют специальные инструменты. Я пытался сделать макет с элементами, у которых относительное позиционирование, но не смог из-за отсутствия опыта, поэтому пришлось использовать абсолютное позиционирование, наверно в этом основная ошибка. Плюс к этому ещё наверняка полно ошибок в реализации html-структуры. Пожалуйста, помогите с разбором ошибок вёрстки, как можно было лучше реализовать данный макет? И ещё, ес…

    Asked by CocoDen,

    0 votes
    7 answers

  15. Запрет клика правой кнопкой по странице

    DELLETED

    Asked by stanislay007,

    0 votes
    7 answers

  16. резиновый текст

    здравствуйте, подскажите, пожалуйста: в полностью резиновом списке делаю font-syze: 120%. но при изменении размеров окна блоки <li> меняют свой размер, а вот текст в нем нет. в чем может быть проблема??? чего не понимаю ol.leftbar { float: left; width: 20%; padding: 0; } li.bar { font-style: italic; font-size: 120%; border: solid grey; margin: 5% 0 5% 0; } <ol class="leftbar"> <li class="bar">Текст не масштабируется1</li> <li class="bar">Текст не масштабируется2</li> <li class="bar">Текст не масштабируется3</li> <li class="bar">Текст не масштабируется4</li> </ol>

    Asked by bdshadow,

    0 votes
    7 answers

  17. банальная проблема с прижатием футера к низу экрана

    верстаю шаблон под osCommerce 3.0, столкнулся с кажется банальной проблемой, не так ведь сложно прижать футер к низу экрана, а страницу растянуть на всю высоту вне зависимости от содержимого. Но что-то я запутался немного, а за два дня с этой проблемой уже и никаких вариантов в голову не приходит, буду благодарен если кто укажет где моя ошибка)) вот стили основной части сайта, без шапки и футера /* @group structure */ #container { margin-left: auto; margin-right: auto; width: 1000px; height: 100%; text-align: left; background: #e0e9ed; overflow: hidden; } #left-column { width: 166px; position: relative; top: 80px; float: left; clear: bo…

    Asked by Lord Demon,

    0 votes
    7 answers

  18. баг хрома?смешно....

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…

    Asked by dostel1,

    0 votes
    7 answers

  19. .gif прозрачность в ie6

    Помогите пожалуйста реализовать карту Италии построенную на gif и css. Собственно сайт auto-bazar.it где это есть и работает кроме ie6, и сайт www.autoitalia.it от куда это взято. Пожалуйста не смотрите что я просто взял и скопировал чужую карту, в дальнейшем по максимуму ее переделаю. Цвет другой и размер нужен побольше. Но за основу взял именно ее. Проблема в том что на сайте autoitalia.it в ie6 все работает отлично, прозрачности отображаются, а у меня нет. Подскажите в чем проблема. Всем спасибо за помощь.

    Asked by Моряк Папай,

    0 votes
    7 answers

  20. Создание дизайна сайта.

    Возможно ли создать дизайн сайта с помощью блочного тэга <div> и css? html знаю.

    Asked by ko2,

    0 votes
    7 answers

  21. DD меню js+css

    Добрый день, уважаемые гуру. Проблема совсем не большая, но решение так и не удалось найти. Дроп даун меню на ксс и ява-скрипте. Работает нормально. Но! Есть проблема с выравниванием текста по вертикали. Так как меню основано на списке то vertical-align не работает, line-height не подходит, потому как в меню присутствуют двухстрочные заголовки. Второй день ломаю голову.

    Asked by steelhammer,

    0 votes
    7 answers

  22. Как убрать лишние точки

    Asked by JlEHb,

    0 votes
    7 answers

  23. Таблица по центру монитора

    Здравствуйте, форумчане! Не знаю, как правильно поставить корректно вопрос, но думаю, что вы поймёте. Как сделать, дабы таблица была выравнена по центру и по вертикале, то бишь чтобы была по центру экрана.

    Asked by udick,

    0 votes
    7 answers

  24. контент в жестко заданном блоке...

    В этом примере в слое с классом "cookingnews" (с заголовком Новые рубрики!!!) жёстко заданы ширина и высота(что,наверно,может быть оправдано), при этом в блоке есть контент (абзац). Вопрос: Как можно быть уверенным, что в этот слой не добавят ещё контента превышающего жёстко заданные рамки?? Где гарантия?? Может ли излишний контент выехать за рамки?? overflow:hidden для этого слоя я не нашёл....

    Asked by DrStrangeLove,

    0 votes
    7 answers

  25. Oracle VM VirtualBox

    Начну с того, что установил Oracle VM VirtualBox, создал виртуальную машыну с Linux Ubuntu, запускаю и через несколько секунд появляеться вот такая надпись FATAL: No bootable medium found! System halted.Что ето за ошибка?

    Asked by Mr.Black,

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