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
-
Табличка с резиной
Доброго времени суток. Задача: ширина блока должна быть по длине текста сверху. Поле с циферками снизу должно тянуться. Отступ справа (внутри ячейки) 25 пикс. В Опере полет нормальный.. В ИЕ с хаками тоже более-менее (неадекватно реагирует на задание white-space: nowrap; но это ладно). FF\Chrome категорически несогласны. Такие вот делишки. Сделать статично не прокатит, увы. Хаки для FF\Chrome нежелательны, но вполне прокатит - хоть что-то будет. Заранее спасибо. С уважением, Олег. http://beavers-net.narod.ru/primers/balance_probe.html
0 votes4 answers -
Непонятки с 960gs
Всем привет. Нашел туториал для дизайнеров по верстке для 960gs http://www.tutorial9.net/photoshop/design-...h-the-960-grid/ . PSD примера: http://www.tutorial9.net/wp-content/upload...04/BlueGrid.psd Но макет который там представлен вызывает у меня вопросы насчет верстки блоков чисто по фреймворку. Блок с телефоном в шапке имеет темную рамку, которая вылазит слева на область где будет margin, с первой колонкой списка Summary of Service справа то же самое. Понятно, что это некритично, можно все это в одном блоке по сетке сверстать, а внутри него уже использовать обычные плавающие блоки. Но я хочу тогда понять почему не сделали все по сетке, это же туториал, т.е. образец?…
0 votes4 answers -
Подскажите, как выровнять картинки по вертикали в списке li?
Необходимо картинки разных размеров в теге li, выровнять по высоте, чтобы было красиво Но ничего не получается. Был уверен, что всё должно быть просто). Уже запарился, неужели в li не работает vertical-align: middle; ? Проблему можно увидеть на сайте, например, в описании товара: http://www.foto-cam.ru/catalog/videokamery...110e-black.html на странице описания товара есть куча превьюшек разных размеров, но все они не более, чем 100 на 100. Я в li задал, чтобы этот элемент был размером 100 на 100, с рамкой. Вроде смотрится отлично), но один косяк мне не нравится. Не могу выровнять в этих li сами фотки по вертикали, думаю, так вообще смотрелось бы чтонадо. Если нетрудно, м…
0 votes4 answers -
как сделать наверху полоску как в фейсбук или майл или твиттере чтобы она при любом экране было четко от правого края до левого края?
как сделать наверху полоску как в фейсбук или майл или твиттере чтобы она при любом экране было четко от правого края до левого края?и даже если уменьшать всю страницу то полоска все рано будет на весь экран))я думаю меня будет лучше понятно если вы зайдете на фейсбук и поуменьшаете страницу
0 votes4 answers -
span+css=div?
Можно ли при помощи CSS из span соорудить некое подобие блочного элемента? Хотя бы что бы он начинался с новой строки. Такое: abcd<span class="myclass">def</span>fffff Должно выглядеть так: abcd def ffffff
0 votes4 answers -
Вёрстка под мобильные браузеры
Кто то имел данный опыт? поделитесь впечатлениями и проблема
0 votes4 answers -
Три "float" и "clear:both;"
У меня получается это: А надо это: Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #left { height:150px; width:100px; float:left; background:#990000; } #inner_left { height:80px; width:70px; float:left; background:#3366FF; margin-right:10px; } #right { width:100px; height:250px; float:right; background:#990000; } #center { margin-left:110px; background:#339966; margin-right:110px; padding:10px; margin-bottom:10px; } .clearfloat { clear:b…
0 votes4 answers -
Высота сайта
Сверстал свой первый макет http://examplesait.ru.swteh.ru/sait.html Осталось непонятным следующее: как убрать лишнее(пустоту) из-под футера???
0 votes4 answers -
Тег <map> Не следует заданным координатам.Тупо игнорирует
http://s002.radikal.ru/i198/1011/ea/70c48d96e76c.jpg судя по фотке и данным.планета не должна быть в том углу..она должна быть справа уже от центра. браузеры перестали считывать эту информацию?или сам тег уже не существует?Иль я ошибку сделал? ——————————————————————————————————————————— гляньте.Я также решил попробовать вставить в css файл параметры отступа слева и сверху http://s012.radikal.ru/i320/1011/c8/0dca3de36474.jpg ———————————————————————————————————————————— Ничего не работает!Что за напасть!?
0 votes4 answers -
phpbb3
всем привет. кто нибудь может подсказать, что нужно сделать со стилем, что бы получилось вот так же как здесь - http://www.flying-bits.org/ ? тоесть сам стиль получается как бы в рамке, а за ним серый фон...
0 votes4 answers -
Как прижать дочерний блок к низу родительского ?
Подскажите, как прижать дочерний блок к низу родительского. Разметка такая: <div class="wrapper"> <div class="content"> Здесь некий контент </div> <div class="bottom"> Здесь тоже какой-то контент </div> </div> Вот этот вот блок bottom мне и нужно прижать к низу блока wrapper, и чтобы он был снизу независимо от количества текста в блоке content. Подскажите, пожалуйста.
0 votes4 answers -
Трехколоночный резиновий макет
Если проблема - http://img18.imageshack.us/img18/3449/96311259.png <html> <head> <title>blu</title> <style > * {margin: 0;padding: 0;} #log { border: 1px red solid;height: 25px;width: 100%; } #wrapper {border: 1px red solid;margin: 0 40px;} #head {height: 100px;border: 1px yellow solid;} #speedbar {width:100%;border: 1px black solid;height:20px;margin: 10px 0 0;} #content {overflow: hidden;width: 100%;} #left {float: left;border: 1px red solid;height:30px;width: 250px;margin: 10px 0;} #center {border: 1px green solid;height: 40px;margin: 0px 270px 0px 260;} #right {float: right;border: 1px red solid;height:30px;width: 250px;margin: 10px…
0 votes4 answers -
.htaccess и скачка игображения
Здравствуй старый добрый форум и вновь мне нужен твой совет. Под утро, после более 12-ти часов за компьютером, на меня свалилась такая вот задача: Дано: есть сайт; на сайте есть jpg-файл (url: /img.jpg); есть .htacces; когда пользователь заходит по url: /img.jpg, то он любуется картинкой. Задача: по url: /img.jpg?download скачать эту красивую картинку. Примечании: Почему-то мне кажется, что эту задачку можно решить через .htacces Буду рад помощи.
0 votes4 answers -
max-width для img
Задал для картинок max-width: 100% В хроме всё нормально, а в опере и фоксе нет. Почему? http://divstudio.ru/portfolio/icew/
0 votes4 answers -
Кроссбраузерно выровнять Input
Доброго времени суток. Есть фоновая картинка, есть input. Никак не удаётся выровнять input кроссбраузерно. Он должен быть посередине белой полосы на картинке. Частично проблему решил хаками, но Opera 9.64 все равно не хочет. Пример: http://beavers-net.narod.ru/primers/search.html Стили: http://beavers-net.narod.ru/primers/style.css С уважением, Олег.
0 votes4 answers -
Я подавлен.Как закинуть всплывающее окошко?
вот что я накатал.. <a class="mars" href="mars.html"></a> все норм отображается,но я хотел бы чтобы всплывало еще и окошко с названием Марс.я делал так.. <a class="mars" href="mars.html" alt="Марс"></a> Но все равно не работает.как быть? Я еще в интернете видел всплывающие подсказки выполненные с помощью css,но они не подходили к моему элементу...Видимо из за того,что подсказки предназначены для текста.=( Мне также советовали сделать так... <span class="title" class="mars">Поволжье( слово...при наведении на которое появлялось окошко)<em>Подсказка Марс<i></i></em></span> вот видите? именно для текста а мне для эл…
0 votes4 answers -
Как и где мжно применяь
Никак немогу разбратся ,почти всегда тег Vertical-align у меня нерабтает - почему???
0 votes4 answers -
Настройка страницы
Доброе время суток! Подскажите пожалуйста, кто-нибудь знает как сделать настройку страницы (с записью в кукис) на сайте. Точно так же как на яндеске. Там на главной странице кнопка "Личные настройки->настроить яндекс" есть возможности добавлять новые блоки и перемешать блоки, при сохранение идет запись в кукис.
0 votes4 answers -
Позиционирование слоя в гибридной странице
Возникла необходимость внести на страницы, свёрстанные таблицами, элемент, который должен располагаться над всеми другими элементами(ячейками таблиц) страницы, на пересечении границ ячеек. Скажите пожалуйста, как вывести эту картинку "на верхнем слое", и отпозиционировать её относительно ячеек таблицы (таблица расположена всегда по центру окна, поэтому от границ окна устанавливать фиксированные координаты к сожалению нельзя ). Очень прошу помочь.
0 votes4 answers -
INPUT type="radio" Нестандартное оформление
Вот такая ситуация, первый раз с ней сталкиваюсь, оформить элементы формы типо текст можно, а вот как быть с радиокнопками и чеками? По заказу я должен сделать радио чтоб внутри при выборе точка была красная, как это сделать подскажите пожалуйста
0 votes4 answers -
Вопрос по mootools
Доброго времени суток. Нужна помощь Есть див с уникальным классом .prew, внутри еще один див, с не уникальным классом .value (но уникальным в пределах родителя) внутри последнего текст Отдельно существует ссылка с #prew. Задача назначить текст внутри дива в качестве атрибута href ссылки пробую так: <script type="text/javascript"> document.addEvent('domready', function () { var b = $('.prew').getElement(".value").get("text"); $('prew').set('href', 'b'); }); </script> не получается, подскажите в чем не прав
0 votes4 answers -
Меню с тегами ul li отступ слева во всех IE
Здравствуйте, Вот уже неделю бьюсь над тем что в IE почемуто слева отступ вот код , я его конечно упростил .menu{margin:0; padding:0; width:167px; list-style:none;background:rgb(255,255,255);} .menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; } <ul class="menu"> <li><a href="news.php"><span>Новости</span></a></li> <li><a href="dop.php" target="_parent"><span>Дополнительно</span></a></li> <li><a href="news.php"><span>Новости</span></a></li> <li><a href="ad.php" target="_self"><span>Еще</span></a></li>…
0 votes4 answers -
Не корректное отображение таблицы в FF
Здравствуйте, такой вот код. <html><head> <script src='../jquery-1.4.2.min.js' language='javascript'></script> <script language='javascript'> function adduserpost(){ res="<tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td></tr>"; $('#modermsgdiv').append(res); } </script> </head> <body> <table cellspacing=1 cellpadding=5 style='background-color: #e1e1e1'> <tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text'…
0 votes4 answers -
Головоломка с отображением исходного кода
Имеются три блока. Например: HTML <div id="container"> <div id="block1"> <h2>Блок №1</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including v…
0 votes4 answers -
Как изменить стрелку у тега <select>?
Нужно заменить виндовую стрелку у <select> на картинку. Почитал в инете и понял, что это решается через JavaScript. Хотел узнать какой самый лучший, по вашему, метод стилизации этого тега?
0 votes4 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/
-