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. .gif прозрачность в ie6

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

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

    0 votes
    7 answers

  2. Высота блока

    Делаю комментарии на сайте. Каждые 30 комментариев открывается вниз(типо страницы). Так вот проблема в следующем. Надо изменять высоту блока,где будет располагаться блок с комментариями. Как я делаю. С помощью яваскрипт всовываю все коммент. в блок с Ид=homeInfoMan ,потом узнаю высоту этого блока,который находится в основном блоке home .Возникает проблема var heightInfoManCom=document.getElementById("homeInfoMan").style.height; всегда равно нулю. Почему ?!

    Asked by new01,

    0 votes
    3 answers

  3. размер сайта

    Добрый вечер, али день. Значит проблема такая: есть уже готовый сайт...нужно зделать так чтобы он при открытии автоматически подгонялся под размеры монитора (экрана нет бука или другого устройсва)....я уже пробовал делать резиновую верстку, заказчику не понравилось... может я что то не то делаю? я указывал всё в "%"...может быть есть другие способы добиться этого эффекта? уточню вопрос еще раз: нужно добиться чтобы сайт, при открытии не имел полос прокрутки, иными словами автоматически подгонялся под разрешение экрана (браузера). Заранее спасибо за ответ.

    Asked by lapsha,

    0 votes
    1 answer

  4. Проблема с фоном.

    Доброго времени суток. Есть небольшая проблемка... Нужен фон в виде градиента, имеется изображение высотой 500рх и шириной 1рх. Нужно, чтобы оно растягивалось на всю область страницы. В данный момент, на короткой странице всё шоколадно, но если страница уходит за видимую область экрана, то на невидимую часть фон не тянется... Что не так? Страница с кодом: http://qui-qua.ru/12.html CSS: html, body { margin: 0; } #background { position: absolute; width: 100%; height: 100%; } #page { position: absolute; width: 100%; height: 100%; z-index:1; } P.S. Только не надо говорить про поиск... всё знаю, но всё не то...

    Asked by ShuRIk,

    0 votes
    6 answers

  5. Как правильно резать?

    Как правильно нарезать полоску с шириной (или высотой) в 1 пиксель?? Пробовал прямоугол. выделением, получается только 2 пикселя...

    Asked by DrStrangeLove,

    0 votes
    2 answers

  6. Можно ли убрать гламурный скроллинг в iPad?

    Делаю страничку для iPad-а, не простую, а для спецприложения (будет открываться в спецокне браузера без элементов управления). Гарантированно вписывается, скроллинг не нужен и при обычных условиях не появляется. Но если "качнуть" страничку пальцем вверх или вниз, она "оттягивается" в фирменной айфоно-айпадской манере (край будто "отрывается" от края окна, обнажая "подложку холста", потом плавно подъезжает к ней обратно). Можно ли это как-нибудь задизейблить? Прямого способа (а-ля <meta name="viewport"> для фиксации масштаба и размера) не нашел. Пока единственная идея — попробовать добавить что-то типа ontouchmove="return false" на <body>, но боязно, не убьет л…

    Asked by SelenIT,

    0 votes
    2 answers

  7. Помогите сверстать...

    Помогите сверстать вот такой кусок, не знаю почему все плавает... http://itmages.ru/image/view/197922/65c9277d

    Asked by Select,

    0 votes
    6 answers

  8. IE9 Последствия применения filter к тексту

    Был очередной раз "порадован" новым детищем мелкомягких. В IE9 при использовании любого из фильтров (filter:DropShadow др.) в применении к тексту, отображение текста делается совершенно неприемлемым. Видимо, ноги у этой проблемы растут из неотключаемого ClerType. Полупрозрачные пиксели по контуру сглаженного шрифта превращаются в обычные чёрные. В IE8 и более старых ClerType автоматически блокировался для текста,к которому применены фильтры. IE9 на это не способен. В общем, кранты. Текст с тенями теперь можно делать только дублированием этого текста. Не только text-shadow не сделали, но и испортили то, чем его можно было заменить. :)

    Asked by Sylon,

    0 votes
    4 answers

  9. inline-block vs float

    Не мало раз видел советы использовать inline-block вместо float (к примеру, для каталога товаров). Но почему? Вот, например, есть у меня такая страничка, там каталог с товарами. Следовать друг за другом приказал с помощью float: left, и всё нормально. Способ же с inline-block подразумевает также ещё сброс font-size и line-height для ликвидирования отступов.

    Asked by monsterr,

    0 votes
    12 answers

  10. Выравнивание дива по вертикали

    Добрый день! Есть проблема: CSS: #container { position: absolute; width: 99%; height: 99%; min-width: 780px; min-height: 580px; } #cell { position: relative; top: 50%; width: 700px; height: 400px; margin: -200px auto; } HTML: <div id="container"> <div id="cell"> </div> </div> При отрисовке этого дела, слой с ID="CELL" как положено всегда посередине родителя. В браузерах FireFox и Opera при масштабировании окна, родитель уменьшается до минимального предела, после чего перестает это делать. Соот-но его центр всегда в разумных пределах, и дочерний слой, выровненный по этому центру отображается нормально. А вот в Chrome и IE8 при…

    Asked by Mytis,

    0 votes
    12 answers

  11. HELP!

    Всем доброго времени суток. Помогите пожалуйста с страничкой. Вот станичка содержимое правого сайдаба по разному отображается, в IE7 последняя картинка в блоке почти прилегает к низу блока, а в остальных браузерах чуть с запасом. Помогите разобраться. Уже пробовал с бубном танцевать - не помогло.

    Asked by yujin11,

    0 votes
    14 answers

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

    верстаю шаблон под 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

  13. Ширина DIV в IE7 меньше чем ширина вложенного контента

    Вот страница: http://bit.ly/j7tBui Рассматриваем верхнее горизонтальное меню с выпадающими списками. В IE7 ширина выпадающего блока меньше (судя по всему в два раза) чем ширина вложенного контента. И этот контент соответственно выезжает за пределы блока. Нужно сделать чтобы этот div был шириной 207px как и ширина контента.

    Asked by sholkyman,

    0 votes
    1 answer

  14. Комментарии вконтакте

    Добрый день. Подскажите пожалуйста как сделать чтобы комментарии от вконтакте не наезжали на элементы снизу http://udmmusic.ru/chto-vy-khoteli-uvidet-na-saite.html.

    Asked by smirn0ff,

    0 votes
    3 answers

  15. Форматирование рисунка

    Помогите пожалуйста! у меня есть фотка размером 400*200 Как мне сделать так что бы она выводилась на экран с ограничением по ширине и высоте! Т.е. ограничение 200рх Фотка на экране 200*100 Или фотка 200*400 Фотка на экране 200*100 В общем пропорция должна тоже сохранятся!!!

    Asked by kent666,

    0 votes
    9 answers

  16. Помогите реализовать

    Вобщем вот что должно получиться: как это должно работать: это полоса так называемый информер, должна показывать 4 последних добавленных видео. внешность и кнопки - это фигня я сделал. проблема в: как привести это в действие? сделать это на ucoz? где лучше добавлять эти видео? как сделать чтобы показывалось мини изображение этого видео?

    Asked by gimpy,

    0 votes
    2 answers

  17. Как избавиться от хитрых бордеров?

    Есть старый сайт, сделаный давно, еще табличной версткой. Нужно перевести тот же дизайн на рейки Друпал 7. Вроде, ничего сложного. Как делал. На старом сайте CTRL+U => CTRL+C, далее новая тема на основе ZEN с этим кодом + CSS и графика со старого сайта, размещаю блоки в нужном месте и т.д. НО! Появились какие-то бордеры или отступы, которые не могу побороть вот уже 2-й день! Гугл и книги курил, ничего не могу сделать, хотя понимаю, что ответ прост. Помогите знатоки, плиз! Полностью с ноля переделывать на DIV уже нету времени! П.С. Скрины и тема в аттаче. Сама тема: http://dl.dropbox.com/u/21433136/mamadeti.zip

    Asked by trolik,

    0 votes
    9 answers

  18. Карта на основе Google Maps

    Утро доброе форумчане. Такой вопрос - при малых знаниях в JS , стоит ли браться за создания карты на основе Google Maps? нашел интересную статью (http://vremenno.net/js/google-maps/) в принципе довольно подробно все описано, но некоторые моменты все равно не понятны. Реально ли сделать что-то на подобии (http://www.mvideo.ru/shops/) или более сложное? спасибо за ответы и мнения.

    Asked by Torvin,

    0 votes
    6 answers

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

    здравствуйте, подскажите, пожалуйста: в полностью резиновом списке делаю 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

  20. Опять верстаю меню в joomla, проблема с маркерами

    Всем привет! начал делать шаблончик на дивах и сразу возникло много проблем, начну с первой) Левое меню должно выглядеть вот так. Ненумерованный список в жумле (стандартный модуль), в качестве маркеров стрелка с фоном, и у li остальная часть. Почему то нашел единственный способ их сблизить: list-style-position: inside; в FF, Chrome робит, Opera 11.10 пофигу ( Про отступы вообще молчу, буду разбираться в порядке очереди. В IE 6 лучше не открывать, чтоб не потерять дар речи. http://soleks.ru.preview.ihc.ru/ Благодарю за советы

    Asked by Игорёk,

    0 votes
    6 answers

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

    Добрый вечер помогите пожалуйста, как сделать такое бг через обертку? есть одно бг которое повторяется по оси 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

  22. Варианты применений стилей

    Всем добрый день. Вопрос к опытным специалистам: Правильно ли прописывать отдельные стили непосредственно в теге, не хочется злоупотреблять классами или идентификаторами. Правильно ли так делать, ведь весь CSS будет находится целиком в отдельном файле. Пример кода для болей ясности. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> html{ width:100%; height:100%} body{ width:100%; height:100%;} #wrap ul{ margin:0; padding:0; width:100px;} #wrap ul li ul{ width:100%;} #wrap li li{ padding-left:0px; list-style-type:none;} #wrap li{ padding:5px 0 5px 20px; border-b…

    Asked by yujin11,

    0 votes
    6 answers

  23. Помогите подправить код .js

    Есть карта Італии на сайте auto-bazar.it . Принцип действия такой. Есть Изображение по умолчанию, /images/map-italy.jpg и 20 точно таких же изображений только с выделенным желтым цветом соответственного региона Италии. То есть при наведении на то место где расположен регион которому отвечают его координаты, подложка /images/map-italy.jpg заменяется изображение с подсвеченным регионом. Проблема в том что 20 изображений * 17 килобайт = 340 кб. Это не допустимо. Я в Java Script вообще не шарю. По изложенному коду пожалуйста подскажите как заставить его и возможно ли ето чтоб при наведении на любой регион выводилось изображение .png или .gif с прозрачностью, то есть только ка…

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

    0 votes
    0 answers

  24. Резиновая ширина, навигация слева в виде таблицы

    Здравствуйте, подскажите, пожалуйста, почему центральная таблица (Новости) на ходится снизу относительнолевого блока (таблицы). Делал как здесь в макетах: http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva вроде бы. float: left. Отступы вроде все правильно проставлены. Весь день промучался, но не получается.Хочу чтобы всё позиционирование было относительным. Новичок в CSS совсем. Поэтому скорее всего всё банально глупо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Сайт</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <img id="hat" src="…

    Asked by bdshadow,

    0 votes
    11 answers

  25. Кнопка для сайта

    DELLETED

    Asked by stanislay007,

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