HTML Coding

29542 questions in this forum

1. Макет в несколько столбцов с содержимым разной высоты

   Здравствуйте! Такая проблема: Из базы данных приходит список новостей. Каждая новость — это картинка, заголовок и поясняющий текст. Все новости помещаются в несколько колонок (от 1 до 3 в зависимости от ширины окна). Все новости одинаковой ширины но разной длинны. Нужно сверстать примерно такой макет: При этом нужно сохранить порядок новостей. И вот не могу придумать, как такое сделать... Очень хочется без js. Используется django, шаблонизатор родной. Если все-таки JS — к сайту прикручен JQuery.

   Asked by Zelta, June 5, 2013

   • html css django
   0 votes
   2 answers
2. Валидатор форм

   В интернете есть много разных скриптов, которые помогают с моментальной валидацией формы, однако все они громоздкие, стрёмные и, на первый взгляд, сложны в использовании. Кто-нибудь может посоветовать какой-нить классный валидатор форм? Что бы он мог выводить сообщение о неправильности определённого поля ещё до нажатия кнопки сабмит. Мне понравился вот такой пример http://livedemo00.template-help.com/wt_44972/index-5.html Спасибо заранее

   Asked by Alarr, June 5, 2013

   • валидатор форм
   0 votes
   1 answer
3. cвойство filter не проходит валидатор

   добавляю градиент для ie с помощью свойства filter: progid:DXImageTransform.Microsoft.gradient и теперь css не проходит валидацию.что делать? оставлять css не валидным?

   Asked by eleonore, June 5, 2013

   0 votes
   9 answers
4. Двойной выпадающий список

   Никак не могу сделать выпадающий список типа Болезни > А > Артрит. Простой выпадающий список не проблема, а чтобы из него еще один выпадал не выходит. http://test.parkes.org.ua/. Помогите пожалуйста.

   Asked by apexis, June 5, 2013

   0 votes
   1 answer
5. Перенаправить с домена на другой.

   Следом вытекающий вопрос по домену.рф. Какие есть методы перенаправить с домена.рф на домен.ru? Если не сложно, ссылочки на конкретные статьи, пожалуйста.

   Asked by Тишина, June 5, 2013

   • редирект
   • .рф
   • домен
   • .рф-.ru
   • перенаправление
   • redirect
   0 votes
   1 answer
6. Сдвинуть прокрутку вправо

   http://impuls-forum.ru/ В модуле "Наши партнеры" - при нажатии на левую стрелку - изображения наезжают на нее. Как это исправить?

   Asked by Imperil, June 5, 2013

   0 votes
   2 answers
7. Здравствуйте, подскажите как мне сделать нумерацию строк как на картинке но только для тега <textarea>?

   Здравствуйте, подскажите как мне сделать нумерацию строк как на картинке, но только для тега <textarea>?

   Asked by Wily, June 5, 2013

   0 votes
   3 answers
8. Не могу подключить css-документ к html

   Привет всем. Такая проблемка - не могу подключить сss-документ к html. Раньше подключал, сейчас не в какую. <link type="text/css" rel="stylesheet" href="netcat_template/template/103/css/style.css"> строка из html index.html лежит в qb-interactive. в этой папке есть netoat_template и так далее - template/103/css/style.css чего оно не подключает? т.е. я попробовал запустить через дримвивер. то там видит. что эти документы связаны. но когда я что-то задаю в css в html оно не выполняется

   Asked by Shader, June 5, 2013

   0 votes
   2 answers
9. Шрифты

   Здравствуйте. Объясните мне как новичку или дайте ссылки, какие стили шрифтов нужно использовать при вёрстке сайта) Где нужно использовать обычный, а где подчеркнутый. Или где курсив, а где нужно жирный. Какой нужно использовать в меню и т.д. Я новичок в этом. Уже гуглил, противоречивые ответы находил. Помогите мне зелёному))

   Asked by Risamey, June 5, 2013

   • Курсив
   • Подчеркнутый
   • Наклонный
   0 votes
   12 answers
10. Закрепить логотип на сайте!

    Добрый день всем! Вот на сайте http://www.netdreams.co.uk/ при уменьшении окна браузера логотип не куда не скатывается, остаётся на своём же месте. Проще говоря он прикреплен^^ У меня же при изменении чего либо, он двигается в месте с этими-же изменениями а должен прилепиться в указанном месте=)) Вот мой код: <style> .logo_img { float: left; position: absolute; margin-left: 130px; margin-top: 14px; } </style><div class="logo_img"> <img src="{THEME}/images/logo.png" alt="Логотип сайта Warcraft 3 Cheats"> </div> Подскажите что исправить нужно, чтоб логотип прикрепился в указанном месте.

    Asked by Dallas, June 4, 2013

    • Логотип
    0 votes
    7 answers
11. Селектор атрибутов и псведокласс :hover

    Как сделать, чтобы при наводке курсора на белый треугольник открывалось зелёное подменю при условии, что белый треугольник подгружается из такой вот конструкции: a[href^="##"]:before { display: inline-block; width: 12px; height: 6px; margin-right: 0.5em; content: ""; background: url(../img/bullet.png); } /*———————-- Выводим подменю ————————*/ .header span { font-family:Verdana; font-size:10px; color:rgb(96,96,96); padding-top:46px; padding-left:797px; text-align:left; display:block; position:relative; } .header span span { display:none; position:absolute; } .header span:hover span { display:block; font:10px Verdana; color:#EBECF7; margin:0px;…

    Asked by Delat, June 4, 2013

    0 votes
    8 answers
12. Квадратики вместо русских букв

    Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords"/> <title></title> <link href="css/styles.css" type="text/css" rel="stylesheet"/> </head> <body> <div style="font:20px Tahoma normal; color:#00008B; line-height:1; width: 1400px; height; 50px; text-align: center;"> <form action="action.php" method="POST" name="form1" enctype="multipart/form-data"> <legend> Пожалуйста, заполните форму:</legend> <div style="font:2…

    Asked by epog333, June 4, 2013

    0 votes
    0 answers
13. верстка для компьютера и планшета

    Здравствуйте, уважаемые форумчане. В процессе верстки пвстал следующий вопрос. Делается сайт, верстка div`ами и отчасти табличная. На компьютере все нормально, а вот при проверке на планшете размеры блоков не совпадают, все идет наперекосяк. Допустим, блок у меня в CSS-файле имеет параметр width: 800px. На ноутбуке текст укладывается в одну строку, как и нужно, а на планшете переходит на следующую строчку. Понятно, что размеры экранов и разрешение разнятся, но как с этим бороться? То же самое касается и размера шрифта. Есть некая надпись, под ней кнопки с текстом. font size="4" выдает совсем разную ширину на ноуте и планшете, на последнем текст вылезает за пределы кнопок.…

    Asked by Dremir, June 4, 2013

    • верстка
    • планшет
    0 votes
    1 answer
14. Внезапно: Помогите с версткой.

    http://furry.cu.cc/ вот тестовый сайтец. Проблем много. В разных браузерах расползается, меню работает не так как нада... В общем подскажите как поправить. Для большей конкретики: 1.Меню навигации - "Меню с вложением" в нем 2 подменю, отображаются на 1 строке а хочется чтоб шли в столбик, ну и если добавить под-под меню то вообще все грустно. 1.1.скачущая надпись - Сайт клана "FURRY" 2.Менюшка pagenavi справа (в опере неправильно отображается) ссыль на css: https://dl.dropboxus...gifronstyle.css Я особо css не занимался, по мелочи правил и переделывал, тут вот решил сделать тему под себя.

    Asked by gifron, June 4, 2013

    • выпадающее горизонтальноеменю
    • кроссбраузерная верстка
    0 votes
    4 answers
15. Карусель в div

    Ребята подскажите пожалуйста. Есть див контент со своим набором стилей в том числе опасити 0.5, в него грузится .load карусель, и принимает стили этого контейнера, помогите исправить http://kseniarain.ru/about.html# раздел личные фото спасибо

    Asked by mistadrumma, June 4, 2013

    • div
    • верстка
    0 votes
    3 answers
16. Добавление тега <p>

    Здравствуйте. Кто знает, почему когда я добавляю тег <p> к Текст, то появляется отступ между <header> и .content, а также межу .content и <footer>?? Вот мой код: <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Подсказка</title> <link rel="stylesheet" type="text/css" href="style.css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> HTML 5 </header> <div class="content"> Текст, к которому добавляю <p> </div> <footer> © 2013 Макс </footer> </body> …

    Asked by GstarMax, June 4, 2013

    0 votes
    9 answers
17. Автозаполнение форм в Opera и Chrome

    Доброго времени суток, вот уже в который раз обращаюсь к вам за помощью.))) На этот раз проблема такая - Chrome и Opera не предлагают свои варианты заполнения полей формы по двойному клику (из тех что пользователь вводил раньше), хотя Mozilla отрабатывает нормально. Форма изначально лежит в коде страницы скрытая (style="display:none;"), по клику на ссылку всплывает ($('.winc_form').fadeIn(200), после того как пользователь ввел данные и нажал submit данные ajax-ом отправляются на сервер, js-ом на место этой формы вставляется текст что данные отправленны успешно и кнопка закрыть. По нажатию на закрыть div с формой пропадает, на место текста об отправлении опять становится …

    Asked by pro100set, June 4, 2013

    0 votes
    10 answers
18. Как реализовать такое?

    Привет, подскажите пожалуйста, как реализовать такое: Есть информация на странице 1 внизу которой кнопочка вниз, при нажатии на которую, страница автоматически плавно прокручивается вниз на информацию 2 и тд. Пытался гуглить, но не знаю как правильно запрос на эту тему сформулировать...

    Asked by chillout, June 4, 2013

    0 votes
    2 answers
19. Хак для Оперы 12.05

    Всем доброе время суток! У меня возникла при верстки шаблона для Joomla у Оперы, проблема заключается в том, что браузер показывает горизонтальное меню на 3рх выше чем у остальных браузерах, Какой хак нужно применить? С разу скажу, этот хак не работает для Opera 12.05 @media all and ( padding-top : 3px ) { .menu { padding-top:3px; } }

    Asked by Bismuth, June 4, 2013

    0 votes
    3 answers
20. Условие отображение блока

    Здравствуйте. Интересует такой вопрос, вот есть условие для фиксов багов разных браузеров <!--[if lte IE 7]><style type="text/css"> .iefix {display: inline-block;width: 0;overflow: hidden;}</style><![endif]--> Отлично, а есть ли допустим возможность сделать условие, посредством HTML, на определение ширины экрана. Как я это вижу <!--[if content="width=device-width"]> <ul> <li><a href="#">Яблоки</a></li> <li><a href="#">Груши</a></li> <li><a href="#">Арбузы</a></li> </ul> <![endif]--> Что я хочу реализовать: допустим я захожу на сайт с мобильного, и в…

    Asked by Trurlol, June 4, 2013

    • if
    • div
    0 votes
    1 answer
21. Размер шрифта

    В последнее время встречаются psd макеты со следующими размерами шрифта: 2,88pt; 3,12pt; 3,6pt и т.д. Как их задавать в font-size? Ведь если так и писать, то реально получается еле видимый текст...

    Asked by Vulner, June 4, 2013

    0 votes
    15 answers
22. Плавающие блоки

    Здравствуйте. Возникла необходимость, сделать следующее: 3 колонки растянуты по ширине экране, реализуется это таким образом .column1 { float:left; width: 33%; } .column2 { float:left; width: 33%; } .column3 { float:left; width: 33%; } <div class="column1"> <p>There is one universal truth in website making: To make a websitet...</p> </div> <div class="column2"> <p> If you're like the vast majority of people thinking ...</p> </div> <div class="column3"> <p>There is one universal truth in website...</p> </div> Пример http://www.zvirec.co...l/primer20.html А теперь необходимо сделать, так, что бы при…

    Asked by Trurlol, June 4, 2013

    • float
    0 votes
    2 answers
23. глупый вопрос по css

    Дико извиняюсь за тупой вопрос, но я реально не знаю ответа. мне надо менять фон ячейки при наведении. я пишу стили: td {background-image: url('imgs/fon-menu1.gif'); background-repeat: repeat-x;} td:hover {background-image: url('imgs/fon-menu2.gif'); background-repeat: repeat-x;} Во всех браузерах работает кроме IE. Что надо сделать для IE? Спасибо!

    Asked by fiver, June 3, 2013

    0 votes
    5 answers
24. Запрет IE

    Как мне сделать, чтобы при входе на сайт с IE старых версий перекидывало на 1 страницу, на которой я напишу что-то вроде 'Данный браузер не поддерживается'

    Asked by GuitarFan, June 3, 2013

    0 votes
    1 answer
25. Нужен программист

    Нужен программист для решения задачи вычленения из текста статьи релевантный заголовок. Если сработаемся, еще есть несколько задач, которые хотелось бы видеть программами.

    Asked by l-999, June 3, 2013

    0 votes
    0 answers