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. float

    Доброго времени суток. Подскажите пожалуйста как решить проблему с float'ом. Собственно линк на сетку: http://inkrasnodar.ru/w/GOVNO/index.html Проблема очевидна. Левая колонка ниразу не левая Спасибо.

    Asked by nomn,

    0 votes
    29 answers

  2. ширина изображения

    как сделать так, чтобы картинка увеличивалась по мере увеличения окна, но не вылезала за границы экрана? изменять пропорции нельзя, урезать картинку нельзя. что-то туплю, простите: ничего не работает из того, что пробую...

    Asked by MasterP,

    0 votes
    8 answers

  3. проблемы с дизайном

    у меня сайт artpb.ru при увеличении вида текст лезет за границу рамок , как этот момент исправить? заранее спасибо

    Asked by artpb,

    0 votes
    1 answer

  4. инлайн!

    #vk_like { float:right; margin:0px 143px 0px 0px; display:inline; } #fb-root { display:inline; border:0px #FFF solid; } Привет. почему кнопки #vk и #fb не хотят быть рядом?

    Asked by htmlbr,

    0 votes
    12 answers

  5. Блок лезет за пределы

    Немогу понять почему блок sidebar вылазиет за пределы. Надо, что бы он растягивался в нутри, а он наружу лезет. Может кто подскажет? Вот код HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>[title]</title> <link href="imgdiyan/style.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="/files/favicon.ico" type="image/x-icon"> </head> <body> <div id="wrap"> <div id="masthe…

    Asked by Alben,

    0 votes
    6 answers

  6. Сайт фиксированной ширины по центру

    Постоянно сталкивался с 1 проблемой и все не могу найти хорошего решения. Есть основной блок который фиксирует сайт по центру при помощи margin: 0px auto; но возникает проблема что когда контента мало сайт на 1 позиции как только контента больше высоты окна появляется скролл и соответственно сайт дергается в лево. Обычно избавлялся от этого при помощи body {overflow-y: scroll;}. Но хотелось бы узнать как это сделать при помощи js что бы не добавлять скролинг. Я так понимаю поверх всего нужен еще 1 div который будет прижат к левому краю но его ширина будет размером с окно -20px на скролинг. Или есть еще другие варианты? Подскажите плиз решение проблемы.

    Asked by GeSTaM,

    0 votes
    8 answers

  7. navi

    Всем привет! Подскажите пожалуйста решение такой проблемы: Имеется навигация: вот css код: #navi li {float: left; list-style-type: none; border-right: 1px solid #006699; font-size: 15px;} #navi a {text-decoration: none; /* удаляем подчеркивание ссылок */ margin: 0px 10px 0px 10px; /* создаем пространство с обеих сторон текста пункта меню */ color: #006699; /* задаем цвет шрифта */ } вот html: <div id="navi"> <ul id="navi"> <li><a href="index.html">Главная</a></li> <li><a href="#">Подбор тура</a></li> <li><a href="#">Туры из Уфы</a></li> <li><a href="#"…

    Asked by Aidakaev,

    0 votes
    25 answers

  8. background vs text

    Добрый день. Верстаю макет, и заметил ошибку в отображение background в браузерах google chrome, ie7, ошибка в том что например background таблицы, который выровнен по середине экрана, и background дива который тоже выровнен по середине экрана расходятся на 1пх при нечетной ширине экрана Пример на скрине, как не должно быть И как должно быть Надеюсь на вашу помощь ps. помню что такую тему уже задавали на форуме, но так и не смог ее найти

    Asked by Temiks,

    0 votes
    6 answers

  9. рандомный фон из предложенных

    Необходимо сделать так, чтобы имг выбирался рандомно из предложенного массива. Сейчас это выглядит совсем криво: <img src="bg/.png" id="main-bg"/> <script> var bg = ['bg/1.png', 'bg/2.png', 'bg/3.png', 'bg/4.png', 'bg/5.png', 'bg/6.png'], n while(n == undefined){ n = Math.round(Math.random()*7) if(n==0||n==7) n = undefined } document.getElementById('main-bg').src = bg[--n] </script> раздражает то, что пока скрипт грузится проходит полсекунды и заметно, как браузер сначала грузит пустую область (bg/.png - специально положил битую ссылку), а потом - нужную картинку на ее место. Это критично, т.к. положение остального содержимого страницы зависит от н…

    Asked by MasterP,

    0 votes
    4 answers

  10. Не могу достичь кроссбраузерности

    Здравствуйте! Я начинающий веб-дизайнер, и, собственно, чтобы поднатореть начал с редизайнов. Оригинал сайта: http://pskov.izbirkom.ru То, что я сделал: http://sie-club.ru/design/ Но так как задумано сайт выглядит только в Опере. Остальные браузеры выдают мне черте что. Пожалуйста, помогите, я уже не знаю что делать. Вот например margin-top: -17px; для таблицы работает только в Опере. В остальных браузерах таблица не двигается.

    Asked by 7ion,

    0 votes
    8 answers

  11. ширина изображения

    задача такова: есть картинка: <img src="bg/1.png" id="main-bg"/> и такой вот стиль для нее: #main-bg {width:100%; display:block} .wide #main-bg {width:1092px; display:block} необходимо, чтобы картинка занимала 100% отведенного под нее пространства в <div>, покуда разрешение экрана в ширину не превышает 1300 пикселей (то есть у пользователя экран 4 к 3, "квадратный"). если же экран широкоформатный (в ширину больше 1300), то нужно, чтобы картинка была шириной в 1092 пикселя. для этого в конце боди пишу скрипт: <script type="text/javascript"> function checkWindowSize() { if ( $(window).width() > 1300 ) { $('body').addClass('wide'); } else {…

    Asked by MasterP,

    0 votes
    4 answers

  12. Кнопка для открытия изображения в ajax-окне.

    Здравствуйте! Увеличенные изображения и их превьюшки используются сейчас достаточно широко, чтобы не быть не упомянутыми. Вид кнопки : <a href="картинка">Посмотреть</a> Нужно, чтобы при клике на ссылку картинка открывалась в ajax-окне. Заранее благодарю.

    Asked by Xelborg,

    0 votes
    10 answers

  13. автоматически активировать поле ввода

    Делаю страницу авторизации. Не подскажите, как сделать так, чтобы после завершения загрузки можно было начать вводить логин (чтобы поле input для логина становился активным)?

    Asked by MasterP,

    0 votes
    5 answers

  14. Выпадающее меню

    Криво работает вот здесь http://test1.xenot.ru/ КОгда нажимаешь на главный пункт то подменю наезжает на следующий пункт!

    Asked by NeoMurderer,

    0 votes
    3 answers

  15. Наглый наезжающий блок

    Здравствуйте. Стоит передо мной задача сделать так, что бы один блок наезжал поверх другого в зависимости от вертикальной прокрутки страницы. Иными словами есть это —проблэм . Нужно что бы блок с картинками наезжал на блок с таблицей. Даже наверное что бы блок с картинками начинал двигаться вниз от определенного отступа (Без скриптов никак?)...

    Asked by Bondarov,

    0 votes
    2 answers

  16. position:absolute; - на всех мониторах одинакого?

    Всем привет. Подскажите пожалуйста : Задаю обЪекту стиль css position:absolute; top:200px; left:250px; У меня всё ровно на сайте , относительно других объектов. А на других мониторах всё будет правильно ??

    Asked by d4a1,

    0 votes
    10 answers

  17. onmouseover

    Добрый вечер! Скажите. а можно ли через событие onmouseover поменять бэкграунд у блока? И если да, то как прописатьв стилях чтобы он ещё и repeat был. Пробовала, не получается

    Asked by htmlbr,

    0 votes
    14 answers

  18. всплывающая подсказка в HTML (addthis код)

    в следуйщем коде при наведении на иконку показывается стандартный текст сервиса addthis. что нужно дописать чтоб можно было по русски ввести нужные подсказки ? <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_vk"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_odnoklassniki_ru"></a> <a class="addthis_button_compact"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> <script type="text/javascript" src="http:…

    Asked by wernbloom@ukr.net,

    0 votes
    3 answers

  19. Подсветка кода.

    Скажу честно, создаю пост от части из лени, но прежде всего ожидаю, что мне порекомендуют действительно хороший вариант... Нет ли у кого великолепного скрипта подсветки С++ кода? Можно на php но лучше, если на JS.

    Asked by CEBEP,

    0 votes
    12 answers

  20. Вопрос об отступах

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

    Asked by iloveforever,

    0 votes
    9 answers

  21. Подскажите с версткой, пожалуйста

    Добрый день участникам! Сразу уточню, что я не суперспец в верстательных делах, но задача была поставлена, нужно реализовать. Итак, на главной странице вот этого сайта был добавлен блок с табами (ближе к низу страницы). В нормальных (старых, объезженных) браузерах - FF 3, Opera 9, IE 8 - этот блок, как и требовалось встает в центр макета. В новых браузерах - FF 4, Chrome - разъезжается по всей ширине. Я подозреваю, что, возможно, что дело в html5-секциях, которые старые браузеры не поддерживают, но не знаю... Коллеги, подскажите, как исправить. Бьюсь уже третий час. Спасибо

    Asked by Ololo74,

    0 votes
    3 answers

  22. Помогите type="imege" сделать текстом

    Помогите <input type="image" src="/buy.gif" name="go" alt="В корзину" class="subm" /> сделать обычной ссылкой типа <a href="">. Мне подсказали что это стилями можно сделать, только я не знаю как, очень надо

    Asked by frost18,

    0 votes
    5 answers

  23. overflow: hidden скроллится

    Во всех браузерах все отлично, а на Macbook при использовании Safari содержимое элемента с overflow: hidden прокручивается двумя пальцами... Нужна помощь, Google бессилен. Причем на сайте iTunes, например, такого нет. Пример Мой код (без position: relative еще и полосы прокрутки появляются): <div style="width: 480px; height: 320px; overflow: hidden; position: relative"> <img src="http://new.yogamen.net/uploads/games/crazy/1.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/2.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/3.png" style="float: left" /> <img src="http…

    Asked by PocketGaming,

    0 votes
    0 answers

  24. Почему в диве с определённой шириной широкие изображения автоматически не ужимаются?

    У меня есть див с шириной 500px. В нём есть широкое изображение, где-то 1000 px шириной. А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

    Asked by Serg55,

    0 votes
    10 answers

  25. div вёстка, проблема с блоками

    Здравствуйте, задача сделать такое: есть html: <div id="hmenu"> <div id="rmenu"></div> <div class="menu"> <ul> <li > <a href="" title="Главная">Главная</a> </li> <li class="page_item page-item-17 current_page_item"> <a href="" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li class="page_item page-item-2"> <a href="" title="Пример страницы">Пример страницы</a> </li> </ul> </div> <div id="lmenu"></div> </div> Никак не могу сделать правильно, подскажите плз как размес…

    Asked by Monachus,

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