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. Проблема с фоном

    Подскажите, плиз. Такие строки: .content { ... background-color: #2b2e28; background-color: rgba(43,46,40,0.45); ... } Если с первой строкой все ясно и понятно, то откуда берется вторая строка из Photoshop?

    Asked by aaron,

    0 votes
    2 answers

  2. На счет Float

    На счет Float. Делаю меню - прописал блоку #blok_menu свойство float:left; Потом дочернему блоку #right_menu прописал тот же float. По идее слово "Надпись" должна выстроиться справа от меню, но она выстраивается ПОД меню. Почему? Спасибо за ответ. http://jsfiddle.net/4wKcF/

    Asked by Imperil,

    0 votes
    5 answers

  3. Проблемы с заливкой фоном

    Здравсвуйте всем!Я совсем начинающий верстальщик,помогите пожалуйста решить такую проблему:есть три колонки,хедер и футер,футер по умолчанию должен быть прижат к низу,при большом количестве контента сдвигаться вниз.Я написал следующий код,но не могу решить проблему с фоном для колонок(нужно чтобы фон был на всю колонку независимо от контента).Очень жду вашей помощи. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Страница Васи Пупкина</title> </head> <style type="text/css"> html,body{ margin:0; padding:0; height:100%; } #header{ height:50px; text-align:center; background:#cf9; } #all{ min-height:100%; margin-bott…

    Asked by Dimanchik87,

    0 votes
    2 answers

  4. Убрать фон и границы таблицы

    Уважаемые профессионалы, помогите решить задачу. Не могу убрать границы и фон у таблицы, а так же выровнять изображение и текст под ним. Код и скрин прилагаю. Поиском пользовался. Разные советы использовал... результат - нулевой. Лучи благодарности - гарантирую ) <table align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse"> <tbody> <tr> <td style="border-width: 0px;border:none none;"> <p><a href="" target="_blank" title="8 марта"><img align="center" src="http://site/…jpg" width="200" /></a></p> <p class="rtecenter" style=""><span style="font-size:14px;"><span sty…

    Asked by Aleramus,

    0 votes
    7 answers

  5. Добавление класса

    Здравствуйте, есть такая задача: Есть навигация, на ней ссылка Login, которая открывается через fancyBox, а в ней кнопка, при нажатии на которую нужно, что бы это всплывающее окно закрывалось, и в главном окне открывалась ссылка из кнопки. Насколько я понял, то это можно сделать через addClass - removeClass. Кто нибудь подскажет как это можно реализовать, потому что в jQuery я не силен. Заранее спасибо

    Asked by DImas95,

    0 votes
    8 answers

  6. Webkit-gradient

    Подскажите, пожалуйста. Вот эти две строчки: background:-webkit-gradient(linear,left top,left bottom,from(#77c531),to(#4d722d)); background:-webkit-linear-gradient(left top, left bottom, #77c531, #4d722d); В чем между ними разница? И еще. Между записями: background:-webkit-gradient(linear,left top,left bottom,from(#77c531),to(#4d722d)); и background-image:-webkit-gradient(linear,left top,left bottom,from(#77c531),to(#4d722d)); я так понимаю, разницы нет. Первая является более сокращенной записью второй. Верно?

    Asked by aaron,

    0 votes
    1 answer

  7. Нужна Ваша помощь

    Решил поставить водяные знаки на своем блоге (Wordpress). Воспользовался специальным скриптом, который нашел в сети. Работает замечательно. Но беда в том, что после установки, ухудшается качество картинок на сайте. Скрипт брал отсюда: http://n-wp.ru/4635 Там всего один коротенький файл php: <? waterMark($_SERVER['DOCUMENT_ROOT'].$_SERVER['REQUEST_URI'], "watermark.png", "bottom=0,right=0"); function waterMark($original, $watermark, $placement = 'bottom=5,right=5', $destination = null) { $original = urldecode($original); $info_o = @getImageSize($original); if (!$info_o) return false; $info_w = @getImageSize($watermark); if (!$info_w) …

    Asked by LBM,

    0 votes
    4 answers

  8. разбросанная форма

    Всем привет. Наверное ни раз и не 2 у многих разработчиков возникал вопрос как сделать разбросанную форму? фот и у меня возник.....Допустим вот такой код <form id="form1" action="insert.php" method="POST"> <INPUT type="checkbox" name="demo" value="value1"> <INPUT type="checkbox" name="demo" value="value2"> </form> Много кода###################################### Много кода###################################### Много кода###################################### Много кода###################################### Много кода###################################### Много кода###################################### <INPUT type="checkbox" name="demo" va…

    Asked by кирюха=),

    0 votes
    3 answers

  9. Неправильное отображение в разных браузерах

    Дорогие друзья! Достался мне для переработки сайт spb.in.ua. После вставки карусели внизу страницы (а может, по какой-то другой причине, установить уже не могу) стало неправильно отображаться горизонтальное меню в интернет-эксплорере. Причём только на некоторых страницах, в частности, на главной. При просмотре новостей всё нормально. В остальных браузерах всё вроде нормально. Ошибка, по-моему, в css. Но найти не могу, познания не те. Помогите, братцы, погибаю!!!

    Asked by Ухты,

    0 votes
    2 answers

  10. Выравнивание меню по центру в IE

    Доброго всем времени суток. Пациент http://systegra.zakaz-saita.com Проблема: верхнее меню во всех браузерах, кроме любой версии IE находится по центру. В IE ну никак не могу выровнять. Что-то упустила, а что - не могу найти. Беда в том, что ul меню растягивается в IE на всю допустимую ширину - на все 1000px - соответственно, его никак не удается отцентрировать. Собственно код </head> <body> <div id="all"> <div id="headerback"> <div id="header"> страшная куча дивов))) </div> <!--end-header--> </div> <!--end-headerback--> <div id="main"> <div id="senter"> <div id="topmenu">…

    Asked by Taatshi,

    0 votes
    2 answers

  11. hover эффект

    Как такое можно сделать? http://themes.iki-bir.com/ikaros/blog2.html когда на картинку наводишь плюсик появляется, попытался скопировать с примера то что я скинул, не получилось, походу криво копировал. Есть ли готовые решения такие же?

    Asked by moslem,

    0 votes
    1 answer

  12. Не могу до конца довести меню на CSS3

    пункты меню получается, что смещены влево, а справа после НАШИ ПАРТНЕРЫ пустой пункт. Убирается он уменьшением ширины всего меню. А мне нужно ширину оставить неизменной...лишь сделать шире все другие пункты, чтобы они автоматом заполнили тот пустой пункт справа. Подскажите куда как копнуть.

    Asked by xSPiRiTx,

    0 votes
    3 answers

  13. переопределение размера текста

    скажите пожалуйста есть ли какое-нибудь логическое объяснение такому явлению. так блок .nav_top виден. а так не виден. я же переопределил размер текста в более специфичном тэге...

    Asked by cyklop77,

    0 votes
    1 answer

  14. cдвинуть псевдоэлемент :after вниз

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

    Asked by Нusuf,

    0 votes
    5 answers

  15. При клике на картинку открываются несколько вкладок, как это сделать в html ?

    Имеется такая ссылка <a href="http://site.com"><img src="http://pic.ru/1.jpg" oncontextmenu="return false"> Как реализовать что бы при клике на картинку открывались 2 или 3 или 4 новые вкладки на разные сайты? Спасибо за помощь

    Asked by Mukake,

    0 votes
    1 answer

  16. Трехколоночный резиновый сайт

    Доброго времени суток уважаемые форумчане! Верстаю трехколоночный резиновый сайт,возникала проблема в ie6,при уменьшении окна браузера не появляется полоса прокрутки,хотя вроде как все правильно сделал через javascript Вот весь код: <!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" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="all.css" /> <!--[if lt IE 7]> <style type="text/css"> #conten…

    Asked by tanaka,

    0 votes
    4 answers

  17. Плагин не работает

    Насколько я понимаю, плпгин это готовый к использованию продукт требующий несложной адаптации к конкретной веб странице. Перерыл поиск "How to install jQuery plugin", "как установить jQuery плагин" пытаясь установить слайд шоу http://jquery.malsup.com/cycle/ 1) Собственно плагин и библиотеку подключил. 2) Разметку и соотв id контейнеру прописал. А плагин не работает ни с какой попытки! Похоже ошибка моя и такая проблема у меня только. Может я упускаю принципиальные моменты , подскажите плз что нужно пересмотреть? http://pomidor.com.ua/seemax/ImageneerF/HTML/ImageneerF.html

    Asked by seemax,

    0 votes
    6 answers

  18. доли процента в размере шрифта

    в статье прочитал, что это действительно так, кто-нибудь из опытных сталкивался? и вообще могут ли из-за этого явления возникнить хоть сколько нибудь заметные проблемы с отображением?

    Asked by cyklop77,

    0 votes
    2 answers

  19. Flash или JavaScript

    Привет! Есть небольшой нарисованный глаз, пусть эта картинка будет 50px на 50px. Нужно расположить этот глаз в header и сделать так, чтобы он следил за движениями мышки, т.е. чтобы всегда смотрел именно на курсор мышки. Где это можно сделать, в Adobe Flash, JavaScript или же в том и другом? P.S. Чтобы область реагирования глаза определялась именно открытым браузером.

    Asked by big_time,

    0 votes
    3 answers

  20. удобные единицы для наследуемого размера шрифта

    подскажите пожалуйста есть ли способ при реализованном наследовании размера шрифта(как например в этой статье) указывать размер шрифту в удобных единицах? например. пишем font-size: 110% и в результате размер шрифта в элементе 11px

    Asked by cyklop77,

    0 votes
    3 answers

  21. Помогите с кодом!

    Привет всем. Суть в том что не могу привезать код в css к коду в html. Сделал графическую кнопку в виде кепки, при нажатии на которую открывается ссылка с соответствующим каталогом. Как привезать к ней ниже, текст-ссылку? к примеру "Кепки и шапки". Пробовал и в стиле создавать новый элемент и потом вставлять в html, но не выходит почему то(( Ссылка появляется, но ей не задать ни цвет, ни отступы и тд. Подскажите правильный код пожалуйста.

    Asked by jdmman,

    0 votes
    0 answers

  22. С чего же мне начать?

    Здравствуйте,я создал эту тему т.к не знаю с чего начать изучение веб-программирования могли бы вы мне посоветовать книги или сайты по изучению: 1)HTML(изучаю по HTMLBOOK этого хватит?) 2)CSS(изучаю по HTMLBOOK этого хватит?) 3)JavaScript(Девид Флеган <—--как думаете его мне хватит чтобы освоить жабаскрипт) 4)Jquery(Бер Бибо, Иегуда Кац - jQuery. Подробное руководство по продвинутому JavaScript <—это подойдет???) 5)PHP(вот здесь жду советов т.к книг не знаю по пхп) 6)mysql(тут тоже посоветуйте пожалуйста) 7)Говорят нужно еше изучать http протокол алгоритмы как там все это делается чтобы понимать подскажите что нибудь P.S Я ВСЕМ БУДУ ОЧЕНЬ ОЧЕНЬ БЛАГОДАРЕН!!!

    Asked by LXVDXXXVI,

    0 votes
    5 answers

  23. выделение кваратир на плане

    Здравствуйте. подскажите , пожалуйста, рациональный способ выполнения вот такой штуки там показан план этажей, и он разбит на квартиры. При нажатии на кв-ру выходит её картинка. 1)скажите,как лучше разбить план на квартиры? неужели вручную делать карту с вычислением всех координат углов каждого участка? или есть другой способ? 2)подскажите, пожалуйста, коротко, как делается вывод каждой в окно лайт-бокса? спасибо

    Asked by Нusuf,

    0 votes
    1 answer

  24. запись в jq

    разбирал код слайдера и не смог понять что делает такая запись var $controlContainer = $('<ul class="bjqs-controls"></ul>'), $next = $('<li><a href="#" class="bjqs-next" class="controls">' + settings.nextText + '</a></li>'), $previous = $('<li><a href="#" class="bjqs-prev" class="controls">' + settings.prevText + '</a></li>'); // Bind click events to the controllers $next.click(function (e) { e.preventDefault(); if (!animating) { bjqsGo(forward, false); } }); здес…

    Asked by cyklop77,

    0 votes
    3 answers

  25. Как сделать всплывающее окно с увеличенной картинкой?

    Доброе утро! Подскажите, пожалуйста, как сделать, чтобы при нажатии на картинку на этой же странице появлялось всплывающее окно с картинкой в реальном размере? Вот пример: http://www.soft99.ru/catalog/poliroli-i-pokrutiya/491/# Очень нужно!

    Asked by Drakonyashka,

    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