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. Выпадающее меню на CSS помогите скрыть подменю!

    Доброго времени суток! Никак не могу скрыть блок выпадающего меню... Помогите плиз!!! Вот код CSS, тут просто какая-то мелочь, но я этого не могу увидеть: /*—————-menu tab———————-*/ .menu { font-size:14px; padding:0; float:left; width:890px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; height:35px; } /* style the sub-level lists */ .menu ul ul { width:auto; } /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu ul li { float:left; height:35px; line-height:35px; list-style-type:none; } /* style the sub …

    Asked by antiaofd,

    0 votes
    5 answers

  2. Почему IE9 ломает таблицу?

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

    Asked by d0ublezer0,

    0 votes
    5 answers

  3. Меню с активными и не активными кнопками

    Добрый день! Помогите пожалуйста решить такую проблему: Имеется меню в котором четыре кнопки, каждая кнопка имеет сваю картинку при наведении на кнопку мышкой картинка изменяется с не активной на активную. Мне надо чтобы пользователь зайдя на определенную страницу сайта (каждая кнопка соответствует своей странице) кнопка горела как активная а перейдя на другую становилась обратно не активной. Вот собственно моя верстка: CSS ————- #menu_2 { margin: 0; margin-left: 0px; padding: 0px 0px 0px 0px; float: left; list-style: none; background: url(../images/header/menu_2/menu_right.jpg) no-repeat right top; } #baner2_1 { position: relative; padding: 0; float: left; background: …

    Asked by lexx,

    0 votes
    5 answers

  4. Получить href при клике на линк

    Как получить значение текущего href при нажатии на линк с этим атрибутом? Делаю, типа, что-то такого: <a href="img.jpg" onclick="lnk(); return false;">Link</a> <script type="text/javascript"> function lnk() {var l = this.href; alert(l)} </script> Ни чего не выходит.

    Asked by SFproG,

    0 votes
    5 answers

  5. Помогите!

    Помогите пожалуйста сделать верстку как на картинке : http://s004.radikal.ru/i208/1301/1b/211630d202d3.jpg Вот код , никак не получается <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <style> .colortext { color: red; } .head { font-size: 2.5em; text-align: right; padding: 7px; border-radius:10px; border: solid 2px gray; background: #CCC; color:#000000; } .help { float: left; border: 1px solid #333; width: 47.5%; padding: 5px; border-radius:10px; background-color:#CCC; margin: 10px 10px 20px 5px; } .menu { width: 200px; padding: 5px; border-radius:10px; border: 1px solid #000; bac…

    Asked by Elin05,

    0 votes
    5 answers

  6. Помогите с CSS

    Привет. Firebug-ом нашел элемент, подправил html код. С права появился element.style с параметрами. В какой css необходимо его прописать я никак не пойму. Подскажить плиз...

    Asked by cosmen,

    0 votes
    5 answers

  7. "Погоня" за пикселями

    Здавствуйте. Я только учусь, и у меня возник вопрос - насколько нужно гнатся за пикселями при верстке? На картинке http://savepic.ru/3947297.jpg макет который я пробую верстать с наложеный Perfect Pixel я понимаю что можно подогнать получше если присваивать отдельно классы или идентифокаторы (чего я желаю по-максимуму избежать), но нужно ли на практике это делать в ущерб коду? Поделитесь пожалуйста опытом.

    Asked by Kuzyo,

    0 votes
    5 answers

  8. Вёрстка 3 блоков

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

    Asked by GanulArtem,

    0 votes
    5 answers

  9. Выравнивание текста

    Привет. Столкнулся с такой проблемой. Текст выводиться не ровно, цифры ниже. Как выровнять? Подскажите.

    Asked by cosmen,

    0 votes
    5 answers

  10. Прозрачный градиент

    Извините за глупый вопрос, но как сделать градиент прозрачным, как только пропишу прозрачность opacity 0.5, блок перестает быть градиентом и закрашивается одним цветом, в гугле не нашел инфу. Вот ссылка http://jsfiddle.net/RhTUQ/ .

    Asked by jaster,

    0 votes
    5 answers

  11. Кнопка-ссылка

    Здравствуйте. Подскажите пожалуйста как сделать кнопку-ссылку? Простую ссылку я написал так : <p><a href="index7.http">Регистрация</a></p> Эту кнопку я нашел в нете. <input type="button" value="Регистрация" onclick="location.href='index7.http'"></p> Вроде работает, но что такое "location.href= и почему 'index7.http'" в одиночных скобках?понять и найти ответа немогу. Зарание благодарен.

    Asked by Mirovich,

    0 votes
    5 answers

  12. Как сделать чтобы при наведении также раскрашивался столбец

    http://jsfiddle.net/fsC4Z/

    Asked by jaster,

    0 votes
    5 answers

  13. CSS свойства стиля с потолка

    Не подскажите, можно ли в CSS стиле как-то хранить простые данные, к которым потом можно было бы обратиться через window.getComputedStyle Например, что-то типа этого .znak { background-color:red; border:1px solid; dyadyaVasya:100mb; } Т.е чтобы найдя елемент по классу znak, можно было вытащить из стиля свойство dyadyaVasya со значением 100mb ? alert(window.getComputedStyle(elem).dyadyaVasya); // выдало бы 100mb Или такое невозможно? Если нет, то каким другим простым способом можно так сделать ? Подскажите, пожалуйста, кто что думает.

    Asked by фонарик,

    0 votes
    5 answers

  14. Опера

    Здравствуйте. При регистрации и сохранении опера опера выделяет поля желтым цветом. Как убрать это безобразие?

    Asked by tyareg,

    0 votes
    5 answers

  15. Условные комментарии в IE не работают

    Условные комментарии в IE не работают, ie видит то чего не должен(загружает стиль Style, а стиль ie игнорирует) <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--[if IE]><link href="ie.css" rel="stylesheet" media="all" /><![endif]--> <!--[if !IE]--><link href="style.css" rel="stylesheet" media="all" /><!--[endif]-->

    Asked by Photolife,

    0 votes
    5 answers

  16. Можно ли сделать ссылку на Facebook для тех кто там не зарегестрирован.

    Клиент просит ссылку на свою страницу в Facebook. Все прекрасно если вы уже туда залогинились. А если нет? А если вообще вас там нет? Тогда открывается страничка, которая прости вас зарегистрироваться. Можно ли это дело миновать и сделать прямую сылку? Спасибо!

    Asked by shavedhead,

    0 votes
    5 answers

  17. Подключение стилей не из корня

    Подскажите пожалуйста, есть сайт html + css... В корне есть страница (например 1.html), есть папка со стилями (скажем, css), в которой есть файл style.css. В странице прописано следующее: <link href="css/style.css" rel="stylesheet" type="text/css"> и как-бы все работает хорошо. Возникла необходимость создать папку (скажем, blog) и разместить в ней страницу (пусть, 2.html). Вышеупомянутый код не подключает к ней стили. Конечно <link href="http://mysite.ru/css/style.css" rel="stylesheet" type="text/css"> будет работать, но как-то не по фэншую... Подскажите, может какое-то правило создать в .htaccess, либо как-то по другому сделать подключение стилей? Либо остави…

    Asked by B-Real,

    0 votes
    5 answers

  18. Прошу помощи с SVG→Canvas на iPad3 (iOS6)

    Как мог, описал проблему на Хабре. Вкратце — при копировании SVG-картинки в Canvas (drawImage) на третьем (ретиновском) айпаде с iOS6 творится что-то невообразимое с определением координат копируемой области. А мне позарез надо, чтобы картинка копировалась точно (вообще-то надо было позапозавчера, но из-за этого нежданчика вот так у меня вечер пятницы затянулся...). Заранее спасибо за любые наводки, подсказки и идеи!

    Asked by SelenIT,

    0 votes
    5 answers

  19. нужна помощь со скриптом формы обратной связи

    На сайте есть форма обратной связи <form id="contact-form" action="post.php" method="post" enctype="multipart/form-data"> <fieldset> <label><span class="text-form">Имя:</span><input name="name" type="text" /></label> <label><span class="text-form">Email:</span><input name="email" type="text" /></label> <label><span class="text-form">Телефон:</span><input name="tel" type="text" /></label> <div class="wrapper"><div class="text-form">Сообщение:</div><textar…

    Asked by itspider,

    0 votes
    5 answers

  20. margin: 0px в IE8

    Не могу убрать отступы от краев браузера в IE8. В других браузерах все ок, в IE - нет. html,body { margin:0px; padding: 0px; } Может дело в doctype? Я плохо ориентируюсь в отличиях между версиями html. Сейчас стоит xhtml1.0 переходный. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Asked by Feel,

    0 votes
    5 answers

  21. кеп в недоумении О_о

    <!DOCTYPE html> <html> <head> <title>сайт </title> <style src='program/index_style.css'></style> <meta charset='utf-8'> </head> <body> <div id='cap'> <div id='indexButton'>ололо</div> </div> </body> </html> вот такой вот небольшой кодик. файл index_style.css находится там где ему положено. однако ни одного стиля невидно. адрес указан правильно проверял 100500раз. валидатор W3C показывает ошибку так: <style src='program/index_style.css'></style> Line 5, Column 39: Attribute src not allowed on element style at this point. <style src='program/index_style.css'&gt…

    Asked by ???,

    0 votes
    5 answers

  22. обрезать картинки при разных разрешениях

    Привет всем! Возникла одна проблема при верстке Есть картинка на вес экран(с этим я разобрался), но вот не знаю как сделать так, чтобы при разных разрешениях обрезалась сверху/снизу (при горизонтальном окне браузера) и слева/права (при вертикальном окне). http://obzor.webtj.ru/slava/ - вот верстка, помогите пожалуйста

    Asked by X-Miller-X,

    0 votes
    5 answers

  23. Блок DIV на всю высоту BODY

    Всем привет. На сайте http://100faceufa.ru/ есть проблема с выводом правой колонкой на всю высоту экрана. На разных мониторах, отображает по разному. вот так, косячно все выводиться на мониторе: 1600x1024 https://www.dropbox.com/s/om9pq2cjd6j5cpk/123.jpg https://www.dropbox.com/s/ucty97ake0rbi9h/456.jpg Помогите пожалуйста исправить

    Asked by Aidakaev,

    0 votes
    5 answers

  24. Помогите с некоторыми элементами шапки сайта

    Уважаемые форумчане, помогите советом.Как правильно реализовать выделенные элементы шапки сайта

    Asked by DenChik,

    0 votes
    5 answers

  25. Слайдер с ресайзом

    Добрый день, посоветуйте какой-нибудь слайдер изображений с ресайзом... На сайте изображения с большим разрешением, и в слайдере только кусок показывается, вот и ищу слайдер который ресайзил и кропал изображение под размер слайдера. Заранее спасибо!

    Asked by inex,

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