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
-
Выравнивание картинок в строку
Собственно решил выбрать верстку своим хобби. Изучил основы, почитал разные сайты, решил пробовать и натолкнулся на проблему решение которой я не смог найти к сожалению( Проблема очень простая, прошу не смеяться. Надо выстроить все 3 картинки в ряд, по горизонтали, незнаю как это сделать, они получаются одна на другой. <html xmlns="http://www.w3.org/1999/xhtml"> <link rel="stylesheet" type="text/css" href="Style.css" /> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Название</title> </head> <body> <div class="head"> <div class="tablehead1"> </div> <div …
0 votes2 answers -
Помогите найти JS
В общем, не знаю как называет. В некотором поле фиксированной ширины двигаются картинки, когда нажимаешь то она увеличивается. Или скажите название - сам найду, просто даже названия не знаю
0 votes2 answers -
Вопрос по <Select> и <Option>
Очень важный для меня вопрос. Очень прошу помочь. Есть выпадающий список: <select size="3" name="select_01"> <option value="100">Черепица 01</option> <option value="200">Черепица 02</option> </select></p> Есть кнопка отправки: <input type="submit" value="Отправить"> Необходимо, чтобы при отправке на почту приходило не значение поля value="100", а текст в списке: "Черепица 01". Если такое невозможно, то хотя бы чтобы имя вида "Черепица 01" передавалась в текстовое поле, я уже из него буду отправлять. Огромное спасибо всем кто откликнется на мою проблему!
0 votes2 answers -
Почему стили работают частично ?
Один и тот же сайт, без php. На компе стили работают корректно, на хостинге - большая часть отваливается, но не все, например шрифт и цвет текста работает. _____________________________________________________________________ Firebug на вкладке цсс все стили показывает. Файлы стилей перезалил на хостинг. Сайт на поддомене, но цепляются стили основного сайта. Как с этим правильно разобраться ? Путь к файлу стилей Firebug показывает правильно, но в самом файле видно стили меню основного сайта. Сайт вот http://cons.surgeryzone.net/
0 votes2 answers -
отступы в div
Привет всем, прошу опять помощи Как сделать отступы сверху и снизу так же как и слева и справа? <div style="background:#000;"> <div style="margin:10px;border:1px solid #dbdbdb;min-height:400px;"> </div> </div>
0 votes2 answers -
Резиновая верстка с фискированным блоком
Нужна помощь по такому вопросу. Делаю стандартную росформатировку на 2 блока: основа и меню, причём меню решил фигачить фиксированного размера. Отсюда собственно и вопрос реализации. + доп условие сделать высоту менюшного блока 100% относительно основного блока. Предыдущую реализацию делал при помощи связки div-table, которую тестил на хромом(хроме), но запустив на фоксе заметил что изображения, по обычному уменьшаемые при помощи max-width и т.д. эту тему несхавали и, собственно, разлезлись на весь экран. Заранее благодарен за любую полезную инфу.
0 votes2 answers -
Opera и font-face
Вот пример: http://leveler.ru/zebra/ Во всех браузерах знак рубля показывается нормально (блок "рекомендуем"), даже в ИЕ7. Опера же (11.61) кривляется применяет подгруженный шрифт только если открыть страницу локально, с диска. На хостинге и денвере - не хочет показывать, хотя видно, что файл шрифта она загрузила. MIME пробовал добавлять: AddType application/vnd.ms-fontobject eot AddType font/truetype ttf AddType font/opentype otf AddType application/x-font-woff woff Не помогло. В чем дело-то? Используется готовый кит без субсета отсюда: http://www.fontsquirrel.com/fonts/pt-serif Пример, который в архиве от белки тоже рабо…
0 votes2 answers -
html5.
Приветствую всех! Я всё-таки решил начать учить до конца html.Будьте любезны,дайте ссылку на хороший учебник html5 в формате chm и pdf,где есть все теги и примеры их использования.Буду приблагодарен!
0 votes2 answers -
Отступы между блоками
Я не могу убирать отступы между блокам сайта http://codmws.game-pack.net Код я использую <div class="block"> <div class="bt"><span>Меню</span></div> <div class="dcont arch"> $SMENU_1$ </div> <div class="bbut"> </div> </div> <div class="block"> <div class="bt"><span>Мы в контакте</span></div> <div class="dcont arch"> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script> <!-- VK Widget --> <div id="vk_groups"> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width:…
0 votes2 answers -
изменение ширины из-за скрола прокрутки
Вобщем имеются вкладки реализованые с помощью яваскрипта и списка при нажатии на которые открываются div блоки. Проблема в том что div блоки разные по высоте, есть те у которых много информации и те у которых мало. При нажатии на те у которых много информации появляется полоса прокрутки в браузере и весь сайт смещается влево на ширину этого скрола. Смотрится не очень хорошо. Возможно ли сделатьтак чтобы сайт не смещался или чтобы имел смещение с самого начала с учётом этого скрола. p.s. поставить минимальную высоту для всех блоков чтобы всегда была полоса прокрутки не подходит
0 votes2 answers -
не работает min-height: 100% для body (xhtml)
Всем привет! У меня почему-то не растягивается блок на всю ширину. Прописал в ксс html {min-height: 100%} body {min-height: 100%} body не растягивается, почему-то вот полностью код. Ксс там же для удобства <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title><!-- Insert your title here --></title> <style type="text/css"> html {min-height:100%} body {min-height:100%} #container {background: red; margin:15px; height:100%} …
0 votes2 answers -
Цифра вылезает перед буллетом
Может быть, вопрос нубский, но как-то до сих пор не сталкивался. Из-за чего цифра в <LI> может самостоятельно (причем, во всех браузерах) перемещаться перед буллетом? Есть код: <li>1 пункт</li> <li>2 пункт</li> <li>Третий пункт</li> <li>И четвертый</li> А вот так он выглядит на странице:
0 votes2 answers -
плавающее выпадающее меню
помогите пожалуйста разобраться, нужно чтобы выпадающее меню отображалось коректно, если кнопка, по нажатию на которой оно "выпадает", находится внизу экрана (оно выходит за рамки экрана и пользователю приходиться делать скролл страницы вверх чтобы его полностью увидеть). подробнее смотрите на рисунке - слева то что есть, справа то что должно быть. в общем то я думаю не так сложно, не знаю просто (опыт не позволяет) как выражение на css записать, чтобы от границ экрана отталкиваться.
0 votes2 answers -
Не могу решить проблему. с версткой
Доброго времени суток господа верстальщики! Вот решил сверстать макетик.. Так вроде все норм, ну почти все) А внизу вагон пустого места. Подскажите что не так, заранее спасибо откликнувшимся!
0 votes2 answers -
Див в форме трапеции
имеем карусель, нужно сделать что бы дивы в ней были в форме трапеции, как это можно сделать? рисунок прилагаю
0 votes2 answers -
Как кнопку вставить или двигать в угол сайта
Код я использую в CSS .hrss { float: left; margin-top: 8px; padding-top: 32px; width: 31px; background: url("http://codmws.ucoz.ru/rsshead.png") no-repeat;} .hrss:hover {background: url("http://codmws.game-pack.net/vksar2.png") no-repeat;} А это куда я хочу <a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a>
0 votes2 answers -
Авто расширяемый блок
Здраствуйте, подскажите пожалуйста как сделать чтобы блок автоматически расширял родительский блок. У меня такая структура: <body> <div class="wrap"> <div class="content"></div> <div class="column-1"></div> <div class="footer"></div> </div> </body> css .wrap { width: 930px; height: 100%; background-color: #ffffff; } .column-1 { float: left; width: 15%; } .content { float: right; width: 75%; } Почему div.wrap не растягивается автоматически? Подскажите пожалуйста как сделать чтобы div.wrap был по высоте как содержимое div.content.
0 votes2 answers -
вертикальное выравнивание в блоке
как кроссбраузерно выровнять текст по центру по вертикали в блоке, если он реализован следующим образом: <ul> <li><a href="#"><span>текст 1</span></a></li> <li><a href="#"><span>текст 2 длинный</span></a></li> <li><a href="#"><span>текст 3 пока короткий, но моежет поменяться/span></a></li> </li> где на теги a и span привязывается метод раздвижных дверей. длина ячейки может изменяться. длина текста в ячейке тоже не фиксирована. а в целом вся цепочка растягивается на 100%
0 votes2 answers -
Можно ли...
Можноли, как то залить на сайт свой шрифт и употреблять его для текст
0 votes2 answers -
Кнопки вконтакте, фейсбук, твиттер, google+
Глупый вопрос, конечно, но именно верстальщики их делают? А то мне кажется с этим уже должны создатели сайта заморачиваться, так как это не верстка все-таки. Попробовал добавить кнопку вконтакте на сайт, пришлось со своего аккаунта проделывать различные манипуляции - API ID прикрепляется к странице вконтакте, то есть если этим будет заниматься верстальшик, все кнопки "мне нравится" будут висеть на нем? Ну и интересно узнать, сложно ли все это проделывается с остальными кнопками.
0 votes2 answers -
HTML "Формы" запросов
Доброго времени суток коллеги. перед мной стоит задача построить некий справочник. который одновременно производит поиск в базе из 3-х форм сразу. Базку поднял, всё работает, ищит. Но теперь встал вопрос красоте! Подвесил на формочки картинки и решил описание формы указать в самой форме т.е задействовать Value авто-текст форм при старте. Выглядит так это чудо: вид самой формы запроса из базы. <FORM action="index.php?page=tel" method="get"> <input type = hidden name="page" value="tel"> <b style='mso-bidi-font-weight:normal'><span style='color:blue'><a href="index.php?page=tel"> <span style='mso-spacerun:yes'>Содержание справочник…
0 votes2 answers -
Верстка текста или списков в три колонки
Здрасте. Интересует верстка текста в три колонки на css. И возможно ли на css? И потребуется ли JS? Есть динамическая страница в которую периодически добавляются данные. Данные берутся из бд и вставляются в теги списков ul li. Можно ли сделать верстку как на картинке, чтобы при добавлении новых списков все сдвигалось по стрелкам? Понимаю, что требуется определенная высота блока в котором находятся эти списки, понимаю что для каждого списка нужно назначать float, но ес-но до конца добить не могу Пример можно глянуть здесь: ib-gallery.ru (по нажатию на "производители"). Один большой список возможен, но не желателен. Спасибо
0 votes2 answers -
белая полоса в opere
Сверстал страницу высотой 1120px, во всех браузерах отображается нормально только в опере проблема... в опере блок получается слишком высоким и появляется белая полоса в самом низуу... Можно как нибудь задать высоту блока специально для оперы?
0 votes2 answers -
Не растягивается height:100% блоки до футера
Здравствуйте, вот собственно и проблема, не понимаю в чем дело, HTML CSS
0 votes2 answers -
Сьезжает длинный текст пункта меню
Есть меню в нем пункты, те пункты что очень длинные переносятся, но переносятся ужасно. Вот так: Ясное дело что надо сделать выравнивание по первой строке. Меню выглядит так: <ul class="menu" id="1"> <li class="item13"><a href="/str"><span>Структура</span></a></li> <li class="item12"><a href="/pr"><span>Правление</span></a></li> <li class="item17"><a href="/mem"><span>Управление причем очень длинное</span></a></li></ul> Получается так что текст пункта выравнивается по размеру блока li (вместе с уголком), span тоже принимает размеры li, а вот сама ссыл…
0 votes2 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/
-