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

    Уважаемые, Помогите блондинке справиться с непривычным делом! Сразу скажу, что верстка не моя специальность, так вышло, что мне выпала сомнительная честь этим заняться. Ситуация следующая: Есть 2 div, назовем a & b; Суть конструкции: Две локальные ссылки: <a href="div_a"> <a href="div_b"> Ниже располагаются 2 дива: <div id="div_a"></div> (div_a по умолчанию, div_b скрыт) <div id="div_b"></div> И по клику на href="div_b" вместо блока div_а, должен появиться блок div_b. И не где-то там, а именно вместо div_a. Ну и обратная операция - по клику на href=div_a снова виден блок div_a. Все это средствами jquery, чтобы был выпадающий эффек…

    Asked by margolen,

    0 votes
    12 answers

  2. вкл/откл блока в зависимости от размера отображаемой области

    Помогите пожалуйста реализовать включение-отключение блока (текст + картинки) в зависимости от размера отображаемой области страницы. Т.е. если страница меньше определённого размера, что бы часть информации (я условно называю это как блок) исчезала, а находящийся под ним блок занимал его место (т.е. смещался вверх). Объясню детальнее: на странице идёт символ и почтовый адрес, ниже - символ и расписание работы, ещё ниже - символ и телефоны. Вот мне нужно, что бы при уменьшении размера интернет-проводника (или если у клиента недостаточное разрешение экрана) нужно, что бы отключался блок с почтовым адресом, а вверх смещались режим работы, телефоны. При ещё уменьшении размера…

    Asked by arthur1974,

    0 votes
    12 answers

  3. подскажите

    http://allday.ru Для данного сайта какой хостинг должен быть арендован, примерно прикинуть могу, php с мускулом! Так? И данный скрипт добавления новостей где найти можно?

    Asked by a1c2,

    0 votes
    12 answers

  4. Позиционирование

    Почему не работает ? http://jsfiddle.net/ В основном не пашет вертикальное позиционирования, а тут оба (

    Asked by Hoax,

    0 votes
    12 answers

  5. jQuery

    Подскажите пожалуйста знатоки, как в приведеном фрагменте прописано обращение к библиотеке jQuery? <head> <title>Animated Form Switching with jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="description" content="Expand, contract, animate forms with jQuery wihtout leaving the page" /> <meta name="keywords" content="expand, form, css3, jquery, animate, width, height, adapt, unobtrusive javascript"/> <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="css/style.css" /> <…

    Asked by seemax,

    0 votes
    12 answers

  6. Выровнять текст списка по вертикали

    Народ, не знаю как выровнять текст списка во вертикали и горизонтали. Надо сделать так мой код <div id="footer"> <ul id="footerDiv"> <li>2012 © ГУ “хххххххххххх ххххх ххххх хххххх”</li> <li>Наш адрес: ул. Хххххххххх, д 6 Контактные телефоны: ххх-хх-хх ххх-хх-хх</li> <li>Разработка сайта: ИП Пупкин В.А.</li> <li id="map">Карта сайта Прочие ссылки Etc etc etc etc etc etc И еще что-нибудь</li> </ul> </div> и #footer{ height: 116px; margin-left: auto; margin-right: auto; width: 1000px; } #footer ul { list-style: none outs…

    Asked by ProGirl,

    0 votes
    12 answers

  7. проблема с масштабирование swf

    Делаю "резиновую" страницу на которой есть флеш. Масштабирование флеша должно происходить с уменьшением размера окна браузера. НО с масштабированием есть проблема - появляются чёрные полосы сверху и с низу, хотя само изображение масштабируется нормально. Как сделать нормальное масштабирование, т.е. что бы с уменьшением изображения уменьшалась и область отображение, а не заполнялась чёрным? Код HTML: <head> <link href="style.css" rel="stylesheet" type="text/css"> <link href="media-queries.css" rel="stylesheet" type="text/css"> </head> <body> <div id="pagewrap"> <header id="header"> <div class="top_flash"> …

    Asked by arthur1974,

    0 votes
    12 answers

  8. защита изображений в jquery lightbox

    Можно отключить правую кнопку мыши при просмотре картинок через lightbox?

    Asked by apexis,

    0 votes
    12 answers

  9. Резиновая ширина блока

    Всем доброй ночи. Есть не резиновый сайт. 1 - сам сайт, ширина 1000 пикс; 2 и 3 - свободные ничем не заполненные поля по сторонам от сайта. Необходимо на место поля 2 вставить резиновый блок, который будет в зависимости от разрешения экрана иметь различную ширину, но всегда будет заполнять все пространство от левого края сайта до левого края дисплея. Подскажите как задать стиль этому блоку? P.S. Нашел вот что: <div id='myDiv' style='...'> </div> <script language='JavaScript'> w=screen.width/2-500; // 50% от ширины дисплея минус половина ширины сайта d=document.getElementById('myDiv'); d.style.width=w; </script> но данный скрипт работает ТОЛЬКО …

    Asked by Dayks,

    0 votes
    12 answers

  10. Между блоками зазор

    Тест Если footer-у добавить padding или border,зазора(15px) нет,если убрать сразу появляется,не могу въехать где ошибка

    Asked by Aleksey19881988,

    0 votes
    12 answers

  11. CSS3 наведение на один объект применяет стиль к другому

    Есть три блока (не вложенных) как средствами цсс3 сделать так, что бы при наведении на 1 - менялся фон второго,наведении на второй - менялся код третьего,наведении на третий - менялся шрифт первого?

    Asked by Мелкий,

    0 votes
    12 answers

  12. img в div блоке

    Доброго времени суток! Подскажите, пожалуйста, как разместить изображение в таком блоке: <div class="box"> <h2 class="title title-box">Меню раздела</h2> <div class="box-content">Текст</div> </div> .box { margin: 10px; border: 2px solid #BBB; width: 210px; height:100%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color:#fafafa; box-shadow: 0 0 5px #e4e5e7; } h2.title-box { border-bottom: 2px solid #BBB; height: 40px; background: url(фон) repeat-x; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-toprigh…

    Asked by malsyst,

    0 votes
    12 answers

  13. Как селектором адресовать пустой необязательный для заполнения input или textarea?

    Приятного дня. Собственно сабж. Как селектором адресовать пустой необязательный для заполнения input или textarea? Мне нужно что бы представление пустых input и textarea отличалось от тех, в которые пользователь ввел текст и реализовать это хочется pure css. Есть идеи? [value=""] к сожалению не работает. Еще не разобрался почему. :invalid требует required

    Asked by SilentImp,

    0 votes
    12 answers

  14. Прижать футер к низу экрана

    Перечитал пол интернета. Но под свой случай так и не нашел. Наверно если бы верстал сам, то сделал бы без проблем. Но так как здесь шаблон, ничего не получается. Собственно сабж. Как прижать футер к низу экрана? _http://evilhandz.com

    Asked by Hostgame,

    0 votes
    12 answers

  15. Как сделать image на все окно браузера?

    Вставил картинку через "<img></img>" на страницу, но она не захотела располагаться от левого верхнего пиксела страницы. Получился зазор. Скрин ниже: Подскажите, как можно это исправить? Дополнительный вопрос: Существует много сайтов, где нет необходимости скроллить - все умещается в рамки одного экрана, причем не видно чтобы фоновый рисунок, который является цельным, а не размноженной текстурой и.т.п., увеличивался при просмотре на большом мониторе. Например: http://www.thewildernessdowntown.com/ Подскажите, каким образом этого можно добиться?

    Asked by Feel,

    0 votes
    12 answers

  16. Черты профессиональной верстки и немного кода.

    Приветствую всех посетителей форума.Собственно, сабж: Уже около года более-менее постоянно занимаюсь версткой(CSS+HTML+jQuery).Фриланс, разовая работа,помощь друзьям.Учился всему сам. Довольно часто заказчики кидают ссылки на крупные, добротные сайты, с просьбой "сделать как там".Ну и что уж греха таить,иногда внаглую копипащу код оттуда, и подгоняю под запросы заказчиков. Заметил, что на качественных сайтах верстка, скажем так, "усложнена"(не знаю какое слово подобрать ) Чтобы было понятнее, приведу кусок кода, взятый из формы. <div class="inputText" style="width:150px;"> <i> <b> <input type="text" name="phone" id="phone_number" value=""> …

    Asked by ByKraB,

    0 votes
    12 answers

  17. Вырезать изображение в Photoshop

    Подскажите, пожалуйста. Имеется макет в psd, фрагмент которого привожу ниже. Точнее - это кусок макета с проблемным для меня местом. http://savepic.su/2233598.htm Стоит задача вырезать фотографию, причем без рамки (ее доделаю в CSS). В панели слоев Photoshop такая "картина": http://savepic.org/2402954.png Рамкой обвел те слои, которые рисуют это изображение. Но, насколько я понимаю, один слой связан с другим. И отделить один от другого, чтобы вырезать картинку, у меня не получается. Подскажите, как правильно это сделать? P.S. Когда писал, пришла мысль - может воспользоваться Crop? Все равно подскажите, как нужно выполнить эту операцию? До этого с такими замысловатыми слоя…

    Asked by aaron,

    0 votes
    12 answers

  18. Chrome глючит

    Привет, столкнулся с одной проблемой. В общем есть такой код: <div id="nav-bar"> <div class="nav-bar-block-first"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block-last"><a href="#" class="nav-bar-block-link"><img src="lego/style-img/mobile-ver.png" align="texttop" />Версия для мо…

    Asked by novickOk,

    0 votes
    12 answers

  19. Как принудительно заставить IE работать в стандартном режиме?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> и страница в любом IE разваливается. Если поменять на <!DOCTYPE HTML>, то начинает работать правильно. Но у меня есть возможность править только то, что внутри <body>. Как можно в таких условиях переключить IE в стандартный режим?

    Asked by LittlePony,

    0 votes
    12 answers

  20. плавное изменение размера изображения

    помогите пожалуйста создать эффект при наведении как на этойстранице в блоке .item здесья примитивно повторил нужную часть кода, но эффект реализовать не могу. в моём случае при наведении всплывающее изображение только плавно меняет прозрачность, а нужно чтобы изменялся размер - от меньшего к большему(от изменения прозрачности можно даже отказаться) всплывающее изображение должно остаться именно такое, какое сеичас в моей версии - попугайское кольцо пробовал разобраться как организован эффект на указанном сайте, но не получается. к тому же там немного другой случай - не картинка, а border

    Asked by cyklop77,

    0 votes
    12 answers

  21. Уникальная ширина первой ячейкм таблицы

    У меня есть таблица. Ширина каждой ячейки, кроме первой, равна 151px. А у первой должна быть 14px. Таблица имеет id="apa". Я пишу свойство CSS #apa td{ padding: 0; width: 151px; } Первой ячейке я пишу class="first" .first{ width:14px; } Почему ширина не применяется? В FireBug пишется, что браузер его видит, но даёт приоритет ширине 151px. Как сделать так, чтобы ширина применялась корректно? Можно ли сделать без класса?

    Asked by sktemp,

    0 votes
    12 answers

  22. border-radius в ie

    Как заставить работать параметр css border-radius в internet explorer?

    Asked by volkovics,

    0 votes
    12 answers

  23. Внедрение таблицы

    Народ, подскажите. Верстаю один проект, вроде шло нормально. Показал, примерно, половину дизайнеру. Он начал рассказывать мне про шапку (мол все не так, все не то). Внимание, вопрос: если весь сайт div-ми сделан, можно ли внедрить в него (вместо прошлой шапки) новую, порезанную из макета PSD? И каким образом?

    Asked by cerber353,

    0 votes
    12 answers

  24. Изображение выходит за пределы, включается прокрутка страницы

    Здравствуйте. Только недавно начал заниматься вёрсткой, столкнулся со следующей проблемой: Имеется сайт, дизайн центрированный (фиксированный), в футере изображён паркетный пол. По задумке, при маленьком разрешении экрана пользователя, слева и справа пол должен быть обрезан (по красной лини на приложенном изображении), а при большом, соответственно, должен быть виден весь пол. Вроде, задача несложная =/ Однако, слева у меня всё нормально, а правое изображение отображается полностью и в связи с этим включается горизонтальная прокрутка страницы. У меня div'ы отдельные для шапки, меню, контента и футера. В блоке футера вложены ещё div'ы с изображениями-кусками пола и им п…

    Asked by makcau,

    0 votes
    12 answers

  25. Помогите!Что мне делать?

    Проблема в том что сделал я себе галерею думал будет все хорошо но не судьба! Вот сама галерея http://gta5-fun.narod.ru/galery/galery.html Проблема в том что с низу странице пустое место (видно на скрине)оно не убирается

    Asked by Tory,

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