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
29542 questions in this forum
-
Несколько картинок в одной ячейке таблицы
Первый раз в жизни пишу на форум. Обычно все уже обсуждалось. Но нигде не нашел что прописать или в CSS или лучше в <td> что бы изображения расположились не в столбик как по умолчанию а в линию в одной ячейке таблицы. Заранее спасибо.
0 votes22 answers -
Select & Number (выравнивание по горизонтали, кроссбраузерность)
Добрый день. Помогите, пожайлуста, советом. Хотелось бы чтобы выглядело вот так. В Firefox так и выглядит. А вот в других браузерах (Opera, Chrome) - вот так 1. Выравнивание select`а не по центру. Пробовал через padding, но тогда все "элементы выбора" select`а сдвигаются на фиксированное количество пикселей. А они имеют разную длину. И получается один по центру, а остальные со сдвигом вправо (в зависимости от длины). 2. Число в поле number отображается не четко по центру, а со сдвигом влево. Если наводишь на само поле - справа появляется стрелочки и тогда вроде по центру. Но без наведения виглядит не эстетично. Может можно эти стрелочки как-то принудительно отобр…
0 votes21 answers -
Валидатор ругается на P
Вот есть такой кусочек из области контента: <p>Плавно-мобильное голосовое поле, согласно традиционным представлениям, потенциально. Кластерное вибрато иллюстрирует полиряд, не говоря уже о том, что рок-н-ролл мертв. Рефрен неустойчив. Канал, так или иначе, неизменяем. Действительно, звукоряд сложен.<img src="images/3.jpg" alt="" style="float: left; margin: 10px 10px 10px 10px;"><div style="clear: both;"></div></p> При валидации, валидатор пишет следующее: Когда я убираю тег </p>, т.е. закрывающий тег, то пишет следующее: Что такое? Что ему не нравится в закрывающем теге p?
0 votes5 answers -
Разметка страницы для печати на принтере
Здравствуйте. Вопрос о полях принтера. Образец того что хочу достигруть разметкой html Взял пример кода из ваших примеров, как его сдвинуть поля, по примеру предосмотра в ексель? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>padding</title> <style type="text/css"> .layer { background: #fc3; /* Цвет фона */ border: 2px solid black; /* Параметры рамки */ padding: 20px; /* Поля вокруг текста */ } </style> </head> <body> <div class="layer"> Lorem ip…
0 votes6 answers -
Выравнивание div внутри td
Здравствуйте! Проблема в том, что не смотря на text-align: center у TD, div, который внутри, не хочет выравниваться по центру. В чем проблема? Вот кодик: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Man</title> <style> .fighter {width: 200px; border-collapse: collapse;} .fighter td {border: 1px solid #000; vertical-align: top;} .head {text-align: center;} .head div {width: 50px; height: 50px; border: 1px solid #777; text-align: center;} .left_hand {text-align: right;} .left_hand div {wi…
0 votes4 answers -
HTML и PHP. Передача данных
Есть несколько страниц с расширением HTML, в каждой из них содержится текстовое поле с цифровым значением value. Т.е. в одной странице , в другой и т.д.. Также есть файл с расширением PHP, который выводит данные из БД согласно запрошенного значения. Вопрос в следующем: При переходе на запрашиваемую HTML страницу, необходимо именно вызываемую HTML страницу заставить обратиться к файлу PHP. А точнее передать из HTML в PHP значение value и полученный от файла PHP результат вывести в вызываемой HTML странице. Пробовал реализовать при помощи SSI, внедряя файл PHP в HTML, но этот метод не подходит, так как значения value на страницах разные. Может кто подскажет как это реали…
0 votes10 answers -
Переключение между стилями CSS одной кнопкой
Камрады, встала вот такая задачка передо мной, прошу совета или ссылки на примерное решение: На странице сайта ТЗ предусматривается некая кнопка, по нажатию на которую должна смениться таблица стилей без перезагрузки страницы (это НЕ многократно здесь обсужденная ранее "версия для печати" - в моем случае меняется все форматирование страницы). Соответственно есть две таблицы стилей - style1 и style2. Проблема в том, что одна и та же кнопка должна при каждом следующем нажатии переключать эти две таблицы туда-сюда. Я погуглил на эту тему - есть куча решений для случая с выбором стиля из списка (да я и сам так могу сделать), есть решения для включения/выключения CSS вообще, а…
0 votes2 answers -
как сделать две таблицы одинаковой высоты
Есть таблца в которой располагаются еще две таблицы. Обе заполнены текстом, но так как количество текста не одинаково, таблицы имеют разный размер по вертикали. Высота правой таблицы равна высоте большой таблицы, а высота левой нет. ————————- | ——- ——-- | | |текст| |текст| | | |текст| |текст| | | |текст| |текст| | | |текст| ——- | | |текст| | | ——- | ————————- Как сделать по средствам HTML или на худой конец CSS, чтобы нижняя граница обоих таблиц упиралась в нижнюю границу большой таблицы? Вот так: ————————- | ——- ——-- | | |текст| |текст| | | |текст| |текст| | | |текст| |т…
0 votes5 answers -
HR - отступ, положение
Как сделать, чтоб эта так называемая ПАЛКА была на картинке, а не за ней.
0 votes17 answers -
Вывод содержимого файла в div
Прошу сильно не пинать, искал но ответа не нашёл, может быть не верно формулировал... Для наглядности возьмём пример кода с вашего сайта <body> <div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div> </body> Как вынести содержимое div-ов в отдельные файлы средствами HTML В описании слоёв(на Вашем сайте) есть упоминание о том что это возможно... Спаси…
0 votes7 answers -
Редактор для набора кода (kompozer)
Такой вопрос: Пользуюсь html=редактором Kompozer. Сделан неплохо, мне нравится. НО, в нем код идет сплошным жестким текстом, без пробелов, без разделения, без табуляций, без пустых строк, которые я хочу вставить в код, что бы удобнее было его видеть. Тупо сплошной текст. Это очень не удобно. Подскажите, может кто знает, эту фишку можно отключить или только так и мучаться? Если нельзя отключить, посоветуйте плз хороший редактор. Спасибо
0 votes37 answers -
Вертикальный отступ перед div в FireFox отображается неправильно (
<div style="width:840;background:white;margin-bottom:45px;margin-top:0px" id="ht5"> Если выставляется margin-top:0px, то в IE отображается нормально, а FireFox содержимое div наползает на находящееся сверху. Если выставить отступ в margin-top:150px, то в FF отображение нормальное а в IE - между предыдущим содержимым большой отступ. Как это можно разрешить?
0 votes6 answers -
height в IE
Подскажите пожалуйста! Есть блок, контента в нем мало, но надо чтобы он растягивался на определенное расстояние вниз, в FF и Opera работает min-height, IE это естественно не понимает. Я еще совсем новичек, не могу никак справится с этим вопросом.
0 votes20 answers -
TABLE выходит за DIV в FireFox
Приветствую! Проблема такая: В FireFox таблица с 100% шириной мнит себя королевой, и выходит за все рамки (справа). При увеличении масштаба (в FF), контент не растягивает а опять-таки тупо выходит справа. В идеале - должен быть всегда в центре, независимо от масштаба FF и содержать весь контент внутри. этот код в IE работает. Если делать чтобы работал в FF - точно та же проблема выходит в FF. И наоборот. Бьюсь уже 2 дня. :/ Заранее благодарен за помощь профессионалов. КОД: <html> <head> <title>WTF?</title> <style> body{ font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 62.5%; margin:0; padding:0; width:100%; height:100%;…
0 votes8 answers -
Уменьшение изображений для адаптивной верстки
Здравствуйте, подскажите, есть макет psd, по нему надо сверстать адаптивный сайт, я взял оттуда все изображения, и те, которые вставлял через css, уменьшил для каждого типа разрешения. Проблема в том, что чем сильнее изменяю размер, тем сильнее изображения теряют качество, как решить эту проблему?
0 votes14 answers -
Простая админ-панель для добавления новостей на сайт?
Простых знаний в javascript хватит, чтобы создать такую админку?Или что-то еще нужно знать дополнительно?
0 votes10 answers -
Очистка поля input
Когда кликаешь в поле то Поиск там не исчезает, как это побороть? Чтобы при клике в поле, предварительная подпись исчезала? <input type="text" name="search5" value="Поиск"><input type="hidden" name="in" value="search5">
0 votes11 answers -
Выравнивание блока по центру относительно body
Сабж. Ребята, выручайте! Чего-то совсем ничего в выдаче не видно Везде описано выравнивание относительно другого блока. Т.е. нужно отцентровать блок относительно экрана без экспрешенов и прочей лабуды. Читсый css. В коде просто блок с содержимым (тоже блоки).
0 votes22 answers -
Скачивание песен с сайта
У меня на сайте выложены песни в формате mp3. В html-коде я указал обычные ссылки ведущие на файл mp3. Проблема в том, что в internet-explorere при нажатии на такую ссылку открывается windiws media player и начинает кэшировать песню, а мне хотелось бы чтобы открывалось диалоговое окно(с кнопками открыть, сохранить,отмена). Помогите исправить ситуацию
0 votes16 answers -
Ширина сайта при разрешении экрана 1024х768
Здравствуйте! Какая ширина сайта должна быть при разрешении экрана 1024х768? Может быть, есть таблица, в которой можно посмотреть оптимальную ширину сайта при разных разрешениях экрана?
0 votes7 answers -
3D облако тегов
Прошу помощи! весь день промучался с кодом <html> <head> <title>Красивое облао тегов</title> <script type="text/javascript" src="swfobject.js"></script></head> <body> <div id="tags"><?php$tags = '<tags> <a href="http://Wincert.ru" style="font-size: 15pt">Wincert</a> <a href="http://W-blog.ru" style="font-size: 15pt">Мой блог</a> <a href="http://cssor.ru" style="font-size: 15pt">Крутой сайт о CSS</a><a href="http://Wincert.ru" style="font-size: 15pt">Веб разработчик</a> <a href="http:// W-blog.ru" style="font-size: 15pt">Интересное</a> </tags>'…
0 votes14 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 -
2 картинки в div
подскажите код css, как можно в одну ячейку таблицы вставить две картинки, чтобы одна выравнивалась по верхнему краю, а другая по нижнему и в этой же ячейке применялся градиент, так как эта ячейка будет тянутся по высоте?
0 votes26 answers -
float и распорка на псевдоэлементе.
Существует классический уже метод сбрасывания обтекания, дабы избежать схлопывание по высоте родителя. Речь о: .clearfix:after{ content:''; display:table; clear:both;}Нуу, это в случае без оглядки на IE7. Собственно, два вопроса к знатокам: Почему display:table; ? Логичнее привычное display:block; - так же работает. И глазу милее и не увеличивает Мировую Энтропию. Или я что-то не знаю и display:table; тут не просто так? Почему часто в коде вижу двойное "сбрасывание обтекания" ДО и ПОСЛЕ .clearfix:before, .clearfix:after {...}. Опять я что-то не знаю, или это обычная паранойя (лучше перебздеть, чем недобздеть)? И если была бы возможность использовать и ВМЕСТО, …
0 votes5 answers -
Интересная задачка
Приветствую. На днях попалось на глаза такое: Описание: Календарик. Колонок календаря всегда 20. может прокручиваться (не до бесконечности). Есть события которые длятся несколько дней (см. рисунок) Исходный данные: Ширина - фикс Высота/ширина колонок - фикс Слева сайдбар - строк может быть даже 200. На заметку: Мышкой можно выделять область (как в Екселе ячейки) (см. рисунок) Интересна реализация верстки. Какие будут идеи? PS: макет сам наклепал на скорую руку.
0 votes44 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-