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. Фоновое изображение

    Есть сайт фиксированной ширины. Есть фон, который вставляется в body. И все бы хорошо, но фоновое изображение это с градиентом. Как сделать так, чтобы оно растягивалось на весь экран? Потому-что видно когда оно начинает повторяться по ширине Или просто какой-то другой способ подскажите? Тут чтобы понятнее было http://jsfiddle.net/H6zth/

    Asked by Imperil,

    0 votes
    8 answers

  2. Горячая тема

    Здравствуйте, помогите пожалуйста с контентом, высылаю картинку чтобы наглядно было видно. На картинке я выделила синим цветом что именно мне нужно, мне нужно сделать фон резиновым за пределами контента. http://storage9.static.itmages.ru/i/12/1101/h_1351769051_3929856_4090deba33.jpeg

    Asked by dashaa481,

    0 votes
    8 answers

  3. Стиль сайта

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

    Asked by мужняя_жена,

    0 votes
    8 answers

  4. @font-face русский язык

    Следующая проблема. подключаю шрифт @font-face {font-family: 'helios'; src: url('fonts/He_th.ttf') format('truetype');} на англ. языке все нормально. русский - любимый times new romans. Открываю файл шрифта, но ведь там же про булочки на РУССКОМ написано!!!! Пробовал загружать в http://www.fontsquirrel.com/fontface/generator и оставлять только киррилический, все то же самое! Помогите пожалуйста

    Asked by Vlad_P,

    0 votes
    8 answers

  5. Как убрать пространство между div

    css этих блоков .inbox3 { float:left; width: 508px; margin: 5px; padding:10px; background-color:#fff; box-shadow : inset 0 0 10px #000000; -moz-box-shadow : inset 0 0 10px #000000; -webkit-box-shadow : inset 0 0 10px #000000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } Порядок следования неважен. Главное избавиться от пространства между div.

    Asked by loofi,

    0 votes
    8 answers

  6. проблема верстки со слоями

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

    Asked by LadyS,

    0 votes
    8 answers

  7. Прозрачность DIV и наследование

    Добрый день уважаемые дамы и господа!!! В общем есть у меня один вопрос, и разобраться сам я в нём не смог к сожалению. Код чуть ниже. Есть 2 DIV, hr и h2. Первый является полупрозрачным, а второй который является дочерним по отношению к первому, не является полупрозрачным но таковым становится, так как видать наследует это свойство от отца. Скажите пожалуйста, что нужно написать что бы дочерний див не наследовал это свойство от отца, и что нужно сделать что бы <iframe> от VK тоже не становился прозрачным как див в котором он находится. С уважением к вам, вашему опыту и труду hk416!!! <html> <head> <meta charset="utf-8"> <title>backg…

    Asked by hk416,

    0 votes
    8 answers

  8. позиционирование

    Подскажите,пожалуйста,поче му один и тот же div с position:absolute в опере и ИЕ выглядит так http://hostingkartinok.com/show-image.php?id=d4bf099a17e1e26216c09dec23ef790e а в мозилле и хроме так http://hostingkartinok.com/show-image.php?id=5ce614899458a1cc0bd84f6ea136eee4 CSS данного блока #footer{ position:absolute; bottom:0; left:560px; color:#dcd686; text-align:right; }

    Asked by Dimanchik87,

    0 votes
    8 answers

  9. Можно ли оптимизировать мой код?

    Доброе время суток. Я вот тут налобал такую штуку http://jsfiddle.net/Bizon4ik/28hLG/ Все выглядит так как я хотел, но меня терзают смутные сомнения что у меня слишком большой код как для такого задания... Прошу высказать ваше мнение можно ли что то опимизировать/переписать полностю но при этом почуть код поменьше. Может быль я слишком много использвал дивов или идентификаторов. В любом случае будет интересно услишать вашу критику по этому коду, заранее спасибо.

    Asked by Bizon4ik,

    0 votes
    8 answers

  10. Помогите с кнопкой пожалуйста

    У меня вот такая кнопка! http://itmages.ru/image/view/771466/ba570db8 что мне дописать сюда, чтобы внутри неё появилась надпись "поиск"?? <Label Class="XAML-grid-label-name">Поиск:</Label> <Edit Name="SearchField"></Edit> <Button Class="XAML-button-search" Width="10" Click="ACTION=UpdateCollaboratorsCache"/>

    Asked by gabdsh,

    0 votes
    8 answers

  11. помогите вырезать рисунок с тень из PSD

    Доброе время суток, Господа. Я обычно выризаю рисунки из PSD следующим путем: Выбираю нужный рисунок при помощи Move Tool. В графе слоев мне фотошоп сразу показывает нужный слой. Зажимая Ctrl+A и дважды кликая на указаный слой, необходимый мне элемент выдиляется. Ну а дальше по накатаной Ctrl+С и создаю новый файл и вставляю в него скопированый придмет. Так я делал до тех пор пока не столкнулся с рисунком у котого есть тень и которая ни как не выделяется... (в частности файл с которым я играюсь находится на divhack.com Уровень 3 "Рисунок с растением на ладони" ) Подскажите плз как правильно такой рисунок вырезать. Так же прошу надоумить как из этого же файла вырезать тре…

    Asked by Bizon4ik,

    0 votes
    8 answers

  12. Выравнивание по центру блока плавающей ширины

    Совершенно никак и никогда не был связан с версткой, а теперь понадобилось сделать простое, легкое и понятное решение для сайта маленькой конторки. Точнее не сделать, а показать что оно существует, дабы проект отдали нормальному верстальщику и дали на это денег. Проблема (решена): сделать блок с кнопками выровненным по центру. При разных разрешениях в нем может быть как 8 кнопок в ряд, так и 2-3. Спасибо: Морда сайта представляет из себя: Шапку: Название, основные контактные данные, микроменю с двумя пунктами "Прайс-лист, контакты" (тоже сделал). Основной блок: набор кнопок 180х130 px. Каждая кнопка - понятная пользователю товарная категория ("пылеварки", "кофесосы", "с…

    Asked by ittsam,

    0 votes
    8 answers

  13. Div и height

    Проблема заключается вот в чем, есть код, представлю ниже, в нем такая штука - если переполнить какой либо из блоков внутри #in_content, они расширяются, НО уходят за рамки div'а #in_content. Причем я расcчитывал на то что этот блок будет расширяться по мере расширения блоков внутри него по вертикали.Прошу помощи и кому не сложно, попробуйте сначала попробовать сами, а то я много способов перепробовал. HTML: <div id="content"> <div id="in_content"> <div id="foto"> <div class="foto_s"><?php echo '<img class="fotos" src="'.$myrow['avatar'].'" />'; ?><form action="update_foto.php" method="post" style="display:none"></form&g…

    Asked by Flancy,

    0 votes
    8 answers

  14. Подскажите как лучше реализовать меню

    В средней секции сайта есть бокс, в котором должно находиться меню такого вида: скрин Каждый квадрат соответственно пункт меню, с фоновой картинкой и текстом. Задача- чтоб при наведении на квадрат, он как бы показывался поверх того квадрата который его перекрывает. Изначально планировал сделать это на списке, но в данный момент задумался о js. Чем проще и надежнее реализовать данную задачу?

    Asked by cmndr_alexgreen,

    0 votes
    8 answers

  15. Помогите с оформлением ссылок

    Подскажите пожалуйста, как сделать так, чтобы при переходе по ссылке она становилась жирным шрифтом ? И a:visited и a:active это не то... При Visited все ссылки посещенные когда-либо становятся жирным а при актив только в момент нажатия... т.е после того как отпустил кнопу они принимают обычный вид. А мне нужно чтобы они оставались жирными в меню, какбы обьясняя человеку в каком месте сайта он в данный момент находится. На старом сайте на Ucoz'e у меня это нормально реализованно (Но там уже был клас к которому пишешь свойства и подсмотреть где он находился не как нельзя, т.к сам код меню закрыт для глаз) Там цсс выглядело вот так. .uMenuV a.uMenuItemA { color: #ccc…

    Asked by cheatoff-strike,

    0 votes
    8 answers

  16. Блоки одинаковой высоты

    Здравствуйте. Помогите пожалуйста создать блоки одинаковой высоты. <div id="wrapper"> <div id="header"></div> <div id="sidebarL"></div> <div id="sidebarR"></div> <div id="content"></div> <div id="float"></div> </div>

    Asked by Guesto,

    0 votes
    8 answers

  17. font-size в процентах

    Где посмотреть - от чего отсчитывается процентное указание высоты шрифта для разных тегов. Пример - если указать размер для body, то у таблицы высота шрифта не изменится. Ещё пример: обернул таблицу в DIV и назначил DIV-у размер шрифта, у таблицы ничего не назначал, в DIV-е шрифт изменился, у таблицы - нет. Поставил для таблицы шрифт в процентах, в результате, размер шрифта в таблице стал относительным к DIV-у. Спасибо

    Asked by skvor,

    0 votes
    8 answers

  18. Калькулятор-который умножает одно число на другое!

    Функционал такой: Пользователь - выбирает, ставит галочку в чекбоксе сколько ему нужно цветов (например 101) После этого Цена (4099) умножается ( на количество цветов) и появляется итоговая сумма:413999 Вот и весь функционал Помогите плиз

    Asked by vova1212,

    0 votes
    8 answers

  19. Border у фигуры

    Раньше не юзал фигуры, решил попробовать, ну тут какие-то грабли)) div { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } получается красный треугольничек, но мне надо цвет #F7F7F7, меняю, и о чудо, у треугольника появляется border, что за странность?

    Asked by inex,

    0 votes
    8 answers

  20. HELP! ЗАДОЛБАЛСЯ ИСКАТЬ ХАКИ НА ОПЕРУ

    Дайте нормальный хак для Оперы 12.10 ПОЖАЛУЙСТА!!!!!!!!

    Asked by boo,

    0 votes
    8 answers

  21. div внутри div добавляются в одну линию

    Напомните пожалуйста, как так сделать чтобы все дивы внутри дива-контейнера выстраивались слева-направо, и если их много, то не растягивали контейнер, а добавлялась полоса прокрутки к контейнеру, а они все равно были бы вытянуты в одну линию. Ну типа галереи наверно. Сделал элементам float:left но они все равно когда в экран не влазят - создают новый ряд снизу. PS. за ранее число дивов-элементов не известно. Спасибо.

    Asked by tiHo,

    0 votes
    8 answers

  22. Проблема вкладок-табов в IE

    Ребята, помогите, пожалуйста! Уже не знаю где искать ответ. Проблема в том, что IE8 не хочет правильно отображать вкладки на моем сайте! В Мозилле, Хроме, Опере и Сафари все отлично, а вот в Эксплорере просто кошмар! Меня интересует вот эта страница: http://www.napule-de-canzone.com/teksty.html#tab2 Почему IE глючит???? Вот HTML: <div class="menu1"> <br id="tab1"/><br id="tab2"/><br id="tab3"/><br id="tab4"/><br id="tab5"/><br id="tab6"/><br id="tab7"/><br id="tab8"/><br id="tab9"/><br id="tab10"/><br id="tab11"/><br id="tab12"/><br id="tab13"/><br id="tab14"/><br id="tab15"/>…

    Asked by kiska,

    0 votes
    8 answers

  23. Иконка для полей ввода

    Здравствуйте, форумчане! Верстаю сайт и озадачился таким вот вопросом. Позволю себе предысторию... Сейчас модно делать иконки у полей ввода (поиск, пароль, адрес почты и т.д.), которые визуально показывают тип информации, которую в них следует ввести. Обычно это легко делается, через свойство тега background. Но мне почему-то показалось, что некрасиво, когда при наведении на эту иконку курсор остается "в режиме ввода текста" (ну вы поняли...), он имеет вид, как-будто его навели на поле ввода и не меняется. Я подумал и решил, что надо сделать так: Вначале html-код: .... <div id="searchWrap_lvl2"><input type="text" name="search_field" id="search_field" value="По…

    Asked by k0d,

    0 votes
    8 answers

  24. Центрирование эелементов по их центру

    Доброго времени суток форумчане. У меня возникла проблема с центрированием элементов на странице. Отцентрировать элемент получается, это не проблема но он центрируется по левому и верхнему краю - то есть получается ниже и правее центра и в случае изменения размеров элемента он может доходить да правого края или даже растягивать страницу. Мне нужно чтобы элемент всегда своим центром находился в центре страницы. Надеюсь понятно? ) Чтобы лучше понять вот картинка: — Красные линии показывают центр страницы и самого элемента, но такого результата я достичь не могу но хочу. — А вот так у меня всегда становится, но мне так не надо http://s42.radikal.ru/i096/1301/ec/f8bd7698e…

    Asked by OriuS,

    0 votes
    8 answers

  25. убрать фон предыдущего изображения у слайдера

    Доброго времени суток. Я новичёк в этом деле,не понятно где это смотреть в js или css. Есть слайдер jquery с плавным переходом изображений. При наложении одной картинки на другую предыдущая остаётся фоном. Проблем бы не было если бы все картинки были одного размера. Собственно как сделать, чтобы после появления новой картинки предыдущая исчезала?

    Asked by oster_j,

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