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. Формат А5 при печати

    Подскажите, пожалуйста, как решить проблему: - формируем макет документа предназначенного для печати на А5 - в IE по умолчанию установлен формат страницы А4 - если изменить настройки параметра страница на А5, то печать на принтере А5 происходит нормально, но - в параметрах следующего документа снова стоит параметр А4. Получается, что перед каждым выводом на печать необходимо изменять параметры страницы с А4 на А5 - издевательство Вопрос: Каким тегом можно установить (и можно ли вообще) параметр страницы А5 "по умолчанию"? Спасибо

    Asked by Margadon,

    0 votes
    2 answers

  2. Очередной вопрос начинающего

    Доброе время суток. Я тут наночь глядя написал вот такую радость Подскажите плз почему между меню и рисунком получился пробел и почему меню не двигается вправо под дейсвием комадны li:first-child a Заранее спасибо. Вот код HTML <body> <div id="main"> <a href="#"><img src="img/logo.png" alt="альтернативный текст"/> </a> <div class="menu"> <ul> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Partners</a></li> &lt…

    Asked by Bizon4ik,

    0 votes
    7 answers

  3. Как правильно написать анкор на картинку

    Доброго времени суток дорогие друзья. И так столкнулся с проблемой., или же это я страдаю ерундой. Но хотелось бы добавить анкор на превьюшку картинки. Смотрим кусок кода <div class="galleryItem"> <a class="fancybox" href="photo/b/1.jpg" data-fancybox-group="gallery"><img src="photo/m/m1.jpg" alt="Студийная фотосъемка" /></a> </div> Грубо говоря это превьюшка работающая на fancybox, а выглядит вот так. Но когда добавляю анкор ...мка" />Студийная фотосъемка</a></div> Анкор появляется, и все бы ничего, но он виден. А хотелось бы что-бы видели его только роботы а люди не видели. Такое возможно?

    Asked by Jeak,

    0 votes
    2 answers

  4. 2 независимых div

    Имеется сайт с шириной 940 пкс. Нужна шапка, которая тянется по всей ширине браузера. Проблема в горизонтальном скроле. Что рассказывать, лучше показать: http://jsfiddle.net/ramon111/S6NPP/12/ С overflow-x:hidden для body все вроди ничего, но это свойство не поддерживают мобильные браузеры (например Android), а это очень важно. Помогите плиз, мозги размазал, ничего не могу придумать.

    Asked by ramon111,

    0 votes
    4 answers

  5. Резина)

    Первый раз взялся за резиновую вёрстку, и вот тут у меня получилась хрень...мож кто подскажет?! у меня футер может наехать даже на хэдер =) прибит он к полу через position:absolute, bottom:0; Вот в обычном состоянии http://s017.radikal.ru/i432/1211/69/f11d81b167dc.jpg вот ,когда появляется прокрутка - http://www.radikal.ru/action.aspx код HTML: <!doctype html> <html> <head> <title>резина</title> <meta charset="utf-8"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <header> <div id="headbg"> <div id="logo"> </div> <div id="menu"> <ul> &…

    Asked by renkoman,

    0 votes
    5 answers

  6. как получить данные из выпадающего списка

    Помогите пожалуйста как сделать чтоб из выпадающего списка после выбора значения это значение текстом строчкой появлялось под этим списком <select name="spisok"> <optgroup label="Первая группа"> <option value="pt1">Пункт 1</option> <option value="pt2">Пункт 2</option> </optgroup> <optgroup label="Вторая группа"> <option value="pt3">Пункт 3</option> <option value="pt4" selected>Пункт 4</option> <option value="pt5">Пункт 5</option> </optgroup> </select> вот такой список

    Asked by voodoo200,

    0 votes
    1 answer

  7. Выравнивание трёх слоёв

    В общем такая картина: <div id="slider"> <div class="slider_prev"></div> <div class="slider_body"></div> <div class="slider_next"></div> </div> #slider { width:100%; clear:both; } .slider_prev { float:left; width:37px; height:157px; background-image: url('../images/slider_prev.gif'); } .slider_body { margin:0 auto; width:1005px; height:300px; background:#000; } .slider_next { float:right; width:37px; height:157px; background-image: url('../images/slider_next.gif'); } Необходимо выровнить .slider_prev по левому краю, .slider_body по центру, .slider_next п…

    Asked by denisyok,

    0 votes
    1 answer

  8. Проблема с лишней высотой при разных доктайпах

    Исходные данные: <table cellpadding="0" cellspacing="0" width="" style="border: none;" align=""> <tbody> <tr> <td style="border: none;" background="design/images/box/tl.gif" width="3" height="3"></td> <td style="border: none;" background="design/images/box/t.gif" width="*" height="3"></td> <td style="border: none;" background="design/images/box/tr.gif" width="3" height="3"></td> </tr> <tr> <td style="border: none;" background="design/images/box/l.gif" width="3" height="*"></td> <td style="border: none;" valign="top" bgcolor="#fff"> <a href="ссылка"> &l…

    Asked by Kaminari,

    0 votes
    2 answers

  9. box-shadow или background-image?

    Здравствуйте. http://savepic.su/2907326m.jpg' alt='2907326m.jpg'> Тень менюшки хочу сделать с помощью box-shadow, можно конечно просто наложить как фон через background-image, но это банальное решение. 1. Возник вопрос, есть ли какой-нибудь способ, чтобы узнав какой-нибудь параметр тени в PSD-макете, можно было сразу указать в box-shadow и получить желаемый результат? Т. е. я хочу чтобы тень в PSD-макете и в верстке были попиксельно идентичными. Можно конечно сидеть и экспериментировать/поиграть с радиусом размытия и rgba, но это займет немало времени чтобы добиться попиксельного соответствия теней. Или в данном случае background-image лучшее решение? 2. Понятие семант…

    Asked by the user,

    0 votes
    1 answer

  10. Создание шаблона Joomla!

    Подскажите пожалуйста, перед созданием файла index.php, как я понимаю, нужно мысленно разделить свой PSD на области? Левая колонка, правая, футер, шапка, меню..А потом уже исходя их этого наращивать на них так сказать Код? Или я как-то не так понял? И где можно подробно почитать о написании index.php? Вообще интересует, как в него подгружаются все страницы их меню..Контакты например и т.д..

    Asked by Noraad,

    0 votes
    1 answer

  11. При наведении на ячейку таблицы показывалась ссылка

    Здравствуйте дорогие друзья! Помогите пожалуйста мне с таким вопросом: Есть таблица, Ячейки у нее являются ссылками, они работают, но при наведении на ЯЧЕЙКИ НЕ ПОКАЗЫВАЕТСЯ КУДА ОНА ВЕДЕТ, то есть внизу сайта нет адреса. Как Сделать чтобы адреса появились? Вот код: <style type="text/css"> .over67 {background-color: #fff; font-weight: bold; cursor: pointer;} .out67 {background-color: #fff; font-weight: normal;} </style> <table> <tr> <td onMouseOver="className='over67'" onMouseOut="className='out67'" onClick="document.location='Здесь ссылка'"><img src="picture1.png" align="left">Файлы</td> </tr> </table>

    Asked by Molotok2391,

    0 votes
    6 answers

  12. Вебкиты браузеры и позиционирование

    Вот есть такая формочка поиска На 1 картинке скрин как это отображается в IE, FF, Opera, на 2 соответственно Chrome и Safari. Вот HTML и CSS формы: <form id="search"> <input type="text" placeholder="Поиск" /> <input type="submit" value="" /> </form> #search { position: relative; left: 80px; margin-top: 7px; } #search input[type="text"] { padding: 6px 6px; width: 174px; border: 1px solid #DFDFDF; outline: none; background-color: #F8F8F8; } #search input[type="submit"] { position: absolute; top: 0; left: 186px; width: 33px; height: 30px; border: none; background: url(images/search_button.png); cursor: pointer…

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  13. Chrome не отображает hover

    Всем доброго времени суток! Делаю горизонтальное меню с помощью списков, столкнулся с прблемой: Google Chrome не отображает hover, т.е. при наведении курсора фон не меняется, в остальных браузерах работает нормально. Подскажите, как решить проблему, заранее благодарен. HTML: <div id="menu"> <ul class="menu"> <li ><a href="">ссылка 1</a></li> <li ><a href="">ссылка 2</a></li> <li ><a href="">ссылка 3</a></li> <li ><a href="">ссылка 4</a></li> <li ><a href="">ссылка 5</a></li&g…

    Asked by spleen,

    0 votes
    4 answers

  14. полупрозрачный фон

    Добрый день ! Подскажите чем можно реализовать эффект с шапкой, на сколько я понимаю это полупрозрачный фон, но у меня не выходят яркие цвета. Вот ссылочка шаблона: http://livedemo00.template-help.com/osc_40134/ Благодарю за ответ!

    Asked by AndreyNK,

    0 votes
    1 answer

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

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

    Asked by LadyS,

    0 votes
    8 answers

  16. Как растянуть картинку по вертикали?

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

    Asked by Nikolaus62,

    0 votes
    6 answers

  17. js карусель

    Нужен хелп, в jse не особо разбираюсь, брал готовый скрипт карусели, где картинки меняются по нажатию на кнопку, сечас сказали доработать и сделать так, чтоб со временем картинки ещё и сами прокручивались, мб поможет кто? вот скрипт: <script type="text/javascript"> $(document).ready(function(){ $(".b-carousel-button-right").click(function(){ // при клике на правую кнопку запускаем следующую функцию: $(".h-carousel-items").animate({left: "-222px"}, 200); // производим анимацию: блок с набором картинок уедет влево на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд. setTimeout(function () { // устанавливаем задержку времени перед в…

    Asked by necro,

    0 votes
    1 answer

  18. Обрезается фон

    http://www.site-service.net/weatlas/ Есть верстка рассчитанная на по ширине на 1200px, так вот вопрос: При меньшем разрешении обрезается фон справа, как это поправить?

    Asked by site-service,

    0 votes
    1 answer

  19. Рушится верстка

    Есть такой не сложный код - http://jsfiddle.net/VNkNk/ На сайте обычно это выглядит вот так - http://awesomescreenshot.com/088lzyqa6 Но если название ссылки очень большое, то получается уже такое безобразие - http://awesomescreenshot.com/07flzysc7 Текст переносится на другую строку под время. Мне это не надо. Как сделать, чтобы если текст переносится на следующую строчку, то он начинался не с начала, а примерно вот так - http://awesomescreenshot.com/040lzz140 ?

    Asked by novickOk,

    0 votes
    2 answers

  20. Проблемы с выпадающим меню CSS

    Проблема такая. Пишу сайт для себя и столкнулся с небольшой проблемкой - не могу сделать вертикальное выпадающие меню... Это мой первый сайт Помогите кто чем сможет. Пишу в 2 файлах .html и .css.Всё работает кроме этого Вот код: HTML <html> <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> <div class="cap"></div> <div class="mm"> <div id="mm1"><a href="page.html" class="bs1">a</a></div> <ul class="menu1"> <li><a href="page1.html">1</a></li> <li><a href="page2…

    Asked by KoliK29,

    0 votes
    1 answer

  21. div под размер сожержимого

    Здравствуйте, как можно растянуть div по размеру содержимого? <div class="block_games"> <div class="game_title"> <a href="" class="img_game" rel="bookmark" title=""> <img src="img/test.png" alt="Name Game" height="85" width="85"> </a> <a href="" rel="bookmark" title=""> <span> Game </span> </a> </div> </div> .block_games{ border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin: 5px 0px 5px 0px;…

    Asked by Cooooop,

    0 votes
    2 answers

  22. Как сделать слайдер?

    Как сделать подобный слайдер? http://houseconcept.ru/

    Asked by Bernard,

    0 votes
    4 answers

  23. Внутренняя тень

    Нужно сделать внутреннюю тень для верхней и нижней границы в контейнере. Как это можно сделать?

    Asked by apexis,

    0 votes
    6 answers

  24. Центр

    .divider img{ height: 100px; text-align: center; background: center; } Не выставляется картинка по центру. Как вы заметили - опробованы два варианта выравнивания, но увы, ни один не подходит. Что не так? Благодарю за ответы.

    Asked by Вальдемар,

    0 votes
    6 answers

  25. Обрезается верх изображения

    Добрый вечер. Здесь в банере почему-то обрезается правое изображение. Подскажите пожалуйста почему?

    Asked by borus,

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