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. Пример кода в html

    Здравствуйте! Что бы Вы посоветовали, что бы выделить код в HTML, но не выполнять его ? Идея такая: Есть HTML документ, а я в нём хочу вставить кусок HTML кода в качестве примера, но что бы он не выполняся а показывался как пример, что-то типо: Тут Пример кодавот такой вот прикол вместе с CSS.

    Asked by dsasda,

    0 votes
    7 answers

  2. Помогите с макетом

    Хочу сверстать этот макет http://htmlforum.ru/index.php?showtopic=16763 Никак не могу понять как мне скопировать облака со зданием.. Вот как бы вы разделили этот макет по слоям для верстки?

    Asked by CroaToa,

    0 votes
    7 answers

  3. inclide и несколько head

    Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…

    Asked by dmifed,

    0 votes
    7 answers

  4. Всплывающее меню при наведении

    Как сделать такое меню http://ria.ru/ . на css такое возможно?

    Asked by daggi,

    0 votes
    7 answers

  5. Странное поведение ссылок

    Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).

    Asked by alleclf,

    0 votes
    7 answers

  6. Фоновое изображение

    добрый день)) у меня проблемка с фоном, я не как не могу сделать так чтобы картинка большего размера уменьшалась под размер моего разрешения экрана. я по лазил по искал и наткнулся на данную статейку, тык. Здесь написано что можно использовать значение inherit. я не как не пойму как его присобачить к моему коду: .body{ background-image: url(557271-1920x1200.jpg); background-attachment: fixed; }я пробовал и position: inherit;иbackground-image: url(557271-1920x1200.jpg) inherit; не получаетсяподскажите пожалуйста)) заранее вам огромное, человеческое спасибо))

    Asked by egrom92,

    0 votes
    7 answers

  7. Почему хром делает лишний отступ?

    Доброго времени суток! Столкнулся с проблемой кросбраузерности. В мазиле и в IE инпут типа текст в форме отображается так как было задумано, а вот хром и опера добавляют лишний отступ и опускают импут вниз. Помогите, пожалуйста, разобраться в чем проблема. http://i.pixs.ru/storage/1/4/2/Inputjpg_4318940_10943142.jpg HTML: <div class="block_head"> <div>Search</div> <form id="search"> <input id="s" class="search_text" type="text" name="s"> <input class="go" type="submit" value=""> </form> <div><img src="Images/Go.gif"></div></div>CSS: .block_head:nth-child(3)>div:nth-child(1){color:#fff;font-size:16p…

    Asked by GusevIvan,

    0 votes
    7 answers

  8. Аккордеон на css

    Есть блок со ссылкой внутри размером 390*80. Под ним располагается весь остальной контент (некоторые блоки контента имеют ширину 100%). Вопрос, можно ли только с помощью css сделать из всего этого аккордеон? Клик по ссылке - контент открывается. Клик - закрывается.

    Asked by CroaToa,

    0 votes
    7 answers

  9. CSS фон сайта

    Уважаемые специалисты, нужна ваша помощь... проблема следуящая: использую фон для сайта, в него внедрил пару картинок с надписями, но суть проблемы заключается например вот у меня на ноуте через мозилу ширина смотрится нормально, открывают на другом компе фон сужается и соответственно картинок невидно уходит за грани. вот сам код: background:url(../images/fon.png) no-repeat;как сделать чтоб при сужении браузерах текст и картинки были видны? И еще одна проблема, как сделать чтоб при прокрутки страницы показывался весь фон. а то снизу страницы фон заканчивается и белая полоса страницы.

    Asked by Dr.SAn,

    0 votes
    7 answers

  10. Проверка и оптимизация CSS

    Подскажите сервис или программу для проверки КСС. Имею ввиду исключение из стилей не используемых или дублирующихся параметров. Переделываю старый шаблон, много чего изменил, и теперь долго перебирать какие свойства используются а какие нет.

    Asked by alleclf,

    0 votes
    7 answers

  11. список с сортировкой по горизонтали

    Всем привет, Подскажите, пожалуйста, а как сделать простенький список с сортировкой ( jqueryui/sortable ) вида : <ol class='example'> <li>First</li> <li>Second</li> <li>Third</li></ol>Чтобы элементы списка лежали по горизонтали и таскать элементы можно было бы за один из элементов. То есть каждый li элемент состоит из картинки(основное содержание спискеа) и еще пары инпутов и еще одной картинки и чтобы сортировать можно было как раз за эту картинку ?

    Asked by mstdmstd,

    0 votes
    7 answers

  12. Проблемы вёрстки.

    Здравствуйте. Не знаю как сделать самому, уже всё перебрал. Помогите. Вот, что нужно: 1. Пространство между "ёлочками" растягивалось в зависимости от содержимого (т.е. без указания определённого height). 2. Сделать задний фон нижних ёлочек (весь) в тон цвета ёлочкам. Изображения: Заготовки:

    Asked by Jeka778,

    0 votes
    7 answers

  13. Как создать такой бекграунд

    Скачал для тренировке макет PSD-шки, но озадачился бекграундом. В нем кроме фоновых заливок присутствует по всему макету слой с мелкими буквами. Пришло на ум что cделать это можно задав фон с буквами для body, а всем иным блокам установить прозрачность, для текста же использовать before:. Энтузиазма это правда у меня не вызвало. Кто подскажет правильное решение? Вот ссылка на psd: http://aleks-lv.ucoz.ua/UnderSoft.psd Вот ссылка на jpg: http://aleks-lv.ucoz.ua/UnderSoft.jpg

    Asked by aleks-lv,

    0 votes
    7 answers

  14. Как такое сделать?

    Нужна идея как можно сделать вот такое меню, точнее как сделать, я примерно знаю, но проблема в тенях, когда 2 div'a стоят рядом (белые поля в данном примере) и нужно, чтобы они отбрасывали общую тень (не отбрасывая ее друг на друга) вот тут начинаются проблемы:

    Asked by Kenshi24,

    0 votes
    7 answers

  15. проблема с фиксированой навигацией

    Пример тут http://jsbin.com/tufiyuwo/7/ Фон навигации ( в примере черным) должен занимать всю ширину контейнера. Содержимое навигации (в примере желтым) всегда фиксированой ширины 960px и центрируется. Нужно чтобы навигация была зафиксирована сверху, а при ширине меньше 960px содержимое меню (желтым) можно было скролить. Сейчас же, при <960px содержимое центрируется, и обрезается что не входит в область видимости.

    Asked by swandev,

    0 votes
    7 answers

  16. Как определить параметры тени в photoshop для css верстки?

    Всем добрый день, расскажите как определить параметры тени в photoshop для использования их в text-shadow, box-shadow. Прочитал статью http://heygrady.com/blog/2011/08/06/recreating-photoshop-drop-shadows-in-css3-and-compass/ , но как то не работает метод для углов >90 градусов. Или может быть я что то напутал.

    Asked by p-alexey,

    0 votes
    7 answers

  17. Выпадающий список на AJAX

    Здравствуйте! Подскажите, пожалуйста, как сделать выпадающий список без перезагрузки страницы, который реализован вот здесь (над товарами ВЫВОДИТЬ ПО РЕЙТИНГУ): http://rozetka.com.ua/mobile-phones/c80003/filter/preset=smartfon/ Буду благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    7 answers

  18. checked для не-input'ов

    Потребовалось мне применить свойство checked к элементу, не являющемуся input'ом. С налёту (просто взять и прописать) не работает, да и не особо надеялся. А как это технически возможно сделать?

    Asked by Mouse-art,

    0 votes
    7 answers

  19. Body:pading-top - странные прыжки, как быть?

    Всем примет! Есть сайт http://gobanner.ru , проблема заключается в том, что у всего блока есть верхний отступ в 5 пикселей, если начинать переходить по меню то страница начинает прыгать. Браузер не успевает просчитать этот верхний паддинг. Я пробовал давать значения не только паддинг но и маргин, и не только body но и тегу html и классу wrapper. Как быть?

    Asked by logicface,

    0 votes
    7 answers

  20. как правильно сверстать такое меню?

    Подскажите, пожалуйста, как правильно сверстать такое меню? http://itmages.ru/image/view/1563959/1b78310e у меня вот какое код получилься. http://jsfiddle.net/N5nkc/ Но мне кажется не правильно. Пожалуйста, подскажите правильный вариант.

    Asked by zolga7,

    0 votes
    7 answers

  21. href ссылки и display:none

    2 проблемы 1-ая со ссылкой - создал ссылку, все бы хорошо, но при клике на эту ссылку должен выдвигаться дочерний слой div'a, у ссылки стоит href="#" что при каждом клике на нее, тебя автоматически отбрасывает наверх страницы, что крайне неудобно, как решить эту проблему, какой путь поставить в a href=? 2-ая с анимацией на transition, как уже сказал, есть блок при клике на него должен выводится дочерний блок, но проблема в том, что часть дочернего блока (буквально 1px где-то) видна еще до его вывода. У дочернего блока стоит max-height:0px; при клике на родитель увеличивает до max-height:200px; Попытка поставить ему display:none+при клике на block - не прокатывает, ани…

    Asked by Hoax,

    0 votes
    7 answers

  22. Масштаб, размер страницы на моб. устройств..

    Опять нужна ваша помощь добрые и опытные верстальщики! Уже чуть ли не неделю мучаюсь и никак не получается сделать так что-бы сайт открывался на мобильных устройств в полном масштабе, размере. То есть к примеру сайт в ширину 1000px, открывается не на всё ширину а на ширину самого устройства, 320px, 480px, 760px и.т.д..... С тегом meta viewport поигрался уже раз сто... ничего не меняется что я ставлю device-width, что задаю width=1000, что width=1000px, в общем ничего не понимаю, как я этот тег только не менял никаких изменении от его использования не происходили... сайт как открывался в левом верхнем углю так и открывается.... Пытался body задать min-width тоже ничего, в…

    Asked by EaGames,

    0 votes
    7 answers

  23. выравнивание по центру

    Как сделать, чтоб основная страница была по центру, то есть поля правое и левое были одинаковы, и при уменьшении масштаба страница была по центру окна браузера? http://truebooks.ru/

    Asked by JohnBondlock,

    0 votes
    7 answers

  24. Что происходит в Сафари?

    Вот сам код: http://jsfiddle.net/h7Xp4/ Вот так выглядит во всех нормальных браузерах даже в ie7 нет проблем http://s1.ipicture.ru/uploads/20140330/6d4Svsk5.png А вот теперь смотрите что в safari происходит http://s1.ipicture.ru/uploads/20140330/HN8T3A4H.png Я думаю проблема ясна. Подскажите кто нибудь, что делать?

    Asked by WEB-best,

    0 votes
    7 answers

  25. ie8 z-index

    http://jsfiddle.net/Zverushka/unyf8/ Суть в том, что этих стрелок нет в ие8 и я не могу заставить их появиться.

    Asked by Zverushka,

    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