HTML Coding

29,542 questions in this forum

1. проблемы с letter-spacing

   Доброе утро. Помогите, пожалуйста, решить проблему. Есть сайт http://test.roganov.kharkov.ua/lamp В шапке сайта слоган (продажа светодиодов...) и номер телефона по разному отображаются в Mozilla и Coogle chrome. Если в Mozilla всё нормально отображается, то в Google chrome расстояние между символами в слогане и номере телефона меньше. Пытаюсь указать значение letter-spacing, в этом случае ситуация меняется, в Google crome нормально отображается, а в Mozilla слова и номер телефона выходят за границы элемента. Подскажите, как решить данную проблему?

   Asked by slo_nik, August 18, 2013

   0 votes
   5 answers
2. Как подключить PIE.htc

   Доброго времени суток. Подскажите как заставить работать компоненту pie. htc? Если кто не знает эта штуковина заставляет работать css3 в IE версиях ниже 9й. Как сказано на сайте разработчиков кидаю этот файл в корень сайта и в styles.css у нужного элемента прописываю строчку behavior: url(PIE.htc); вот как здесь #sait { background:url(images/sh.jpg) no-repeat ,url(images/h3.gif); behavior: url(PIE.htc); } по идее у меня должны после этого работать два бэкграунда но ничего не происходит.

   Asked by Borka, August 14, 2013

   0 votes
   15 answers
3. Расположение фото с текстом в ряд

   Всем привет. Подскажите, пожалуйста, как расположить фотографии с текстом в ряд? Как на этом скриншоте: https://dl.dropboxus.../33084185/1.png У меня получается вот так: https://dl.dropboxus.../33084185/3.png Я знаю, что нужно что-то прописать в css, но вот что прописать, что бы поменялось расположение и отступы не знаю. <a href="#"><img alt="" src="http://i2.wp.com/forum.htmlbook.ru/public/style_images/master/profile/default_large.png" width="179" height="109"/> Bolshoy sport 25.06.2013</a> | 19:46 <s1>:</s1> <a href="#"><img alt="" src="http://i2.wp.com/forum.htmlbook.ru/public/style_images/master/profile/default_large.png" width…

   Asked by atatat, August 17, 2013

   • расположение картинок
   • расположение фото
   • расположение фото с текстом
   0 votes
   2 answers
4. Разный padding в Firefox и Chrome

   Может, я сошел с ума, но я не понимаю, откуда это берется. Пример. Проблема: Firefox: Chrome: Как видно, в FF высота ссылки на 1px больше. Этот пиксель добавляется сверху. Почему такая разница, откуда берется, как убрать? Спасибо.

   Asked by Artlive, August 16, 2013

   0 votes
   13 answers
5. Bootstrap + search form

   Не могу понять, как в Bootstrap изменить дину поисковой формы. В Друпал + Омега выглядит так: 1. 15 знаков длины 2. Кнопка в одной линии с формой. Включаю библиотеку Bootstrap, и форма приобретает такой вид, Если в настройках блока (модуль Block Class) указать класс span1, то все приобретает такой вид: т.е. размеры блока меняются, но поле ввода, конечно, остается прежним. Как сделать, чтобы с Bootstrap это выглядело как обычно?

   Asked by Леонардо, August 17, 2013

   0 votes
   3 answers
6. Нужна помощь с кодом для менюшки

   Доброго времени суток. Вопрос следующий: есть сайт, нужно для него меню сделать горизонтальное- на 3-4 пункта меню, меню будет находиться прям в верхнем правом углу, задача: сделать так что-бы при прокрутке сайта вниз эта менюха так и оставалась вверху. Подскажите что вообще для этого использовать- jQuery или Javascript -я просто по ветке дизайнера развиваюсь и в технической части слаб и только осваиваю её. Спасибо за внимание, всем бобра)

   Asked by Na2SO4, August 12, 2013

   • код html
   • css
   • jQuery
   0 votes
   8 answers
7. Всплывающее окно

   Есть такая штука <form name="vklogin" method="post" action="<?php echo JRoute::_( 'index.php?option=com_vklogin'); ?>"> ... </form> Открывается в этом же окне с полным оформлением страницы. Но надо чтоб открывалось во всплывающем окне и только формы заполнения. Как это сделать?

   Asked by goodsik, August 6, 2013

   0 votes
   1 answer
8. Помогите! Проблема с меню

   Помогите пожалуйста. Я сделал шаблон на Артистере, там есть вертикальное меню, и у него есть подменюшки. Проблема в том что подменюшки раскрываются только после того как будет счелчок по той странице в которой они расположенны, а нужно чтоб они раскрывались при наведении мыши. В самом артистере нашел пункт где это исправляется но не какого эффекта. Кэши чистил, не помогает. Подскажите где может быть прописанно это условие что подменю открывается только при нажатии, и какой код прописать надо чтоб оно раскрывалось при наведении, вот сайт на котором это происходит. В вертикальном меню нажмите на пункт "Продукция", только после этого можно будет увидеть подпункты. Помогите п…

   Asked by John_Flores, August 17, 2013

   • Меню раскрывается по счелчку
   0 votes
   1 answer
9. Кнопка со звуком. Помогите!

   Мне надо чтобы по нажатию на кнопку издавался звук, сделать это при помощи CSS, много форумов облазел, но ничего не нашол. Заранее спасибо!

   Asked by Даниил Виттманн, August 17, 2013

   • CSS
   0 votes
   0 answers
10. подскажите как лучше поступить

    Всем зашедшим добрый вечер!) Подскажите как лучше сверстать данный макет шапки: позиционирование или таблица из div'ов? Если позиционировать, то как лучше выровнить "заголовок", "языковая панель" и "личный кабинет" по-середине, а если таблицей, то как ее сверстать, чтобы объединить строки под логотип(типа rowspan)? Заранее премного благодарен за помощь!)

    Asked by XuLLlHuK, August 15, 2013

    0 votes
    4 answers
11. Переносятся слова в Chrome

    Добрый день. Подскажите пожалуйста, почему, в Chrome слова которые не помещаются переносятся на новую строчку? В остальных браузерах все нормально. Шрифт такой font: bold 13px/18px Georgia; У блока имеются размеры. Как это исправить? Шрифт уменьшать нельзя как и междустрочный интервал. Спасибо!

    Asked by AndreyB, August 14, 2013

    • перенос слов
    0 votes
    6 answers
12. Помощь с ошибками в верстке

    Всем привет. Настал тот день когда я нарисовал в фотошопе и сверстал таки свой первый макет. В идеале все должно выглядеть (и выглядит кое-где) так: http://browsershots.org/screenshots/9b1cf563736cc1b2763819b16458fbaf Но в старых версиях оперы (те самые которые на движке Presto) все съезжает вниз: http://browsershots.org/screenshots/408c0e7c67800cc296b8528c668197a3 а столь любимый нами IE и древние версии оперы и лисы не отображают границы у блока с контентом (думаю нужен другой способ оформления блока, но не могу найти ничего в гугле) http://browsershots.org/screenshots/81aff0736e7cea81f9ee23fe9307099d Прошу помочь с этими проблемами, заодно если есть время указать на не…

    Asked by 5665tm, August 15, 2013

    0 votes
    6 answers
13. Strict Doctype

    Подскажите пожалуйста, есть ли браузеры, которые поддерживают HTML 4 Strict doctype, но не поддерживают doctype HTML 5? В статье на этом сайте написано, что для перехода в стандартный режим можно использовать один из трёх вариантов, но ничего не сказано о различиях. В том числе между 4.0 и 4.01. Есть ли какой-либо смысл использовать Doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вместо <!DOCTYPE HTML> ?

    Asked by Doctype, August 13, 2013

    0 votes
    2 answers
14. Блоки внутри блока и hover на всю ширину основного блока))))

    Всем доброго времени суток господа. Подскажите пжлста как реализовать вот такую идею (постараюсь сформулировать её более менее прилично) Например есть блок, внутрь к нему надо засунуть еще 3 блока, каждый со своей фоновой картинкой и когда наводишь на какой-либо из внутренних блоков он растягивался на ширину основного блока. что-то типа такого) http://itmages.ru/image/view/1170470/dbff566d а так когда наводишь курсор ) http://itmages.ru/image/view/1170464/a15bbcd3

    Asked by CatInTheBread, August 16, 2013

    0 votes
    2 answers
15. Нужна небольшая помощь :)

    В общем столкнулся впервые, знаю что решение где-то близко, но найти его не получается. http://jsbin.com/aroquq/1/edit тут должно быть все понятно) Из примера: нужно сделать так чтобы ширина "спанов" была равна их содержимому, но без необходимости ограничивать их ширину т.е если я в html изменю текст, то ширина спанов подстроится под его размер.

    Asked by swandev, August 16, 2013

    0 votes
    2 answers
16. убрать верхнюю полосу

    Всем привет, Если зайти на страницу http://oherron.com/backend.php/login и кликнуть на "login" без ввода мейла/пароля то сверху над полем мейла будет выведен серый прямоугольник с ошибкой, но также будет серый прямоугольник сверху страницы - который нужно убрать. Для вывода этой ошибки выводится код <div class="ErrorLine margin"> Enter email and password! </div> с описанием в стилях .ErrorLine{ color:red; margin:0 auto 13px; width:356px; height:20px; background-color:#eeeeee; text-align:center; padding-top:4px; position:relative; top: 260px; left:0px; } Верстка там не моя Все мои попытки убрать верхнюю полосу никчему не привели. На странице только 1 эле…

    Asked by mstdmstd, August 15, 2013

    0 votes
    5 answers
17. div в div (pading/marging)

    Доброго времени суток, ситуация такова есть div он width:100% в нем 2 div'a по width:50% и с float;left, в одном из половинчатых div'ов вбиваю еще один див с параметрами width:100%, так вот если я последнему div'у задаю padding или marging к примеру 10px то он заходить на соседний div. Получается 100%+(10px+10px) и за счет этого вылазает, как сделать так чтобы этот отступ вычитывался из 100; последнего div'а? пример: HTML: <div class="main"> <div class="left"> <div class="title">Титул</div> </div> <div class="right">1</div> </div> CSS: .main {width:100%;background:#000;} .left {width:50%;height:100px;ba…

    Asked by Arhidiablo, August 15, 2013

    0 votes
    3 answers
18. Подскажите методику верстки

    Здравствуйте. Попросили меня друзья сделать им заглушку временную, которая будет им письма отсылать. Форму отправки я им минут за двадцать собрал, а версткой я никогда профессионально не занимался, и есть вопросы как лучше поступить. Макет выглядит вот так: https://dl.dropboxusercontent.com/u/26408101/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82.PNG Я немного знаю css, ну то есть понимаю что такое класс, селектор, блок, отступ итп, но опыта у меня нет, планирую гуглить =) Картинка эта у меня есть в векторе со всеми элементами. У меня основной вопрос, что делать картинками, а что элементами CSS, что запихивать в фон, а что как. В обще у меня не хватает знания техник CSS современных. По…

    Asked by Curaudo, August 16, 2013

    0 votes
    1 answer
19. В ie9 не работает border-radius после применения градиента ?

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#434343', GradientType=0 ); /* IE6-9 */ после этой строчки перестает работать border-radius ? если залить простым фоном без градиента то все нормально, как я понял background: -ms-linear-gradient(top, #848484, #434343); работает только в ie10, можно ли как нибуть заставить работать градиент с border-radius ??

    Asked by ilyas, August 14, 2013

    0 votes
    17 answers
20. float:left

    при изменений окна браузера в Firefox, #right флоат заезжает на #out, кто как решает проблему? оба элемеента обязательно должны быть float:left body{ margin: auto; } .container{ margin: auto; width: 400px; } #out{ float: left; width: 100%; margin-right: -30%; } #right{ float: left; width: 30%; background: silver; } #center{ margin: 0 30% 0 0; background: blue; } <div class="container"> <div id="out"> <div id="center">center center center center center center center center</div> </div> <div id="right">right right right right</div> </div>

    Asked by valera, August 15, 2013

    0 votes
    2 answers
21. Проблема отображения background в браузере Opera

    Коллеги, разбираюсь с сайтом, сверстанным на Joomla 2.5. Адрес сайта: http://poctok.by Наткнулся на такую проблему: в браузере Opera не отображается заливка для выпадающего меню. В ФФ, Хроме и ИЕ, все работает корректно, но Опера упорно не хочет показывать фон. При этом наблюдается такой эффект. Если до момента загрузки страницы навести курсор на какой-то элемент меню, то выпадающее меню выглядит так, как нужно. Но после того, как страница полностью загрузилась, при переходе по элементам меню, фон становится прозрачным. Фрагмент CSS, где описаны параметры элементов выпадающего меню, выглядит так: .dj-main li:hover ul.dj-submenu { left: 0; top: 46px; background: #ededed…

    Asked by alex115, August 14, 2013

    0 votes
    9 answers
22. Верстка на арабском

    Всем добрый день. Столкнулся с проблемой. Необходимо сверстать сайт на арабском языке. Есть Word документ где и содержится вся текстовка "в правильном виде". При вставке в Adobe Dreamweaver текст переворачивается (слева на право - в арабском справа налево). Применил direction:rtl; текста перевернулся как полагается, но вместе с ним и маркеры и всё что только возможно и не возможно. Изменения не коснулись только мета тегов, которые также необходимо сделать в правильной форме. Вот ломаю голову, может кто то знает решение данной проблемы. Заранее благодарен.

    Asked by Jekis, August 15, 2013

    0 votes
    1 answer
23. float

    как можно сделать, чтобы плаваюший div#center учитывал пустой div#left ? body{ margin: auto; } #left{ float: left; width: 200px; background: yellow; } #center{ float: left; width: 200px; background: #ccc; } <div id="left"></div> <div id="center">center</div>

    Asked by valera, August 14, 2013

    0 votes
    3 answers
24. Помогите пожалуйста разобраться с шаблоном

    Здравствуйте, я новичек в css, нужна помощь. Это шаблон для joomla 2.5 и мне нужно изменить: 1.Вот ссылка с видом позиций,позиция leo-content-toptop, мне нужно увеличить ширину этой позиции, пишу в template.css width:..; но ширина никак не меняется. 2.И подскажите пожалуйста, как можно поменять позицию шаблона?Шаблон как бы стоит по центру, я хочу перенести шаблон влево Сам пытался, пробовал разные варианты, но ничего не выходит....

    Asked by Manager87, August 13, 2013

    0 votes
    19 answers
25. Верстка из HTML в PSD

    Вопрос неординарный конечно,но... Как можно сверстать тему из Html файла в фотошоп? КАК? Пожалуйста помогите! Буду очень рад.

    Asked by SKSKSS2013, August 14, 2013

    • Html в PsdHtml to Psd
    0 votes
    5 answers