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
-
Параметр mailto.Два адреса электронной почты в одном письме.
Можно ли с помощью тега задать два адреса электронной почты,один в окошко "кому", а другой в "копию"?
0 votes2 answers -
Форум на DIV'ах
Везде форумы сделаны табличной версткой, а никто не пробавал реализовать это на дивах! Мне кажется гораздо удобней, и по скорости загрузки, и по обслуживанию дизайна! :cool: Как вы на это смотрите? Какие проблемы могут вознинуть?
0 votes11 answers -
frD-Как выровнить элемент (к примеру, рисунок) по правому краю окна?
При использовании position: absolute; right:10px - жестко привязывается к границе окна и, при уменьшении размеров окна браузера, уезжает вместе с этой границей влево, накладываясь на другие элементы. Пробовал вставлять в другой div с absolut 'ом - не выходит. [Пока не совсем понимаю логику слоев]
0 votes3 answers -
Список шаблонизаторов
Для тех, кто только ознакамливается с шаблонизаторами и выбирает, какой же предпочесть, большой список с кратким описанием (на англ. языке). http://www.whenpenguinsattack.com/2006/07/...ne-roundup/?1=1
0 votes3 answers -
inline-style
Хотел спросить мнение:часто ли вы пользуетесь inline styles?или предпочитаете вс? вносить в css?слышал много разных мнений,так и не понял что лучше и безопаснее
0 votes4 answers -
Как поместить картинку по верх Flash объекта.
Впринцепи сабж это и есть вопрос. Пробывал через "z-index" вс?равно flash вверху. Задача: разместить картинку по верх flash игры.
0 votes4 answers -
frD-sss марджыны не марджыны?
есть сайт http://www.psi.net.ua/site/index.php вот немогу понять если я в css указываю margin: 0px 0px 0px 0px; то у меня всеравно отступы от контента появляются, а если я указываю margin: -5px -5px -5px -5px; то контент прилипает к бокам но только в ФФ а ИЕ ложыт на это дело с прибором =) да и ваще не выход это эти минусовые марджыны вот как мне сделать чеб теблицы сайта были действительно 100% и плотно прилегали к краям окна?
0 votes12 answers -
Якорь из формы
Как из формы передать якорь? <form action="action.php>" method="get"> <input type="hidden" name="name" value="value"/> </form> Соответственно по сабмиту получаем "action.php?name=value". Как из формы добавить в конец ссылку на якорь: "action.php?name=value#anchor"?
0 votes10 answers -
Проблема с вложенными таблицами.
Почему во вложенной таблице не исчезла сетка? <html> <head> <style type="text/css"> .tbl { width: 100%; border-collapse: collapse } .tbl td { border: 1px solid black } .tbl2 td { border: 0px solid black } </style> </head> <body> <table class="tbl"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> <tr> <td>............</td> <td> <table width="100%" class="tb2"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> </table> …
0 votes16 answers -
Посоветуйте
Посоветуйте шаблонизатор, не такой огромный и монстрообразный как Smarty. 150кб кода кажутся мне лишними в 40кб-ом проекте
0 votes3 answers -
Как сделать ссылкой всю строку в таблице?
Есть таблица с данными (каталог товаров). Хотелось бы сделать строку в таблице ссылкой на соответствующий товар. Как это можно сделать? Сейчас ссылка прописана для каждой ячейки отдельно.
0 votes2 answers -
фигня с таблицами
есть код: <table cellspacing=0 cellpadding=0 width="100%" height="100%"> <tr> <td style="background-image: url('/img/title.png'); width: 526px" align=center> </td> <td style="background-image: url('/img/title-border.png')"> </td> </tr> </table> т.е. по идее он должен поделить вс? сво? пространство на две части: первая - 526 пикселей, а вторая вс? остальное доступное пространство. В опере 9.2 работает, а в Netscape(как движок IE, так и Firefox) вс? доступное пространство занимается первой ячейкой. Как сделать правильно, чтоб первая часть 526 пикселей, а вторая вс? остально доступное пространство?
0 votes1 answer -
frD-float - откуда белая полоса?
Приветствую. Верстаю сайт. Решил по возможности сделать на div-ах. Одна из проблем - фон. <div style="padding: 5; background-color: #808080;"> <div style="width:300;float:left;">Строка Еще строка</div> <div style="width:100;float:left;"><img alt="" src="/ico/counter.png" height="31" width="88" /></div> <div style="width:100;float:right;">Написать письмо</div> <!--<p style="clear:all;"> --> </div> </body> </html> Почему использование float приводит к появлению (все браузеры) на сером фоне контейнера белых (ой?) полос? Что дает эту накладку? Закоментированых фрагмент все приводит в норму, н…
0 votes1 answer -
Тень от текста в html
Подскажите, реально-ли сделать тень от текста при помощи стандартных средств html и css, если текст находится сверху бэкграунда? Если нет, подскажите простое решение плиз.
0 votes9 answers -
Переполнение блока
люди, помогите! Бьюсь над проблемой, нич? не помогает. В контенте вылезает строка, хотя она должна переноситься. Оверфлоу пробовал, не помогает, немогу понять, в ч?м дело, уже два дня сижу пустыр?м, проблема висит. Страница: http://fastblogdesing.narod.ru/123/index.htm Кстати, можете дизайн оценить. Но это просто кошмар!
0 votes3 answers -
frD-Смещение фонового изображение в body в FF и Opera
Короче, возникла такая трабла. В body прописываю: body { text-align:center; margin:0; padding:0; background:url("../image/side_lines.gif") top center repeat-y; height:100%; } При изменении окна браузера, когда содержимое не влазит полностью в окно, фоновый рисунок съезжает в сторону в FF и Opera. В IE и Netscape все нормально. Подскажите, в чем проблема, и как это дело пофиксить. Замучался уже... P.S. Нужно именно чтобы этот фоновый рисунок был в body, ибо в макете несколько фоновых изображений, которые накладываются друг на друга (ну надо так).
0 votes13 answers -
транслитное насписание названия фаилов
Не подскаже название проги которая переводит руские буквы в аналогичные английские в названиях файлов.. Просто есть многа файлов с русскими названиями и их нуно все разом чтоб с англ названиями стали.
0 votes4 answers -
положение слоя в ячейке таблици
не от экрана Пусть имеется таблица, 2*2., последняя ячейка голубая. И в нее надо поместить div красного цвета. Делаю эту ячейку блоком relative, помещяю в нее div. При этом IE правильно понимает, что отмерять положени дива надо от ячейки, а не от границы брауза. Как заствить понять тоже самое Opera и FireFox? <html> <head> <style type="text/css"> <!-- html, body { margin:0; padding:0; width:100%; height:100%; } #card1 { background-color: red; height: 30%; width: 20%; border:5px; border-color :#336633; left:0%; top:0%; position: absolute; border-style: solid; } </style> <head> <body> <table width="80%" …
0 votes8 answers -
взаимное расположение картинки и Flash
Здравствуйте! У меня проблема вот какого рода: на странице есть картинка и Flash -ролик. Позиция ролика рассчитывается относительно левого верхнего угла картинки, а не левого верхнего угла страницы. Я сделал это так: ... однако такой вариант работает только в IE, в Opera расч?т ид?т от верхнего левого угла страницы! Как решить эту проблему?
0 votes5 answers -
Как подгрузить собственный шрифт
Здравствуйте! Подскажите пожалуйста, возможно ли успользовать свой собственный шрифт для сайта, чтобы люди, которые заходили на сайт автоматически устанавливали этот шрифт?
0 votes4 answers -
frD-Как сделать, чтоб таблица тянулась по высоте на 100 %
сверстал шаблон для joomla сначало в html, чтоб таблица тянуласть по высоте на 100% и не было отступов от границ броузера. <html> <head> </head> <body> <table width="780" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="539" height="151"><img src="images/1.jpg" width="539" height="151" /></td> <td width="241" height="151"><img src="images/4.jpg" width="241" height="151" /></td> </tr> <tr> <td width="539" height="46"><img src="images/2.jpg" width="539" height="46" /></td> <td width="241" height="46" align="center" background="images…
0 votes1 answer -
отсутпы - padding margin
Столкнулся при верстке с такой проблемой: я использую в css глобальный сброс: * {padding:0;margin:0} для того, чтобы быть уверенным в отображении всех элементов. Однако, для того, чтобы при помощи визуалного редактора можно было беспрепятственно пользоваться редактированием контента, мне необходимо отказаться от данного исключения для тега table. Может кто-нибудь знает, как этого можно добиться?
0 votes13 answers -
frD-таблица на таблице
Ребят, у меня табличный дизайн типа этого <table width="20%" border="0" cellspacing="0" cellpadding="0" id="container"> <tr> <th id="bok" rowspan="5"></th> <th id="СЕРЕДИНА" colspan="2"></th> <th id="bok" rowspan="5"></th> </tr> <tr> <td id="banner2"></td> <td id="banner1"></td> </tr> <tr> <td id="fon" colspan="2"></td> </tr> <tr> <td>пока пустой</td> <td>пустой</td> </tr> <tr> <td colspan="2"></td> </tr> </table> так вот, я хочу теперь чтоб СВЕРХУ НА таблице "СЕР…
0 votes25 answers -
резиновость блочная верстка
доброго времени суток. 1. есть следующий код: <div style="width:17%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:16%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:16%; height:46px; float:right; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:right; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:right; background-color:#eee;">asd</div> в суме ширина всех дивов == 100% Во всех броузерах (ИЕ6/7, ФФ2) вс…
0 votes19 answers -
отступы для блока в IE6
Нужно просто поместить прямоугольник на страницу, но не на всю высоту, а чтобы сверху и снизу были фиксированные отступы, скажем по 100px. Рисуем div и делает для него #list{ background-color:#FFFFFF; position:absolute; width:80%; top:100px; bottom:100px; } Так вот, в Opera и Mozilla все нормально отрабатывает, а в IE6 высота блока сжимается. Прочитала, что можео задавать для IE так: height:expression(document.body.offsetHeight-200); Да, вроде отрабатывает, но я боюсь это использовать, потому что JavaScript может быть отключен и тогда весь дизайн полетит...Я права? Помогите, please, верстаю слоями первый раз и не знаю, как это правильно делается...
0 votes24 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-