HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
У лисы проблема с float
В общем проблема следующая: Вот внешний вид страницы во всех браузерах, кроме лисы структура самая простая: крыша (roof), дивы left и main обернуты в div oblo. Внизу див flour. И вот он в лисе ведет себя ни разу неадекватно: Если выставить у подвала float:right то в лисе получается такое: (во всех других браузерах оно естесвенно уплывает вправо) Такое чувство, будто лиса хочет подвал запихнуть в обложку к дивам left и main ХТМЛ: <div id="roof" align="center">1 крыша </div> <div id=oblo><!———————————-- обложка —————> <div id="left"> <a href="opera:blank" class="button"> Кнопка 1 </a> <a href="opera:blank…
0 votes19 answers -
Как перевести посетителей с одного сайта на другой?
У меня на яндекс народе есть сайт. Недавно я перенесла этот сайт на платный хостинг. Скажите, пожалуйста, можно ли посетителей сайта, который размещен на народе, перенести на сайт на платном хостинге? Если да, то как?
0 votes19 answers -
Joomla 1.5 и FireBoard
В менеджере модулей (назначение меню) не получается исключить остальные меню в позиции left для открытия форума по всей ширине, может что-то не так делаю (что и в каком модуле нужно выбрать из списка). В общем поставил открывать в новом окне без навигации - тыкаю на форум - открывается по всей ширине страницы, тыкаю там в пункт меню - форум вместе с остальными левыми менюшками открывается. Шаблон делал в Artisteer 2, дорабатывал в Adobe Dreamweaver CS3 Прошу, не забывайте, что форум называется "Для новичков"
0 votes19 answers -
Вёрстка сложных форм
Поделитесь опытом кто какие конструкции использует для вёрстки сложных форм вот пример не сложный но суть думаю ясна сам юзаю каркас <ul class="inputForm"> <li><span class="title"></span><input name="" class="textInput" /></li> </ul>
0 votes19 answers -
Смена картинки при наведении курсора
Помогите, пожалуйста, написать код. Есть ссылка на страницу в виде картинки, хотелось бы сделать, чтоб при наведении курсора мыши на эту картинку она менялась. (на многих сайтах менюшки так сделаны) Заранее, спасибо.
0 votes19 answers -
горизонтальное меню на CSS
Здравствуйте! У меня проблема с горизонтальным меню, а именно ничего не получается.... по задумке должно всё выглядеть так: а получилось у мну так: я в отчаянии... HTML </p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" type="text/css" rel="stylesheet"> </head> <body> <div class="wrapper"> <!-- место для меню --> <div class="menu"> <ol> <li><a href="r…
0 votes19 answers -
Как закрасить отступы margin ?
Доброго времени суток! Подскажите пожалуйста, как закрасить отступы margin? есть главный блок, он закрашен фоном. Далее в этом боке создаю еще один и назначаю ему отступ margin-left: 20px; Но при просмотре в опере или ie7(на других пока не смотрел) пропадает часть фона как раз на ширину отступа. Как уколоть эту ошибку?
0 votes19 answers -
Форма для отправки Е-маийла
Возникла проблема с правильной вставкой форми для отправки Е-маёлов с сайта.. Письма отправляются, но текста в них нет.. помогите с проверкой кода: на странице - <form action="mail.php" method="post" name="f1"><tr><td align="left">Имя :</td><td><input type="text" name="name" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left">E-mail :</td><td><input type="text" name="email" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left" valign="top">Текс :</td&…
0 votes19 answers -
HTML5 canvas
Всем добрый день! Занимаюсь веб-программированием не так давно. Появилась необходимость реализовать вот какую штуку- На странице по клику на кнопке рисуется окружность. Тут все просто, canvas, ctx.arc. Далее- при попадании курсора мыши на окружность, в этом месте окружности появляется небольшая точка (метка), которая следует за курсором в пределах окружности и исчезает, когда курсор выходит за ее границы. Но это не самое главное. Главное - возможность мышкой изменять радиус окружности. Т.е. что- то вроде drag & drop, кликнуть по окружности и "перетащить" радиус. С canvas раньше не работал никогда, по этому очень надеюсь на вашу помощь! Заранее благодарен!
0 votes19 answers -
Я не умею верстать таблицы, помогите.
Есть таблица где чередуются 'tr' в первом три ячейки, во втором одна, в третьем три, в четвертом одна и т.д. Во втором 'tr' ячейку нужно растянуть на всю ширину 'tr'. Я не знаю как. Вот разметка: <table border="1" width="100%"> <caption>Заголовок таблицы.</caption> <thead align="center"> <tr> <td>название столбца</td> <td>название столбца</td> <td>название столбца</td> </tr> </thead> <tr class="offer"> <td>Ячейка</td> <td>Ячейка</td> <td>Ячейка</td> </tr> <tr class="description"> <td> Описание товара Описа…
0 votes19 answers -
Как такое сверстать блоками?
Имеется резиновый сайт (на картинке схема). Есть 3 блока div, фиксированные по высоте. Два серый блока так же фиксированы по ширине. Необходимо, чтобы центральный красный блок занимал все оставшееся место между двумя серыми и растягивался в зависимости от ширины сайта. Т.е. необходимо сделать как таблицу, но блоками div. Поддерка IE начиная с 7 версии. Пробовал через table-cell, но IE не понимает этого. Какие есть варианты?
0 votes19 answers -
По каким причинам не показывает background-image?
По каким причинам не показывает background-image? А то сталкиваюсь иногда с этой проблемой, а понять почему так происходит не могу.
0 votes19 answers -
Скролинг Web-страницы
Подскажите как сделать полосу прокрутки браузера, не во фреймах?
0 votes19 answers -
Тени и текстуры
Здраствуйте! Как мне решить такую проблему. Есть блоки с постами с легкой овальной тенью(на фон), я вирезаю тень и ставлю в отдельный блок или вирезаю с бг поста, то возникает одна и таже проблема, на фоне( фон - текстура 50*50) видно линию стыка. Помогите как этого избавиться! Заранее благодарен, Андрей!
0 votes19 answers -
Текстовый фон
Как сделать, что бы текст в документе был выделен фоном? http://www.hotel-legal.ru/untitled.html В общем так, как когда мы в Word курсором выделяем и копируем часть текста, нужно что бы так же подсвечивался фон постоянно в html как выделенный.
0 votes19 answers -
Выявим ошибку вместе! (:
Есть плагин jcarousel, уже весь мозг съел своими вопросами о нем, на форуме, но всё же вот он (надеюсь последний) вопрос. Нужно, чтобы было видно 3 с пункта меню и путём нажатия кнопок они менялись. Во-первых, по не понятным мне причинам половины первого пункта меню даже не видно. Во-вторых, ездит только текст, картинка (которую чуть-чуть, но можно разглядеть) стоит на месте. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Bo0m-paw</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascr…
0 votes19 answers -
SOS ! Не отобраается шапка joomla 1.5 в ie6
Не отображется шапка joomla 1.5 в ie6 (в хроме тоже не работает). Бьюсь неделю. Сайт надо срочно сдавать а шапка не работает. В опере, мазилле, Ie8 норм, но в офисе стоит IE6
0 votes19 answers -
Научюсь верстать
И так у меня возникли вопросы,перед тем как написать дизайн сайта.расскажи как макет сделать..хочю сразу для движка написать темку.цвета классов знаю и фотошопом пользоваться умею.меня вот что интересует.кто может по шагово написать что нужно сделать чтобы получился хорошая темка..пока только wap интересует.
0 votes19 answers -
Проблемма с высотой блоков
здравствуйте не так давно начал верстать и столкнулся со следующей проблемой. имеется сайт - kvartiry.pl.ua есть блок с фоном (div.bg), а так же блок с контентом (div.content)… идея такова, что блок с фоном должен растягиваться на 100% по высоте родительского блока div.body который в свою очередь растягивается блоком с контентом (в зависимости от наполнения) собственно проблема заключается в следующем… добившись желаемого результата в опере и IE9 заметил, что firefox преподнес сюрприз… блок с фоном вместо того, что б растянуться по высоте родительского блока растягивается на 100% экрана… проблема, как я могу судить, заключается в свойстве селектора height в стиле div.…
0 votes19 answers -
Выравнивание по вертикали блок (картинка) + 1 или 2 строки текста
Добрый день. Задача следующая выводится список, элементами которого является ссылка (блок с фоновым изображением 45px x 45px) и справа от него идет название. Это название может быть в одну или две строчки. Необходимо чтобы при любом кол-ве строк, текст выравнивался по середине. Пример изображения здесь http://files.mail.ru/OP74ZZ?t=1 С помощью таблички такое делается в легкую, а как с div'ами?
0 votes19 answers -
В ИЕ7 смещение на 1px... Подскажите почему?
Вот верстка: http://predvoditelev.ru/tmp/test_ie7_bug/main.html При нажатии на город отображается список городов с номерами. В большинстве браузерах отображается всё хорошо, а вот в ИЕ7 при открытии списка наблюдается смещение на 1px вниз, причем только для телефона... Отчего так?
0 votes19 answers -
Управление режимами браузера
В процессе ковыряния с этой замечательной метой встретил ситуацию, которую с наскока объяснить не могу и официальная документация пролить свет на происходящее не позволяет. Если верить документации из MSDN, то в мете может находиться список режимов, и браузер выберет из этого списка самый новый поддерживаемый режим. То есть <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=EmulateIE9"> выберет в IE 8 эмуляцию седьмого, в девятом — эмуляцию девятого. Собственно, вопрос. Почему код <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=edge"> переключает IE 8 в эмуляцию седьмого, а IE 9 оставляет в режиме девятого. Если верить документации, …
0 votes19 answers -
Прототип меню
Сперва объясню задумку. При наведении на верхний .elem из под #grey_box выдвигается .back с такими же .elem. .elem имеют событие :hover. Конструкция резиновая. #grey_box { height: 50px; background: #ddd; padding-top:10px; } table { margin-left:300px; } .back{ padding-top:30px; background:orange; position:relative; z-index:-1; } .elem{ background:blue; } .elem:hover{ background-color:yellow; } <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div id="grey_box"> <table> <tr> <td> <div class="elem">menu item</div> <…
0 votes19 answers -
Ссылка коверкает код!
Добрый всем день/утро/вечер ! У меня вновь возникла проблема. В общем зайдите на сайт: Не реклама! Добавил ссылку после описания для приложения "Wormix", ссылка исковеркала все! А хочу чтобы было так: Вот само описание: <h2>Приложение Вормикс</h2><p>Замечательное, увлекательное <b>приложение Вконтакте "Wormix" или "Вормикс"</b>.</p> <p>Данное приложение разработано компанией "Прагматикс" в 2009 году. Популярность Вормикс приобрела только в 2010.</p> <p>Игра представляет собой игровое поле, где располагаются - "червячки" вооруженные до зубов оружием и боеприпасами!</p> <p>За 1 ход Вы д…
0 votes19 answers -
Вёрстка div высота 100% 3 колонки
Ситуация: 3 колонки: 1-фикс(пикселы), 3-резина в %, 2-всё, что осталось. Если содержимое колонок меньше высоты окна браузера, то фон колонок должен растягиваться до низу (на всю высоту окна браузера). И естественно при изменении высоты окна также растягивается или уменьшается. Если содержимое хотя бы одной колонки больше высоты окна, то все три колонки растягиваются(выравниваются) по высоте самой длинной (с появлением прокрутки). Задача: обойтись без JS, фона с использованием картинок (т.н. faux columns) и трюка с оочень большим padding-bottom и отрицательным margin-bottom. Помимо любого решения в данных условиях отдельно интересует возможность сделать это при помощи свой…
0 votes19 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-