HTML Coding

29,542 questions in this forum

1. CSS и Joomla

   Здравствуйте , помогите разобраться :есть шаблон Joomla ( jvwinto) Моя ссылка , хочется сделать чтоб такой эффект , как показан в примере 2 Моя ссылка, хочется чтоб в итоге все выглядело вот так : Моя ссылка

   Asked by tolya-11, September 22, 2012

   0 votes
   0 answers
2. Стоит ли закрывать не парные теги в HTML5?

   Даже если не используешь XHTML раньше было правилом хорошего тона закрывать даже не парные теги, например <br />. Стоит ли придерживаться этого правила в HTML5?

   Asked by tini.kRyptoNite, September 22, 2012

   0 votes
   6 answers
3. Проблема в опере

   Здравствуйте форумчане. Не могу понять, почему в опере наблюдается следующий глюк. Кнопка "читать далее", она же ссылка, при переносе на новую строку на несколько пикселей слева обрезается. Во всех остальных браузерах, ie, мозилле и сафари все отлично! Вот css: Блок новостей: .news { width: 940px; margin: 20px auto; } .newsbox { float: left; width:400px; height:160px; margin: 13px 5px 5px 30px; overflow: hidden; } .newsbox img { width:100px; height: 100px; float: left; margin: 20px 10px; display: inline; } .newsbox h8 { text-shadow: 1px 1px 3px #ddd; font-family: 'Arial'; font-size: 14px; display: block; padding-top: 10px; text-align: left; } Кнопка читать-дальше:…

   Asked by Tsybin, September 22, 2012

   0 votes
   6 answers
4. Рамка на DIV с частичным перекрытием текста

   Всем добра! Интереса ради захотелось сделать блок с такой рамкой, как на картинке: Я попытался сделать это с помощью z-index и относительного позиционирования. В итоге результат был достигнут, но выявилась одна проблема. Суть её заключается в следующем. Уголок рамки был помещён в отдельный блок и размещён ниже блока с текстом. На нужное место блок ставился через CSS с использование отрицательных величин. Блок с уколком и блок с текстом располагаются в самом низу страницы. Однако же, когда браузер отрисовывает страничку, он отображает и то пустое место, где первоначально (в html) располагается блок с уголком. Таким образом, появляется скроллер и внизу образуется пустое п…

   Asked by Rasmussen, September 21, 2012

   0 votes
   3 answers
5. Flow elements

   Всем привет. Читая спецификацию html5 встретил вот такую запись: 7.1. Flow elements phrasing elements or a or p or hr or pre or ul or ol or dl or div or h1 or h2 or h3 or h4 or h5 or h6 or hgroup or address or blockquote or ins or del or object or map or noscript or section or nav or article or aside or header or footer or video or audio or figure or table or form or fieldset or menu or canvas or details. Есть блочные, строчные, строчные-табличные, строчные-блочные, и еще парочку, однако я никогда не слышал про flow - поточные элементы. В чем их существенное отличие?

   Asked by jopka, September 21, 2012

   0 votes
   8 answers
6. При наведении на ссылку (цвет ссылки) и картинка меняется

   При наведении на ссылку (цвет ссылки) и картинка меняется <a href="#"><img src="1.png" onmouseover="this.src='2.png'" onmouseout="this.src='1.png'" border="0" align="absMiddle">Ссылка</a>

   Asked by BiMiX, September 21, 2012

   0 votes
   0 answers
7. Прогресс бар

   Перейдем сразу к делу - хочу сделать полоску, вернее блок, в котором будет написано количество пользователей, в данный момент использующих фтп, например так - [ 32/80 ], квадратные скобки показывают сам блок, они не будут использоваться, хотя это не имеет значения. Я хочу сделать так, что бы по мере заполнения доступных слотов менялся фон блока, то есть заполнялся как прогресс-бар и если пользователи уже заняли почти все или все место, то менялся цвет с зеленого на красный. Проблема в том, что у меня не получается придумать как это реализовать, допустим есть какая-то переменная, в данный момент она равна 32. Сделать смену цвета - дело пары секунд, а вот как сам прогр…

   Asked by Warrangie, September 21, 2012

   0 votes
   0 answers
8. отступ между двумя дивами

   Здравствуйте. Сделал в шапке блок с логином и т.д. как оформление сделал картинки на фоне. Где то они репитятся (repeat), а где то нет. Причем некоторые фоны репитятся по горизонтали, некоторые по вертикали. Проблема в том, что при масштабировании между некоторыми div-ами появляются пропуски. Сам наблюдаю только в хроме, но говорят, в некоторых остальных браузерах тоже есть. Пробелы вознимают как то рандомно, при еще большем увеличении, например, пробел может пропасть... Как с этим бороться, помогите, пожалуйста кода там много, если можно, помогите так, пожалйста)) если нет вариантов, выложу код неужели никто не сталкивался?)) вот скрин...

   Asked by z-z, September 21, 2012

   0 votes
   0 answers
9. border-radius в ie

   Как заставить работать параметр css border-radius в internet explorer?

   Asked by volkovics, September 21, 2012

   0 votes
   12 answers
10. опускается input рядом с рисунком

    привет всем. обясните пожалуйста, почему уходит в низ????.... <input type="text" > <input type="image" src="images/serch.png" > как так?

    Asked by stone86, September 21, 2012

    0 votes
    1 answer
11. Отображение страницы у другого пользователя по-другому.

    Здравствуйте, уважаемые коллеги! Есть страница: http://alfamramor.ru/ На своем компьютере и ноутбуке я вижу все нормально. А у нашего другого пользователя отображается не совсем так: например, замочек регистрации и текст имеет разный размер. Вот так у него: Уточню,что шрифт нестандартный, подключается с Google. Помогите, пожалуйста, разобраться с этой проблемой.

    Asked by Светлана Г., September 21, 2012

    0 votes
    8 answers
12. нужна помощь с выпадающим меню

    Здравствуйте. Очень срочно нужна помощь. Возникла проблема при верстке выпадающего меню на css. При открытом выпадающем меню, когда курсор находится вне ссылки верхнего уровня пропадает фоновая картинка под этой ссылкой (она становится неактивной). <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div id="contai…

    Asked by annet, September 21, 2012

    0 votes
    0 answers
13. Блоки одинаковой высоты

    Имеется блок со вложенными двумя блоками. Оба блока имеют высоту, равную высоте вложенного в них контента. Подскажите, пожалуйста, как сделать чтобы оба блока были одинаковой высоты? Интересует именно одинаковая физическая высота обоих блоков и способы без JS. Забегая вперед, пробовал методы, описанные в 4 способа как создать блоки-колонки одинаковой высоты. Все описанные методы без JS основаны на добавлении фона, тем не менее физические размеры колонок остаются одинаковыми.

    Asked by TorchTT, September 21, 2012

    0 votes
    5 answers
14. как сделать 2 сайдбара друг под другом?

    Как можно и можно ли вообще создать 2 блока <aside> чтобы каждый следующий блок находился под предыдущим? У меня не получается, они располагаются горизонтально. Или проще с помощью div'ов реализовать это? <aside> <nav > <a href="index.html">Главная</a><br> <a href="blog.html">Блог</a><br> <a href="video.html">Видеоматериалы</a><br> <a href="obo_mne.html">О себе</a><br> <a href="file.html">Файлы</a></nav> </nav> </aside> <aside> 2 блок </aside>

    Asked by Mr. Kook, September 21, 2012

    0 votes
    4 answers
15. помогите с css меню

    я напроч запутался в иерархии css вобщем есть у меня меню при навидении на блок меню выпадает подменю, так вот подменю должжно быть разной ширины для разных пунктов меню ссылка на пример http://jsfiddle.net/p6LHn/1/ вот код css /**Меню css**/ ul.ldd_menu { margin: 0px; padding: 0; display: block; height: 50px; background-color: #0051A1; list-style: none; font-family: "Trebuchet MS", sans-serif; border-top: 1px solid #3474C6; border-bottom: 1px solid #3474C6; border-left: 10px solid #0051A1; -moz-box-shadow: 0px 3px 4px #007BC2; -webkit-box-shadow: 0px 3px 4px #007BC2; -box-shadow: 0px 3px 4px #007BC2; } ul.ldd_menu…

    Asked by redfox1986, September 21, 2012

    0 votes
    2 answers
16. Фото галерея

    Доброго времени суток коллеги! Стоит задача сделать гламурный сайт для фотографа в стиле Wordpress, но только на своём движке. Суть заключается в следующем, что позиционирование фотографий нужно сделать вот так: http://pavelparshin.ru/portfolio-item/beauty/ Но без явы! Тупо, подобное позиционирование. на деле у меня выходит не шибко-складно. http://81.200.25.57/dot/templates/gallery (это опытный образец галереии) CSS: #gallery { margin:0 } #gallery .photo { width: 240px; min-height: 156px; max-height: 383px; display: inline; } #gallery img{ width:240px; vertical-align: top; margin:0 25px 25px 0; } #gallery img.expand:hover { opaci…

    Asked by oscora, September 20, 2012

    0 votes
    7 answers
17. ie8 шрифт

    Друзья, не знаю, что и делать. Вот как выглядит в нормальном браузере вот так в ie8 И хаки и условные комментарии дел не поправляют. Что делать?

    Asked by tefery, September 20, 2012

    0 votes
    4 answers
18. Position div блока

    Как правильно зафиксировать всё кроме одного div блока? Чтобы только его можно было прокручивать. Проблема в том, что, когда устанавливают позицию другим блокам, у них меняется размер и отсчёт начинается с верхнего левого угла. Двигаю маргинами но это создаёт другие проблемы. Поэтому нужно как то без маргинов обойтись, ведь двигать все блоки страницы — не рациональное решение. Мне надо реализовать скролинг как ВКонтакте, чтоб только одна часть скролилась, но при этом мне надо чтобы полоса прокрутки была не у прокручиваемого блока, а у правого края всей страницы. Может есть идеи реализовать по другому? Или помогите добить с позиционированием. . . Вот страница над которой р…

    Asked by Mr_ILYAS, September 20, 2012

    0 votes
    8 answers
19. Масштабируемый контейнер с блоками картинок и подписями к ним

    Доброго всем времени суток. Есть масштабируемый контейнер, с блоками картинок и подписями к ним (my-company.su/work_file.html). Задача такая: при изменении ширины окна браузера (уменьшении или увеличении), количество элементов в контейнере должно уменьшаться или увеличиваться соответственно. Пример: контейнер с анонсами на главной странице artlebedev.ru, или на озоне (ozon.ru) контейнеры с товарами, в центре. Я так понимаю, что при помощи CSS это не реализовать? Может кто-то знаком с решением или знает где можно поискать? Или подскажет с чего начать. Заранее благодарен

    Asked by BigDaddy., September 20, 2012

    0 votes
    8 answers
20. Вопрос по div`ам

    Добрый день, форумчане. У меня возник вопрос: У меня есть див обертка в нем содержаться другие дивы разной высоты располагаются в линию, обертка фиксированной высоты. Как сделать так чтобы если 2 и более дива помещаются по высоте обертки вставали в столбец?

    Asked by halk89, September 20, 2012

    0 votes
    1 answer
21. Прокрутка

    Подскажите как сделать прокрутку только розового блока http://opex.servegame.com:808/site (основное содержимое), чтобы всё что в него не помещается можно было прокручивать. Если кто не понимает, мне нужно как в контакте прокручивание, к примеру, списка аудиозаписей.

    Asked by Mr_ILYAS, September 20, 2012

    0 votes
    5 answers
22. Текст выходи за пределы блока

    Помогите решить проблему, текст ссылки выходит за пределы блока, а нужно чтобы он переходил на новую строку вот такой код <div class="sidebar" id="sideLeft"> <div class="blk"> <div class="zagolovok"><h3>Навигация</h3></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">КатегорияКатегорияКатегориярияКатегория&…

    Asked by Pato, September 20, 2012

    0 votes
    4 answers
23. Списки

    Нужно сделать список, но так, чтобы первая его строка оставалась на строке с предшествующим текстом, а не спрыгивала на новую, и потом все пункты выравнивались по первому пункту. Как это можно сделать?

    Asked by Daiver, September 20, 2012

    0 votes
    2 answers
24. Размер картинок

    Столкнулся с такой задачей. На сайт нужно перезалить картинки, но все они имеют разное разрешение. Как максимально быстро привести их визуально к одному размеру? Всем спасибо заранее

    Asked by M1ke_06, September 20, 2012

    0 votes
    2 answers
25. Резиновая вёрстка + img

    Тему можно удалить

    Asked by LWDM, September 20, 2012

    0 votes
    0 answers