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. Кнопка

    Допустим, я хочу сделать стилизированную кнопку. Что я уже имею: Фон Кнопка в *png покоя Кнопка в *png hover Содержимое index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8"> <title>Титул</title> </head> <body> <div id='wrapper'> <div id='sale'> </div> </div> </body> </html> Содержимое style.css /* CSS Document */ html, body { margin: 0; height: 100%…

    Asked by BetaVersion,

    0 votes
    6 answers

  2. Высота контейнера со слоями

    Здравствуйте, подскажите пожалуйста, не могу решить проблемку с высотой контейнера. Описание: у меня в некотором контейнере (таблица) расположено 2 div, пусть будут высотой 500 пикселей для примера. Контейнер при этом принимает высоту в 1000 пикселей. Второй (нижний) div имеет отрицательное смещение по высоте, для того чтобы располагаться в 2 слоях на одном месте с первым. Получаются что оба div расположены в верхней части контейнера в разных слоях, а нижняя часть пустует. Так вот - несмотря на то что нижняя граница обоих div расположена примерно на 500-ом пикселе - граница контейнера(таблицы) не подтягивается туда, а по прежнему занимает старый размер как будто там есть …

    Asked by Detech,

    0 votes
    6 answers

  3. Отображение таблиц в разных браузерах

    Работаю над сайтом в одной из популярных CMS. Создал на странице таблицу. Вот так она отображается в Firefox: А в браузере Chrome отображается так: Понятно, что это CMS меняет стили таблицы, но какие именно - неизвестно. Скажите пожалуйста какие стили CSS могут отвечать за такое отображение в Хроме. Есть подозрения, что CMS делает разделительные линии настолько тонкими, что Фаерфокс видит их, а Хром уже нет. С помощью каких параметров можно это осуществить?

    Asked by IndigoHollow,

    0 votes
    6 answers

  4. Ссылка с пустого div с бэкграундом-картинкой

    Вопрос тривиальный, но загнал в тупик. Возникла задачка - с любой картинки на сайте (кроме тех, что относятся к оформлению) яваскриптом делать всплывающий кусочек текста ака easyTooltip. Верстка сайта - шапка, тело из двух колонок (в одном из столбцов - меню) и футер. Вложенность элементов в рабочей колонке разная, поэтому в скрипте есть смысл обращаться сразу ко всем img. Для этого все картинки оформления нужно перевести в div-ы c бэкграундами. на некоторых из картинок были навешаны ссылки (например, на логотип в шапке). Обычный рецепт в этом случае - вставить в div прозрачный единичный gif 1x1 и растянуть его до нужных размеров, в данном случае не годится, т.к. снова п…

    Asked by z1a2r,

    0 votes
    6 answers

  5. Не работает сайт

    Доброго времени суток. У меня возникла проблема при создании сайта: сайт открывается только на моём компьютере и ни у кого больше! Делал всё вроде бы правильно (или нет?): Зарегестрировал имя: http://7gnomov.16mb.com; Написал главную страницу; Поместил на ftp в соответствующую паку /public_html Может я что-то не так сделал? У кого-нибудь ещё он работает? http://7gnomov.16mb.com/default.php

    Asked by Alexandir,

    0 votes
    6 answers

  6. Выставить блоки по ширине

    Как выставить n'ое количество блоков таким образом, чтобы они растянулись по всей ширине красного блока, но между ними были отступы?

    Asked by chocolate_moles,

    0 votes
    6 answers

  7. Проблема обтекания картинки текстом

    Добрый день, вот какая проблема возникла, вставляю картинку задаю отступы, в админке ставиться, а в браузере на самом сайте текст вплотную к картинке, в общем помогите пожалуйста, что не так у меня сделано, вот скрин на нем все понятно в чем проблема:

    Asked by AlexZandr,

    0 votes
    6 answers

  8. Интересный вопрос про javascript

    Увидел на сайте интересную картинку в теге head <!-- <script type="text/javascript" src="/js/modernizr.custom.12270.js"></script> <link rel="stylesheet" type="text/css" href="/css/all.css" media="all" /> <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/js/jquery.disable.text.select.js"></script> <script type="text/javascript" src="/js/complex-popup.js"></script> <script type="text/javascript" src="/js/call-order.js"></script> <script type="text/javascript" src="/js/manager-order.js"></script> <script type="text/javascript…

    Asked by Hol1killer,

    0 votes
    6 answers

  9. Блок Div сдвинут на 1 пиксель в Опере

    Доброго времени суток, уважаемые форумчане! Появилась проблема, с которой я раньше как-то не сталкивалась. В Опере div сдвинут на 1 пиксель в сторону. В Хроме такой проблемы нету. Подскажите, в чем может быть загвоздка? Сайт xstroy.biz

    Asked by katjuha6,

    0 votes
    6 answers

  10. Принудительное overflow-x: scroll при overflow-y: hidden

    Здравствуйте. Такая проблема. В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden. Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll. Прописывал жестко overflow-x: visible - безрезультатно. Вот без overflow-y: hidden. Вот с. Как убрать этот эффект? Мне нужно, чтобы текст просто уходил за границу, как на первом скриншоте, но в то же время мне надо растянуть элемент.

    Asked by 7ion,

    0 votes
    6 answers

  11. Background-image

    Дано: ссылка, стилизованная под кнопку, может иметь разную высоту Задача: для каждого из четырех состояний(link, hover, active, disable) нужно наложить фоновую картинку. Решение в лоб: для каждого состояния прописать background с repeat-x и прочими необходимыми параметрами, но есть минус - 4 http-запроса для каждой картинки. И еще проблема в том, что в качестве фона используется не линейный градиент, два градиента с пересечением по середине. Ну и соответственно это пересечение и должно быть по середине кнопки. Возможно ли решить проблему с помощью этого спрайта?

    Asked by IIAIIIA,

    0 votes
    6 answers

  12. Как скопировать веб-страницу вместе с фоновыми изображениями?

    Всем привет! Копирую страницу из интернета через Сохранить как -> Веб-страница, полностью. При этом некоторые графические элементы не копируются. Например, если стиль фона задан таким образом: "background: url("../images/bg-body.gif")", то на скопированной странице фон отображаться не будет. Вопрос: как скопировать страницу вместе с фоновыми рисунками?

    Asked by Koroed,

    0 votes
    6 answers

  13. На чем написать сайт?

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

    Asked by Sunsayka,

    0 votes
    6 answers

  14. помогите!

    есть список <div id="nav> <ul id="menu"> <li class="active">About</li> <li><a href="">Our Teachers</a></li> <li><a href="">Schedule</a></li> <li><a href="">Prices</a></li> <li><a href="">Contact Us</a></li> </ul> </div> вот стили: li { list-style-type: none; padding-left: 50px; padding-bottom: 15px; padding-right: 0px; padding-top: 15px; margin-top: 2px; margin-right: 0px; background-color: #fff; color: #FFF; font-size: 21pt; font-family: Questrial ; } #nav{ width: 270px; height: 369px; } #menu{ float: left; } …

    Asked by olechic,

    0 votes
    6 answers

  15. Div уходит вправо только в ФаерФоксе

    В общем сам сабж, при открытии странички в ФФ, див с галерей уходит вправо, в любом другом браузере все нормально. В чем проблема не могу понять. http://svetlogradstroy.ru/portfolio.html

    Asked by BoB,

    0 votes
    6 answers

  16. Проблема с таблицами

    День добрый.С версткой работаю совсем недавно,поэтому надеюсь на ваше понимание.Сайт делался в программе SiteEdit Business. Вот собственно сам сайт - www.lidisha.ru Вопросы: 1.Неправильное отображение таблиц-все кривое 2.На этой странице http://lidisha.ru/futbolkimaiki.html раньше были овальные рамки-сейчас как-то съехало все(как исправить не знаю-уже месяц бьюсь) как понимаю икать где-то здесь #td52 { background-image : url(ugol_verh_left.jpg); background-repeat : no-repeat; height : 9px; } #td54 { background-image : url(ugol_verh_right.jpg); background-repeat : no-repeat; } #td56 { background-image : url(liniya_left.jpg); background-repeat : repeat-y; } #td58 { back…

    Asked by Stan-86,

    0 votes
    6 answers

  17. проблема с подвалом

    Всем доброе время суток У меня проблема с резиновой версткой, а точнее с подвалом. он у меня прижать основным блоком Wrapper, все бы хорошо, но когда заполняется контетом, он остается на месте, а все остальное спускается как надо. Куда мне нужно поставить блок див с классом clear:both;? вот html <body> <div id="wrapper"> <div id="header"> <div id="logo"> <a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/the_gamer.png" width="286" height="66" title="The Gamer"></a> </div><!--logo--> <div id="banner"> …

    Asked by Bismuth,

    0 votes
    6 answers

  18. В Опере пропадает слой

    Открываю страницу Стоит обновить страницу в браузере, прозрачный слой "advertisement" пропадает. Когда страница грузится - слой виден, как загружается - исчезает (т.е. если нажимать "ctrl+R", то слой начинает мигать). В IE, Chrome, Firefox всё отображается нормально, но в Опере такой глюк. .logo { background:url(../images/logo.png) no-repeat; height: 57px; width: 306px; position: absolute; top: 85px; left: 165px; } .logo a { display: block; height: 57px; width: 306px; } .advertisement { background: url(../images/advertisement.png) no-repeat; width: 481px; height: 90px; position: absolute; top: 55px; right: 189px; } Проблема может быть в верстке или в моей…

    Asked by MacPherson,

    0 votes
    6 answers

  19. Помогите с макетом

    Вот макет http://savepic.su/1751224.htm

    Asked by Romeo62,

    0 votes
    6 answers

  20. Разметка формы обратной связи

    Пример кода http://jsfiddle.net/FkWuR/ Никак не могу справится с разметкой. чуствую изначально пошел не в ту сторону, а теперь глаз замылился, вот и туплю. В идеале должно быть так: В Хроме 16, IE 8, Opera8.54 отображается примерно так как хочется. В ИЕ7 все идет столбиком. В FF поле E-mail сползает вниз. Андроидный браузер переносит поле Тема на новую строку... HTML <div class="feedback"> <form class="content2" method="post" action="index.php?id=8"> <input name="formid" value="feedbackForm" type="hidden"> <p><label accesskey="n">Имя*<input name="Name" size="20" maxlength="60" type="text"></label></p> <p><…

    Asked by Tohin,

    0 votes
    6 answers

  21. HELP! Как сделать такое меню?

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

    Asked by cyberd0g,

    0 votes
    6 answers

  22. Сохранить динамическую страницу

    Я сделал файл на своем ПК,с ява скриптом, который создает новые строки в таблице, в которую я забиваю значения. Но нет возможности сохранить готовую таблицу ( только принскрином) <table id="myTable" border="1" cellpadding="2"> <tr> <td>Дата </td><td>Модель принтера</td><td>Модель картриджа</td><td>Ответственный</td><td>Фирма</td><td colspan ="4">Выполненые работы</td><td>Стоймость</td><td>Заправщик</td> </tr> </table> <script LANGUAGE="JavaScript"> function addRow(id){ var tbody = document.getElementById (id).getElementsByTagN…

    Asked by bios,

    0 votes
    6 answers

  23. Расхождение колонок макета в Dreamvweavr

    Всем привет! Подскажите где я допустил ошибку при верстке макета, в браузерах отображается нормально, а в dreamweaver почему то правая колон ка отспупает от левой на ширину левой колонки. Да и в правой колонке стали появляться проблемы с расположением элементов.Сам проверял не один раз но увы... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style type="text/css"> BODY { margin : 0; padding: 0; } .box { width:1146px; color: #FFF; height:980px; margin-left: auto…

    Asked by ksonline,

    0 votes
    6 answers

  24. Table => Div

    Здравствуйте. Надеюсь на вашу помощь: необходимо перевести данный табличный код в дивный вариант. <table cellpadding="0" cellspacing="0" align="center" width="100%"><tr><td class="header-left"></td><td> /* Здесь фоновое изображение */ <table cellpadding="0" cellspacing="0" class="f1topline"><tr> /* Здесь фоновое изображение */ <td class="head" align="center">Ваш сайт.ру</td> <td>текст</td> <td>Текст</td> <td>Текст</td> <td>Текст</td> <td>{login}</td> <td>текст</td> </tr></table></td><td class="header-right"></td&…

    Asked by Nack,

    0 votes
    6 answers

  25. Пропадает border при background

    Здравствуйте. Вот такая штука. В браузерах ff, opera у меня пропадает border у th, когда я использую background-image. Картинка множится по x и тем самым заливает рамку у th. Причём в google chrome всё нормально. Не знаете в чём может быть дело?

    Asked by prowoke,

    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