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. Для nurlan_1992

    Здесь обрезанная версия, только с верхушкой. ты же говорил про ссылку которая вверху? Установи на Firefox firebug - getfirebug.com/, запусти его и там будет удобно просмотреть css и html код. Если будут какие-то вопросы задавай в этой теме. Ты там говорил про margin, а у меня та ссылка в блоке <div id="header1"> у которого внутри установлен padding, поэтому та ссылка так опускается #header1 { padding: 90px 18px 30px 173px; width: 210px; /*400 = 210 + 173*/ position: relative; float: left; background: url(../images/line.png) no-repeat right 48px; }

    Asked by Bava,

    0 votes
    6 answers

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

    Исходные данные: <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

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

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

    Доброе время суток. Я тут наночь глядя написал вот такую радость Подскажите плз почему между меню и рисунком получился пробел и почему меню не двигается вправо под дейсвием комадны 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

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

    Вот есть такая формочка поиска На 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

  6. как отделить друг от друга одинаковый элемент?

    вот наглядно http://jsfiddle.net/F2ayV/ не могу понять как 1, 2, 3 и 4 можно удалить на разные расстояния друг от друга) еще и 1,2,3,4 получаются через переменную i в скрипте( в тупике... начинающий) и еще как сделать не прокрутку влево, а что бы одно тухло изображение, другое на его месте появлялось или что то в этом роде) где почитать можно

    Asked by gladyshef,

    0 votes
    5 answers

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

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

    Asked by AndreyNK,

    0 votes
    1 answer

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

    Доброго времени суток дорогие друзья. И так столкнулся с проблемой., или же это я страдаю ерундой. Но хотелось бы добавить анкор на превьюшку картинки. Смотрим кусок кода <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

  9. Как реализовать необычное решение?

    Здраствуйте уважаемые знатоки! Самому ни как не додуматься как реализовать.... в низу страницы вставлена карта, вторая её половина находится в футере, как всё это состыковать??????+ еще и шаьлон резиновый :dash:/> :dash:/> :dash:/> Выручайте!!!!!!

    Asked by al_hagen,

    0 votes
    13 answers

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

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

    В общем такая картина: <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

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

    Здравствуйте дорогие друзья! Помогите пожалуйста мне с таким вопросом: Есть таблица, Ячейки у нее являются ссылками, они работают, но при наведении на ЯЧЕЙКИ НЕ ПОКАЗЫВАЕТСЯ КУДА ОНА ВЕДЕТ, то есть внизу сайта нет адреса. Как Сделать чтобы адреса появились? Вот код: <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

  13. Расстояние между слов

    Мне нужно сделать чтобы заголовки были на некотором расстояние. И лучше чтобы это расстояние можно было регулировать. Картина у меня в ХТМЛ следующая: <div class="center"> <div id="font-size" class="container3"> <B> <a href='index.html'>Главная</a> <a href='simptomy.html'>Симптомы невроза</a> <a href='prichiny.html'>Причины невроза</a> <a href='lechenye.html'>Лечение невроза</a> </B> </div> </div>? Картина в CSS: .container3 { width: 1230px; margin-top: 20px ; margin-left: 10px; margin-bottom: 40px; } .c…

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

    0 votes
    4 answers

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

    Помогите пожалуйста как сделать чтоб из выпадающего списка после выбора значения это значение текстом строчкой появлялось под этим списком <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

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

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

    Asked by Nikolaus62,

    0 votes
    6 answers

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

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

    Asked by Bernard,

    0 votes
    4 answers

  17. Резина)

    Первый раз взялся за резиновую вёрстку, и вот тут у меня получилась хрень...мож кто подскажет?! у меня футер может наехать даже на хэдер =) прибит он к полу через 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

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

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

    Asked by apexis,

    0 votes
    6 answers

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

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

    Asked by borus,

    0 votes
    2 answers

  20. Верстка под движек

    Добрый день! Столкнулся с проблеммой. Где можно доступно и поэтапно почитать про верстку под движек, в частности Joomla!? Нашел много материала, но всегда и везде резкие переходы. Вообще интересует где наиболее точно описан процесс верстки шаблона простого сайта визитки под Joomla!

    Asked by Noraad,

    0 votes
    4 answers

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

  22. Растянуть шрифт по вертикали возможно?

    Здравствуйте. Не нашел в справочнике свойства, позволяющего растянуть вертикально шрифт. Пробовал сжать по горизонтали и затем увеличить размер шрифта, но это не дает нужного результата. Можно как-то растянуть шрифт по вертикали?

    Asked by borus,

    0 votes
    2 answers

  23. Fontsquirrel пометил шрифт пиратским. Как быть?

    Здравствуйте. Скачал шрифт Cambria. Попробовал создать семейство шрифтов в разных форматах на fontsquirrel.com и получил, что шрифт в черном списке. Чем можно еще сгенерить семейство шрифтов в разных форматах на базе truetype шрифта?

    Asked by borus,

    0 votes
    5 answers

  24. Форма

    Здравствуйте, господа! У меня есть такая задачка: сделать форму, в полях которой будут "своего рода" ссылки. При нажатии на них, всплывает окошко, которое человек заполняет. И после этого данные ввода остаются в окне. Он должен заполнить все поля, и 2 выпадающих списка со временем и датой. И автоматически , время закрепляется за ним. и при следующем выводе страницы, эти поля уже заняты. И видны данные этого человека. Раз в неделю все данные в таблице сбрасываются либо автоматически либо при нажатии на кнопку, которая доступна только админу. Как можно такое сделать? НА каком языКе? Спасибо. контактный e-mail: genfon@mail.ru

    Asked by Genfon,

    0 votes
    0 answers

  25. Границы у таблицы

    Реализовано таблицей. Подскажите как сделать такие границы, а именно как их вставить?

    Asked by lunozwetka,

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