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
-
Как сделать DIV-подвал НЕ фиксированной высоты
Нужно сделать подвал, прилепленный к низу страницы. Но есть особенность: подвал должен растягиваться по высоте в зависимости от контента. Во ВСЕХ найденных мною примерах верстки блочных подвалов, прилепленных к низу страницы, используются подвалы с заранее заданной высотой. А как быть, если высота заранее не известна? Вот пример на основе таблицы. <HTML> <BODY> <STYLE> html,body {height:100%;} </STYLE> <TABLE cellpadding=0 cellspacing=0 height=100% width=100%> <TR> <TD bgcolor=pink> Page content...<BR>111<BR>222<BR>333 </TD> </TR> <TR> <TD bgcolor=yellow id=footer style="height:…
0 votes4 answers -
2 колонки див
в блоке есть два блока,в которых также есть блоки. Так вот,проблеммо собственно в том, что при добавлении в левый блок блока с большой высотой растягивается и правый блок,а мне нужно,чтоб только левый тянулся, а правый оставался неизменным вот код html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>LugOS - интернет магазин</title> <link rel="Stylesheet" type="text/css" href="style.css"/> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head&…
0 votes4 answers -
div{display:inline;} в ие6
добрый день в ie6 дивы растягивают родительский див, хотя задана его ширина как можно исправить? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style> .d1{ width:300px !important; text-align:center; } .d1 div{ display:inline; margin:0 5px; font-size:40px; } </style> </head> <body> <div class="d1"> <div>123</div> <div>456</div> <div>78945345345345</di…
0 votes4 answers -
Проблема с float
привет всем) я чайник в верстке, учусь. Хотя, думал, с флоатом справлюсь... Суть проста. Есть два блока, по 50% ширины каждый. Ставлю каждому float: left; width: 50%; (бордер для наглядности проблемы) результат причем происходит все так. Есть класс .block, для которого стоят только отступы. Так как они одинаковые для всех. .block { margin-bottom: 30px;} Ну и классы .w50p {width: 50%;} .floatleft {float: left;} Прописываю <div class="block w50p float">бла бла</div> <div class="block w50p float">бла бла</div> ЕСЛИ прописать дополнительно .block {margin-bottom: 30px; float: left;} То блоки становятся ровно, зато лезут другие косяки, связанные с от…
0 votes4 answers -
Выравнивание изображения в CSS
Подскажите, пожалуйста, как мне выровнять изображения в ячейках по центру на странице http://moscow.domolink.ru/users/oplata/ Там где логотипы платёжных агентов. Прописал в стилях: td img { text-align: center; } Не помогло.
0 votes4 answers -
Опера - png
Вобщем вот сайт - http://freunds.ucoz.ru/ В опере когда обновляешь страницу, за IPad мелькает белый фон, как его можно убрать?
0 votes4 answers -
Посоветуйте учебник по html в текстовом формате
Посоветуйте учебник по html в формате txt, rtf, doc, chm, fb2 и других текстовых, но только не pdf и djvu.
0 votes4 answers -
Про ФОН, CSS и скрипт!))
Здравствуйте, начал создавать сайт на okis.ru вот он Моя ссылка Возник вопрос, как с помощью CSS можно сдвинуть чуть правее скрипт с глобусом (он находится справа под новостями) и сделать над ним фон, как у всего сайта? Виктор.
0 votes4 answers -
Шрифт в Mozilla
Сравнил все браузеры, в Mozilla Firefox 4 шрифт больше чем в других тестировал с font-size em и px (Arial) Всегда использовал em и везде было абсолютно одинаково, даже на пиксель нигде не смещалось ничего, кстати с px по другому, но это другая тема. Тык что же случилось с Firefox ? как исправить? p.s: у всех так?
0 votes4 answers -
Проблема с CSS
Добрый день. Помогите, пожалуйста, разобраться. На сайте и на форуме ответ не находится. Суть проблемы в том, что при подключении CSS файла IE всех версий его цепляет легко и отображает страницу как в нем указано, а мозила, опера, хром и сафари CSS полностью игнорируют (в пути дело быть не может, раз IE цепляет, в чем еще дело не пойму). Версии глючащих браузеров опробовала разные, для хрома и сафари вообще самые последние. Не отображаются в указанных браузерах все настройки, заданные через CSS: размеры и обтекание DIV, фоновые изображения, параметры текста, вообще все. В чем тут может быть подвох? Заранее спасибо.
0 votes4 answers -
Текст в поле input
Вопрос: в поле <input type=text value="поиск..."> отображается текст "поиск..." как сделать так, чтобы при клике мышкой в это поле текст исчезал, и желательно, чтобы при клике в другом месте сайта (чтобы сделать неактивным это поле), текст снова появлялся! и самое важное то что бы текст в value имел серый цвет например, а когда что та печатаеш в инпуте, текст уже был чёрного цвета(например). Нужна профессиональная решение этого вопроса, думаю это каждый использует, у меня есть скрипт, но не нравится как работает. Спасибо.
0 votes4 answers -
карта города
Прошу совета ! Задача такая есть карта города, нужно сделать выделение района при наведнии и при нажатии переход на ссылку вида site.ru/flats/all/side/ название района города. как лучше реализовать ??? просто если бы формы картинок были прямоугльные сделал бы дивами и менял бекгроунд а так не могу придумать как седлать . Заранее спасибо
0 votes4 answers -
Как оцентровать div
Добрый день. Есть страница http://tdsol.ru/?page_id=126 на ней таблица, под таблицей 2 строки текста. Но из за того, что боковые divы закончились раньше текст разъехался. Подскажите, как его оцентровать относительно среднего diva?
0 votes4 answers -
Применение стиля у таблицы при обнуление *
На сайте так обнуляеться в стилях все: * { margin: 0px; padding: 0px; } И когда создается контент, на страницу к примеру таблица и в теге table указываются отступы и прочее, то они не работают: <table border="1" bordercolor="#FFFFFF" cellpadding="10" cellspacing="0" width="100"> Как быть, чтобы все обнулялось, но в таблице нет?
0 votes4 answers -
Карта изображений при помощи CSS
Карта изображений при помощи CSS На скрине показано, как это работает - 1. Загружено фоновое изображение. 2. При наведении на любой черно-белый сектор картинки применяем hover, это просто украшаловка. 3. При наведении на цветные участки имеем ссылку на нужный вам ресурс. В данном примере три условных поля: - на главную - новости - контакты Полей может быль сколь угодно много, не проблема. В архиве Map_CSS.rar (193 Кб), 4 файла - - index.html - style.css (tooltip + mapimage) - karta.png - karta_hover.png Стили меняются под ваши нужды без всяких проблем. Кроме html и css больше ничего не применяется, никаких скриптов. CSS: body { font-weight: bold; font-style: …
0 votes4 answers -
Решение проблемы с проверкой данных формы в FireFox4
Решение проблемы с проверкой данных формы в FireFox4 Буквально вчера наткнулся на такую засаду: Имеется форма, валидация данных в которой происходит через яваскрипт. В данном случае сбой произошел при применении атрибута required. На скринах видно, что должно было быть, и есть(!), в версиях до 4-й, и что стало в 4-й - 1. Версия 3.3.16 - При ошибке, при заполнении формы, выскакивает сообщение и поля формы, в которых сделаны ошибки, заливаются фоном, вот так: 2. Версия 4 - Мало того, что вокруг полей появляется красная рамка, так и еще и невозможно ввести данные, тут же выдает сообщения, так примерно: Решение нашел, помогли добрые люди, цитирую: "Это проверка на стороне…
0 votes4 answers -
Сколько резать картинку в px для фона сайта?
Мне надо сделать фон. Некоторые говорят надо резать в ширину 1px что больше не имеет смысла, а некоторые думают наоборот. Кто прав и сколько px брать? Заранее спасибо!
0 votes4 answers -
jQuery.cycle - как заставить картинку отображаться по центру
Ссылка на страничку, не получается заставить отображаться картинку по центру по горизонтали. При заданной ширине картинку растягивает, по этому указываю только высоту. Используя данный скрип возможно ли это кроссбраузерно?
0 votes4 answers -
mod_rewrite и страница входа на сайт
Добрый день, у меня есть домен, у которого есть синоним. Ну т.е. есть mysite.ru и синоним mysite.com Теперь вопрос, поскольку в любом случае, при набирании адреса (неважно ru или com), страница входа index.html Я спросил у хостера, можно ли сделать так, чтобы изменить страницу входа, т.е. если человек заходит на mysite.ru — страница входа "index.html", а если он заходит на mysite.com, то страница входа другая, ну скажем, "main.html". Делается это потому, что я делаю сайт на двух разных языках, и в "main.html" будет другой язык и собственно немного другая структура сайта. Хостер сказал, что такое можно сделать с помощью mod_rewrite и послал к интернетам... Я в этом деле пр…
0 votes4 answers -
Меню, список ul, j, обтекание
Всем доброго вечера. Ребят столкнулся с такой проблемой, возможно она примитивна, но все же хочу узнать совета знающих людей. имеется меню тип список ul. Наглядный макет HTML код. <ul> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> &l…
0 votes4 answers -
Три колонки
Коллеги, прошу помощь зала. Не нашел оптимального варианта. Задача: три колонки: левая резиновая, центральная фиксированная, правая опять резиновая Заранее благодарю.
0 votes4 answers -
Корректное отображение Last-Modified
Добрый день. Сайт на php не выдаёт Last-Modified: Date: Wed, 13 Apr 2011 10:42:40 GMT Server: Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 X-Powered-By: PHP/5.2.4 Keep-Alive: timeout=5, max=100 Connection: Keep-Alive Transfer-Encoding: chunked Content-Type: text/html; charset=cp1251 Content-Language: ru 200 OK После добавления в страницу кода(в начало документа): <?header("Content-type: text/html; charset=windows-1251"); header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); ?> выводит: Date: [color="#FF0000"]Wed, 13 Apr 2011 10:45:58 GMT[/color] Server: Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 X-Powered-By: PHP/5.2.4 La…
0 votes4 answers -
Выделение текста цветом
Делается запрос в поисковике например "глазированные сырки" и выводятся результаты поиска. человек переходит на мой сайт и если он перешел на страничку моего сайта где есть точно такой текст "глазированные сырки", а не "глазированных сырков" или "сырки с глазурью", то этот тект будет подсвечиваться, для того чтобы человек мог сразу найти нужную главу текста. вот в последней картинке я выделил в фотошопе текст, как примерно он должен выделяться или может просто цвет текста поменяться. сайт на юкозе, поэтому можно ли как то исполнить это безе php?
0 votes4 answers -
Непрозрачное изображение на прозрачном слое
Здравствуйте. Есть проблема такого характера. Есть див, к нему прописано opacity: 0.3; Внутри этого дива есть картинка, мне нужно, чтобы она не была прозрачной. Я прописываю картинке opacity: 1 !important;, но она все равно прозрачная. Как быть, подскажите? <div style="width: 600px; height: 300px; background: #FFFFFF; opacity: 0.2;"> <div style="position: absolute; left: 200px; top: 50px;"> <img src="myimg.png" style="opacity: 1 !important;"> </div> </div>
0 votes4 answers -
Проблемы с выпадающим списком!
Есть выпадающий список, вида: <div class="side_rub"> <div class="entry"> <a class="plus" href="#" onclick="return switchRub(this,'rub50')"></a> <a href="" class="lst1">текст</a> </div> <div class="rub_child" id="rub50"> <a href="###" class="i">Текст</a> <a href="####" class="i">Текст</a> </div> Обработчик на jquery-1.5.1.js: <script language="javascript"> var currub = ""; var temprub; var maxrub = 99; for(var i=0;i<maxrub;i++) if(temprub = document.getElementById("rub"+i)) temprub.style.display = "none"; if(currub !=…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-