HTML Coding

29,542 questions in this forum

1. Расположение крестика

   Добрый день Рисую галерею <ul> <li><p><img></p><li> <li><p><img></p><li> <li><p><img></p><li> </ul> к li применяю max-width, max-heigth. нужно вставить блок с крестиком чтобы он был вверху и справа картинки, что посоветуете

   Asked by vladimircape, September 28, 2012

   0 votes
   2 answers
2. Как сделать и подключить ФОРУМ

   Как сделать и подключить ФОРУМ ? Интересно все! Пролистовала темы - не нашла. Сейчас делаю свой первый сайт на заказ- и очень нужно чтоб там был ФОРУМ! Подскажите - как сделать и как подключить! - можно ссылку на учебник или др.

   Asked by Лиза С, September 28, 2012

   0 votes
   14 answers
3. Модерация при добавлении раздела пользователем

   Форумчане, доброго времени суток. А как делают эту самую модерацию? Например, пользователь вводит свою (новую) категорию товара, которой нет в представленном на сайте списке, и получает сообщение, мол скоро всё будет. Как мне узнать, что он хочет добавить категорию? Сделать отправку письма мне на e-mail? Или все это как-то анализируется, и автоматически добавляется на сайт?

   Asked by korjik, September 28, 2012

   0 votes
   4 answers
4. Три колонки и footer, как работает, не могу разобраться

   Изучаю один видео-курс по верстке и не могу понять как работают дивы "out" и "in". Без них отображается неправильно. * { margin: 0; padding: 0; } html, body, #container { height: 100%; } html { background: #fff; color: #333; } #container { min-width: 800px; max-width: 1000px; margin: auto; background: url(../i/left.png) repeat-y; } #main { min-height: 100%; margin: 0 0 -100px; background: url(../i/right.png) repeat-y 100% 0; } #all { overflow: hidden; padding: 0 0 100px; background: url(../i/left.png) repeat-y; } #out { float: right; width: 100%; margin-left: -200px; } #in { float: left; width: 100%; margin-right: -200px; } #lef…

   Asked by nitro, September 27, 2012

   0 votes
   0 answers
5. Изучение Java Script

   Как всегда, основная мысль заключена в названии темы. Какие книжки посоветуете? Мне не нужна программная часть JS, мне нужно понять, как уметь применять её на практике. Заранее спасибо!

   Asked by ohinem, September 27, 2012

   0 votes
   8 answers
6. Сайт не корректно отображается в сети

   Возникает проблема, сайт на компе отображается так как надо мне, а вот если в сети, то выпадает половина параметров(в основном которые какются стилей, там рамки у фотографий и прочее, цвет текста и прочее). Самое интересное что, если загрузить сайт с интернета и с компа в одном браузере(это повторяется и в IE,Opera,Google Chrome,Mozila), то всё становится так как мне надо. И при дальнейшем как я захожу с того браузера на сайт то всё нормально. Что это может быть? И как с этим справится?

   Asked by Virtyal, September 27, 2012

   0 votes
   1 answer
7. Родительский контейнер не растягивается в IE6-9

   Есть внешний контейнер, в котором расположены кнопки и текстовые поля регистрационной формы. Также контейнер содержит ряд скрытых дивов, которые перестают быть таковыми в случае некорректно введенных данных (javascript-проверка). В FF, Opera, Webkit внешний див корректно растягивается, а вот в IE6-9 не хочет, и внутрение дивы вылезают за границу. Вот так: .tbl { width:100%;background-color:#f3f3f3;display:table; margin:10px auto;padding:15px 0px;border:1px solid #d4d0c8; } .string{display:table-row;width:100%;font:13px Tahoma;color:black;} #login_error, #pass_error, #mail_error{display:none;width:100%;font:11px Tahoma;text-align:center;color:red;} <form m…

   Asked by Streuner, September 27, 2012

   0 votes
   1 answer
8. проблема с overflow:hidden

   День добрый, столкнулся с такой проблемой. резиновая колонка в ней находится блок с class="info". чтоб текста всегда хватало, он находится в избыточном количестве и лишний текст обрезается с помощью overflow:hidden. проблема подробно показана на картинке ниже. заключается она в том, что при 119px обрезанные заглавные символы видны в Firefox, а при 118px обрезаются нижние окончания у букв типа g y в Opera, Chrome, Safari, Internet Explorer. пробовал играться с line-height, не помогло. пожалуйста подскажите как можно решить такую проблему. <style type="text/css"> .column-1 { width:24% } .info { height:119px; overflow:hidden; font-size:15px; font-style: italic; …

   Asked by llis456, September 27, 2012

   0 votes
   2 answers
9. Увеличение шрифта + проблема с таблицей

   Всем привет! Сделал таблицу и на первую колонку повесил стиль, который при наведении курсором на ячейку в первой колонке увеличивает её шрифт на 1 пиксель (font-size:12px), а если курсор убрать, то шрифт снова становится 11px. Выглядит это симпатично, но хотелось бы закрепить ширину колонок (<td width="30px"> не спасает), т.к. на некоторые ячейки навожу курсор и вместе с увеличением шрифта начинают "ездить" границы внутри таблицы (ширина). Подскажите в какую сторону покопать, чтобы только текст увеличивался в ячейке, а границы ячейки оставались неизменными?

   Asked by MailRes, September 27, 2012

   0 votes
   2 answers
10. проблема с position:fixed во всех IE

    Поскажите пожалуйста какую-то хитрую особенность для IE С position:fixed (актуально для всех версий) для контейнера sidebar. Свойство не работает совсем. Absolute работает, но он не подходит. При установке absolute виден ещё один хитрый баг - свойство padding для контейнера page почему то не применяется нормально и содержимое контейнера заходит под абсолютно позиционированный элемент. Сайт: http://kaprize-moda.ru/kollektsii Картинка со структурой

    Asked by Hobu4ek, September 27, 2012

    0 votes
    2 answers
11. Добавить выпадающее меню

    Пожалуйста, помогите добавить выпадающее меню, в уже имеющуюся панель. Вот css #navigation { width: 1000px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 50px; margin: 0px auto; background-color: #D6E2E8; background-image: -webkit-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -moz-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -ms-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -o-linear-gradient(top,#D6E2E8,#bccbd3); background-image: linear-gradient(top,#D6E2E8,#bccbd3); box-shadow: rgba(0, 0, 0, .2) 0 4px 16px; -moz-box-shadow: rgba(0,0,0,.2) 0 4px 16px; -webkit-box-shadow: rgba(0, 0, 0, .2) 0 4px…

    Asked by zoom, September 26, 2012

    0 votes
    3 answers
12. хостинг медиа файлов

    У меня такая проблема, пытаюсь сделать флеш-плейер на сайте, взял готовый флешплейер и установил на сайте, на бесплатном хостинге-место там очень мало 35 мб, поэтому на сайте хранить медиафайлы(mp3,flv)никак, подскажите пожалуйста ресурс где можно хранить эти файлы и чтоб флеш плеер с моего сайта от туда скачивал файлы и проигрывал их. Напишите пожалуйста по подробнее, я новичёк в сайтостроении только начал html изучать, так что многого ещё не понимаю.

    Asked by urh2012, September 26, 2012

    0 votes
    0 answers
13. Смена изображения при наведении

    Всем привет! У меня имеется элемент, к которому прикреплено изображение в "чёрно-белом формате". При наведении на него мне необходимо, чтобы изображение менялось на "жёлтый формат". Пробовал через :hover - что-то не получается. CSS код: #fdct:hover { position: relative; width: 256px; height: 256px; background-image: url('fdct2.png'); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } #fdct { position: relative; width: 256px; height: 256px; background-image: url('fdct1.png');…

    Asked by Feers1de, September 26, 2012

    0 votes
    10 answers
14. Пробелы в заголовке WP

    Здравствуйте. Помогите пожалуйста убрать пробелы в заголовке Технадзор в строительстве – доверяй только профессионалам! на сайте http://www.btn.kiev.ua/ Нужно чтобы было например как в этом заголовке http://www.btn.kiev.ua/o-kompanii/ ( Технический надзор за строительством. Сопровождение строительства )

    Asked by BTN, September 26, 2012

    0 votes
    1 answer
15. Отображение категорий при наведении

    Здравствуйте, подскажите как сделать, чтобы поле категорий появлялось только при наведении курсора? HTML: <div class="main-news-hidden">{link-category}</div> CSS: .main-news-hidden { font-size: 11px; color: #fff; position: absolute; background: red; } .main-news-hidden a { color: #fff; } .main-news-hidden a:hover { text-decoration: underline; }

    Asked by skyter, September 26, 2012

    0 votes
    2 answers
16. Из двух стилей как определить главный

    В общем у меня применяеться два стиля к менюшке, как сделать так чтобы один стиль был главнее другого /* - Этот стиль игнорируеться "Точнее игнорируеться цвет текста" - */ .nav li.re-menu-b a { color: #fff; font: 700 11px/18px "Tahoma";} /* - А этот применяеться - */ .nav.nav-userbar li a { color: #231F20;} <ul class="nav nav-userbar"> <li class="re-menu-b"><a>Сопсно текст к которому применяеться цвев</a></li> </ul> В общем а надо что бы было наоборот,

    Asked by oopster, September 26, 2012

    0 votes
    2 answers
17. Первый раз устраиваюсь на должность HTML верстальщик

    Друзья, вчера был на собеседовании в одной it-ой компании и получил возможность у них работать. Это мой первый опыт в html кодировании. Сказали что две недели я буду ходить к ним бесплатно работать а потом если моя кандидатура подойдет дадут возможность уже зарабатывать. Подскажите чего ожидать на этой должности, к чему относятся с особым вниманием, а на что и глаза закрывают. Спасибо!

    Asked by lobanov_kirill_, September 26, 2012

    0 votes
    13 answers
18. Найстрока Superfish

    Добрый день, в общем понадобилось для меню Superfish сделать плавное исчезновение, посмотрел документацию $('ul.sf-menu').superfish({ hoverClass: 'sfHover', // the class applied to hovered list items pathClass: 'overideThisToUse', // the class you have applied to list items that lead to the current page pathLevels: 1, // the number of levels of submenus that remain open or are restored using pathClass delay: 800, // the delay in milliseconds that the mouse can remain outside a submenu without it closing animation: {opacity:'show'}, // an object equivalent to first parameter …

    Asked by inex, September 26, 2012

    0 votes
    4 answers
19. форма поиска

    Помогите с проблемой, плиз. Не знаю как сделать вот такую форму поиска. Внутри ещё написано поиск по сайту.

    Asked by pogranpv, September 25, 2012

    0 votes
    4 answers
20. дивы друг под другом

    Всем приветы! хочу сделать вот так как показано на картинке Вот код: HTML: <!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'> <title>%TITLE%</title> <link href="req/style.css" type='text/css' rel='stylesheet'> </head> <body> <div id='who'> Здравствуйте, %USER_NAME% </div> <div id='head'> Название страницы </div> <div id='container'> <div id="log_in"> &l…

    Asked by festvtteam, September 25, 2012

    0 votes
    9 answers
21. Лишнее в меню

    как убрать кусок в конце меню вот код

    Asked by xenux58, September 25, 2012

    0 votes
    6 answers
22. подсказки Яндекса съехали

    В форме поиска (справа) подсказки Яндекса съехали из-за каких-то стилей. Подскажите, как поправить?

    Asked by fowl, September 25, 2012

    0 votes
    3 answers
23. Подключение скрипта к Джумла

    У меня проблема следующего рода: Скачал скрипт Textualizer Дальше в Джумле в <head> подключил скрипты <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/textualizer.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/textualizer.min.js"></script> Скопировал сами скрипты textualizer.js в нужную папку. Дальше в <head> добавил var list = ['описание один', 'описание два', 'описание три']; // список описаний var txt = $('#txtlzr'); // Контейнер в котором будет выводиться …

    Asked by Imperil, September 25, 2012

    0 votes
    1 answer
24. Трудности с позиционированием

    Доброго времени суток. Начал применять свои теоретические навыки на практике и столкнулся с небольшими трудностями. Прикладываю рисунок, того что должно быть и результат получившейся вёрстки. Вроде, всё кроссбраузерно, кроме как в IE. Как там округлить границы блоков? И ещё когда нажимаешь на textInput, то он выделяется жёлтым цветом, видел в Twitter-e и на других сайтах, он либо вообще не выделяется, либо выделяется, другим цветов(под цвет дизайна). Как это сделать? Теперь непосредственно к основной задаче: Вот как должно выйти: http://i082.radikal.ru/1209/96/c71bd55a88a9.png Вот вёрстка, которую я сделал: http://rghost.ru/40568111 Вероятно, вы увидели различия. Хотелось…

    Asked by ohinem, September 25, 2012

    0 votes
    2 answers
25. Резиновый блок

    Есть блок со стилем: .someClass { width: 100%; max-width: 300px; } Подскажите, пожалуйста, почему ширина блока становится равной 100% при указанном параметре max-width: 300px ? Забегая вперед, добавление float:left не помогает UPD: Вопрос решен. Тему можно закрывать.

    Asked by TorchTT, September 25, 2012

    0 votes
    0 answers