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. Уеъал левый блок и футер

    Здравствуйте. Сам я от верстки значетельно далек, и вчера после того как в контент вставил таблицу со стилями. подвал и левый блок уехали, подвал поднялся, а левый блок совсем пропал. То, что в контенте, не могло наверно повлиять. Но прошу тех, кто знает помочь. Страница http://dvd.uswp.ru/personal/order/ логин пароль tester tester <div class="title">Мои заказы</div> <div id="top_links"><a href="#" class="active">активные</a><a href="#">все</a><a href="#">выполненные</a><a href="#">отмененные</a></div> <table class="zakazi"> <tr> …

    Asked by Tchorteg,

    0 votes
    2 answers

  2. HTML5 валидация meta http-equiv="expires"

    вставляю <meta http-equiv="expires" content="Mon, 01 Jan 2000 00:00:00 GMT"> в валидаторе line 30 column 75 - Ошибка: Bad value expires for attribute http-equiv on element meta. в content вставлял любое значение - ругается так же . что делаю не правильно?

    Asked by lavsan,

    0 votes
    1 answer

  3. Верстка контент бокса

    Доброго времени суток. У меня есть три изображения бордера контент бокса: 1-верхняя и боковые границы, 2-боковые границы и 3-боковые и нижняя границы. Мне необходимо сверстать этот бокс таким образом, что бы он мог без проблем растягиваться во вертикали. Т.е. верхняя часть остается на месте, средняя увеличивается по top+bottom, нижняя чать опускается. Пытаюсь сделать таким образом: HTML <div class="middleborder">[i]Контент[/i] <div class="top"></div> <div class="bottom"></div> <div> CSS div.topborder { display: block; background: url(image/top.png) no-repeat -18px -25px; height:210px; } div.middleborder { display:inl…

    Asked by jaguar_sea,

    0 votes
    4 answers

  4. помогите с меню

    помогите зделать чтоб при наведении курсора на пункт меню появлялась картинка и находилась на той странице где мы находимся картинка должна быть резинова

    Asked by neon2030,

    0 votes
    0 answers

  5. position: absolute перекрытие

    Есть для примера 2 блока. <div style="background: green; height: 71px; width: 800px; position: absolute; top: 0; left: 0; z-index: 2;"></div> <div style="color:red; z-index: 999;">bla bla bla</div> По какой-то необьяснимой причине первый блок перекрывает второй закрывая текст, игнорируя z-index. Помогите пожалуйста, что здесь происходит и как с эти бороться? Изначальная идею состояла в том, чтобы поместить несколько бэкграундных изображения под текст.

    Asked by graf,

    0 votes
    6 answers

  6. Возможно ли в smarty проверить на существование файл

    Возможно ли в smarty проверить на существование файл. У меня в проекте много фотографий которые просто не существуют. Мне необходимо сделать в шаблоне не на php а именно на смарти. Если такого файла нет то я просто поставлю рыбу.

    Asked by ultimatum,

    0 votes
    1 answer

  7. Вёрстка поля для поиска

    Моя задача: сверстать поле для поиска такое же как на картинке(рис.1) Моя проблема: При вёрстке поля для поиска вылезает какая-то непонятная белая рамка (в IE рамка чёрного цвета)(рис.2) Мой вопрос: Как избавится от рамки белого цвета и как ещё можно улучшить мой свёрстанный текстбокс, чтобы он был похож на текстбокс с картинки ? Страничку в браузере можно посмотреть по ссылке:http://web-luck.ru/horner/search.html? Вот весь исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Текстбокс</title> <script src="jquery-1.6.2.min.js"></script> <script s…

    Asked by averin13,

    0 votes
    6 answers

  8. 2 проблемы с формой

    Всем привет. Код формы: <div id="contact-wrapper"> <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform"> <div> <label for="name"><strong>Name:</strong></label> <input type="text" size="50" name="contactname" id="contactname" value="" /> </div> <div> <label for="email"><strong>Email:</strong></label> <input type="text" size="50" name="email" id="email" value="" /> </div> <div> <label for="subject"><strong>Budget:</strong></label> <input type="text" size="50" name="subject" id="subject" value=""…

    Asked by nazarlee,

    0 votes
    1 answer

  9. Свои аттрибуты

    сложилось так что для определённой задачи стало недостаточно id и name создал свой аттрибут <tr id='id1' ff='1'> всё работает , но валидатор ругается. line 194 column 49 - Ошибка: there is no attribute "FF" насколько это допустимо (использование своих аттрибутов)? и ещё используя jquery в своей функции пишу $("<tr height="+h+"px><td id='adds'></td><td><input class='sf' id='dpbx0x' /></td><td><input class='sf' id='dpex0x'/></td></tr>").appendTo("#tab"); а валидатор ругается line 287 column 64 - Ошибка: end tag for element "TD" which is not open тут понятно, что он просто производит парсинг строки и ищет …

    Asked by lavsan,

    0 votes
    7 answers

  10. WEB-интерфейсы приложений

    Вот есть такой вопрос.... Часто сталкиваюсь с web-интерфейсами различных программных продуктов, допустим 1С8 или Kerio Control и не могу понять, как они разрабатываются? Я сталкивался с ПО типа Adobe Flex SDK, но там как я понимаю речь идет об обратном действии - создать desktop-приложение из web. Неужели все эти интерфейсы (1C или Kerio) так же верстаются при помощи HTML и CSS ?

    Asked by bonyany,

    0 votes
    4 answers

  11. Стоит ли такие фичи реализвоать в CSS

    Активно изучаю веб, и пробую новые приемы в CSS3 и.т.п. Делаю себе новую шкуру с использованием некоторых прибамбасов. http://dgbomb.com/maket/ Есть несколько вопросов: 1. Насколько сильно эффекты закруглений, CSS транзишн, тени и т.п. грузят броузер. Может, все это лучше картинками сделать? 2. У меня макет пересчитывается через CSS на несколько разрешений. То есть, на разнах разрешениях - разная ширина макета. Насколько это приемлимо. Или лучше сделать через скрипт. 3. Заметил, что слайдеры на превьюшках в файрфоксе анимируются скачками. Это особенность броузера? Или у меня косяк. 4. Общий вопрос. Как сохранить баланс в наследовании классов типа .style ul li ul {} или .…

    Asked by alexpop,

    0 votes
    5 answers

  12. Голова, Футер - "прибиты", Контент - все что осталось между

    Всем здрасте. Есть такой макет: ссылка. Суть такая: нужно голову и подвал зафексировать в верх/низ, а контент что бы всегда занимал высоту (абстрактно): contentHeight = viewport.height - footer.height - head.height; и что бы он был между головой и подвалом. Все, что мне пришло в голову - это растянуть блок с главным контентом абсолютным позиционированием (top: head.height, bottom: footer.height). Дальше мне нужно, что бы содержимое внутри блока с контентом центрировалось с определенной шириной. для этого ставлю еще один блок внутри, назначаю ему ширину и margin: 0 auto, а также height: 100%. При этом все гуд, но кроме осла версии 7. Че далеть? Может у кого есть идеи как …

    Asked by paska,

    0 votes
    11 answers

  13. Резиновая высота видео ролика

    Доброго времени суток. Леплю резиновый шаблон для сайта и появилась потребность уточнить размеры тэгов видео ролика аля ютуб и т.д. С шириной проблем не возникло.Спокойно схавало width:100%, но вот на % размер высоты никак нехочет реагировать(скажем height:35%). Сама задача заключается в сохранении пропорций размера видео в плеере. Можете чтото подсказать по данной проблеме?(ЯваСкрипты пока только изучаю, а потому просьба подробно расписывать решения с ихней помощью ... если таковы имеются конечно)

    Asked by SunChase,

    0 votes
    7 answers

  14. Плывет градиент при background-attachment: fixed

    Здраствуйте. Глупый вопрос скорее всего) Есть класс .gr{ background-image: url("img/gr.gif"); background-repeat: repeat-x; background-attachment:fixed; } Проблема в том, что при прокрутки вниз в любом браузере, градиент бежит вниз страницы за прокруткой. Класс применяется в таком виде: <td class="gr" height="100%">

    Asked by ab138,

    0 votes
    2 answers

  15. Когда не надо указывать overflow

    У меня у блока есть чётка ширина. Высота меняется от контента. В стилях стоит word-wrap: break-word;. В этом случае ведь не надо узкаывать свойство overflow. Оно никогдла не понадобится? Я прав?

    Asked by new01,

    0 votes
    1 answer

  16. Помогите! Текст поверх картинки.

    Всем привет! Не могу сделать текст поверх картинки. Перепробовал множество атрибутов, использовал CSS, подключал классы. Толку - 0. Вот ссылка на сайт: Не реклама! Выберите приложение ниже "Wormix" самое первое! И вот на этом сером фоне я хочу написать текст (описание приложения). У меня не получается, либо текст смещяется влево, либо вообще в углу. Вот эта часть "Слайдер": <div class="wrapper col3"> <div id="gallery"> <ul> <li class="placeholder" style="background-image:url(images/gallery/default.gif);">Image Holder</li> <li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt="" /><span&gt…

    Asked by ice72,

    0 votes
    8 answers

  17. Input type=file

    И снова здравствуйте! У меня опять задача. Первый раз столкнулся с type=file и очень удивился, когда к нему не применились стили, выставленные для input. Покопавшись в интернетах, нашел самый популярный один способ его стилизации с помощью подложки и двойного инпута. Так вот в чем вопросы(возможно риторические): 1)если дизайн не очень портится от стандартного инпута, может не стоит извращаться или такая стилизация вполне нормальна? 2)есть ли еще какой-нибудь способ его разукрасить?

    Asked by Softlink,

    0 votes
    2 answers

  18. Многоязычный сайт

    Скажите, пожалуйста, как правильно организовать структуру многоязычного сайта для поисковиков(допустим в meta прописать на всех языках в основном index файле или прописать для каждого языка в своем файле)?Какие-либо нюансы при организации структуры? На что обращать внимание? Рада буду любым полезным полезным ссылкам и советам.

    Asked by Анна,

    0 votes
    2 answers

  19. Подстройка шрифта под разные расширения экрана

    Доброго времени суток. Интересует такой вот момент. Леплю сейчас резиновый шаблон для сайта. Всё вродебы гут, но завис на размере шрифта. Можно ли както задать размер шрифта пропорционально расширению экрана? Заранее благодарен за любую полезную инфу

    Asked by SunChase,

    0 votes
    7 answers

  20. Полоса прокрутки.

    Здравствуйте, у меня такой вопрос, При появлении вертикальной полосы прокрутки, дизайн страницы сдвигается влево на 10рх, как можно это исправить с помощью css?

    Asked by an1401,

    0 votes
    6 answers

  21. Проблемы с горизонтальным меню

    Люди добрые, нужна Ваша помощь. Со вчерашнего вечера ломаю head над header'ом. В горизонтальном меню, которое в идеале должно выглядеть так: при масштабировании возникает обрыв последнего блока меню на следующую строку. В первом варианте только ИЕ9 отображает меню именно так как я хочу. - см. тут Во втором варианте - когда я установил фиксированную ширину li, контент ячейки лезет вниз - и тут Помогите!!! Вариант 1 HTML: <div id="header"> <div id="innerHeader"> <img class="logo" src="images/logo.png" width="175" height="49" alt="Мир насосов"> <img class="slogan" src="images/slogan.png" width="781" height="27" alt="Наш девиз">…

    Asked by Sergaua,

    0 votes
    5 answers

  22. Расположение потомка позади предка

    Можно ли расположить элемент-потомок позади родительского элемента? С z-index ковырялся, но не вышло.

    Asked by Titansword,

    0 votes
    17 answers

  23. HTML5 — Section? Aside?

    Давайте поговорим об html5 семантике, как бы вы разметили данный макет?

    Asked by ruslan.savenok,

    0 votes
    17 answers

  24. Сложно ли изучить HTML / CSS?

    Привет, являюсь J2EE разработчиком. Думаю изучить (может поверхностно) HTML и CSS. Сколько времени нужно потратить на получение вменяемых знаний, которые реально можно будет использовать на практике?

    Asked by fedotxxl,

    0 votes
    12 answers

  25. Проблема со слоями за экраном

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

    Asked by North-28,

    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