HTML Coding

29542 questions in this forum

1. Стилевое оформление тега select

   У тега select есть стрелочка вниз, которая раскрывает список. Как на место этой стрелки поставить свою картинку? Не могу найти решения. Шаблон посмотреть вот тут можно: http://www.freepsd.ws/80-psd-maket-dlya-sochineniy-i-referatov.html

   Asked by Rayzor, January 28, 2013

   0 votes
   6 answers
2. Рамка

   Приветствую! Подскажите, как убрать рамку вокруг пунктирного <hr>.

   Asked by Drix87, January 28, 2013

   0 votes
   2 answers
3. Помогите сделать меню, готов заплатить

   Всем привет! Помогите пожалуйста, мучаюсь уже 3 дня, крыша едет )) Вот сайт: http://stroy.galay.by Там представлено меню, так вроде, худо, бедно работает... но теперь не могу решить проблему, если одному из пунктов присваиваешь class="active" для li и одного из вложенных в него подпунктов тоже class="active", то должно оставаться открытым подменю активного пункта, а при наведении на другую ссылку, должен пропадать активный и загораться тот на который навели. Понятно что мое настоящее решение не будет работать в IE, будь он не ладен, планирую создать отдельный стиль с круглыми картинками, но вопрос с активными пунктами так и не решен, готов заплатить за помощь, выручайте Г…

   Asked by galaydas, January 28, 2013

   • html5
   • меню css
   0 votes
   12 answers
4. Не знаю как сверстать эту часть.

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

   Asked by Kobe_kobe, January 28, 2013

   0 votes
   6 answers
5. помогите с позиционированием

   Здраствуйте! Помогите разместить 2 картинки на разных слоях, чтобы 2-я(меньшая, находится на другом слое) позиционировалась относительно первой (большей) сейчас все выглядит так: http://jsfiddle.net/zzhBL/9/ проблема в том, что меньшая картинка "плавает" в зависимости от размера монитора, а нужно чтобы всегда была на одном и мот же месте относительно первой. Вот код: <p> </p> <div><img src="images/logo-rus.gif" border="0" alt="" style="display: block; margin-left: auto; margin-right: auto; position: relative;" /> <div><img src="images/logo03-ru.png" border="0" style="margin: -20px 175px; vertical-align: top; left: 20px; top: 20px; width:…

   Asked by lin0ks, January 28, 2013

   • позиционирование верстка
   0 votes
   4 answers
6. Определить последнюю публикацию

   Всем добрый день. Есть сайт на Wordpress (на локале). В открытом посте для перехода на публикацию вперед/назад используются соответственно функции <div class="next"><?php next_post_link('%link', ''); ?></div> <div class="previous"><?php previous_post_link('%link', ''); ?></div> в виде иконок-стрелок. Но одно не учтено - если открыть самый свежий пост, то стрелка, ведущая на следующий (более новый) пост отсутствует, что в принципе вполне логично. Подскажите пожалуйста как реализовать функцию, которая в зависимости от того, открыт самый новый опубликованный пост или любой другой пост выводила бы разные блоки <div>, то есть либо …

   Asked by Dayks, January 28, 2013

   0 votes
   0 answers
7. Блок навигации в адресной строке Яндекс браузера

   Всем привет. Наткнулся на интересную фишку, на некоторых сайтах в адресной строке Яндекс браузера отображается дополнительный блок навигации. Посмотреть можно на сайте юлмарта как реализовать подобное?

   Asked by bigperson, January 28, 2013

   • Как
   0 votes
   2 answers
8. Почему IE9 ломает таблицу?

   Привет всем. Я никак не могу понять, почему у меня в корзине таблица со списком товаров "ломается" в IE? Съезжают ячейки и в коде как-будто еще одна таблица появляется. Код, формирующий таблицу, вызывается один раз (проверял). В FF, Хроме, Опере - всё хорошо, отрабатывают все скрипты и верстка не расползается. В консоли IE ошибок не замечено. Один раз в процессе отладки правда словил такое сообщение: Вот тестовый сайт, добавьте что угодно в корзину (без товаров она не покажется). Что я просмотрел?

   Asked by d0ublezer0, January 28, 2013

   0 votes
   5 answers
9. Высота у select[multiple]

   Проблема с кроссбраузерностью мультиселекта. Есть такой селект: <select class="b-task-status-execution" name="ts_status" multiple=""> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> .b-task-status-execution{ border:1px solid #abb1c2; font:normal 12px/16px Tahoma; width:150px; height:100px; } .b-task-status-execution option{ line-height:16px; } http://jsfiddle.net/nastyamn/kQ7ZC/1/ Нужно сделать чтобы не поя…

   Asked by nastyamn, January 28, 2013

   • select
   • multiple
   • height
   0 votes
   4 answers
10. line-height в chrome

    Дело вот в чем, не раз замечаю что в хроме нужно ставить line-height больше чем в других браузерах. К примеру слева FF IE Opera справа Chrome Safari Как справиться с этим? Юзаю хак, но хотелось бы разобратся в причинах такого рендера. И найти более правильное решение. @media all and (-webkit-min-device-pixel-ratio:0) { button.button span span { line-height:29px; } } HTML <button class="button"> <span> <span> Join </span> </span> </button> Извиняюсь за большой CSS - верстаю под magento а там шаблоны не ахти. А менять каждый темплит времени нет. button.button { border:0; padding:0; m…

    Asked by stranger-liquid, January 28, 2013

    • css
    • line-height
    • chrome
    • кроссбраузерность
    0 votes
    0 answers
11. Меню с углами

    Как кроссбраузерно сверстать такое вот меню? Тут больше интересуют углы. Если кроссбраузерно, то картинкой, правильно? А как именно - понять не могу.

    Asked by Imperil, January 28, 2013

    • меню
    • углы
    0 votes
    6 answers
12. Анимация градиента

    Всем привет. Подскажите, как сделать плавное изменение градиента? Есть код: #change { border-top: 1px solid silver; background-color: #555; color: #ccc; width: 300px; height: 200px; background: -webkit-linear-gradient(top, white, black); -webkit-animation: 'grad' 3s infinite ease; } @-webkit-keyframes 'grad' { from {background: linear-gradient(top, white, black);} to {background: linear-gradient(top, black, white);} } Но он не работает. Пробовал указывать ключевые кадры - работает, но слишком громоздко получается. Может быть есть вариант по лучше? А то раздувать код не хочется, ведь слишком толсто будет..

    Asked by Sandr, January 27, 2013

    0 votes
    6 answers
13. Выпадающее меню на CSS помогите скрыть подменю!

    Доброго времени суток! Никак не могу скрыть блок выпадающего меню... Помогите плиз!!! Вот код CSS, тут просто какая-то мелочь, но я этого не могу увидеть: /*—————-menu tab———————-*/ .menu { font-size:14px; padding:0; float:left; width:890px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; height:35px; } /* style the sub-level lists */ .menu ul ul { width:auto; } /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu ul li { float:left; height:35px; line-height:35px; list-style-type:none; } /* style the sub …

    Asked by antiaofd, January 27, 2013

    • CSS
    • css
    • меню на css
    • меню
    0 votes
    5 answers
14. горизонтальное меню с большими отсутпами

    нужно сделать пару кнопок на зелёном фоне с закруглёнными сильно углами. Пробовал сделать примерно так:Обрамил тег li тегом a и оформил примерно так: li { display:inline; margin-right:50px; } a:hover { background:green; border-radius:15px; } В итоге я получил то, что надо, но зелёным выделяется пространство вплоть до следующего тега li, а мне нужно, чтобы это было только вокруг текста.

    Asked by Rayzor, January 27, 2013

    0 votes
    2 answers
15. позиционирование...

    Доброго вечера всем верстальщикам!!!) прошу руку помощи))) я пока учусь HTML и CSS , но уже кое что этом смыслю) на стандартном форуме юкоза (т.к. самодельный туда не всунешь, ибо он неприветствует посторонний PHP) решил поставить меню и отпозиционировать его так чтобы оно держалось всегда верхней части форума, никуда не съежало, т.е. было как 1 целое..!) позиционировал его как только можно и стандартный ucoz'овский код прошел через такие извращения... о_О ну В общем он не захотел здаваться. для div'a меню задаю position:absolute; сам блок форума запер в еще 1 div и так же задал ему позицию "absolute" . начав задавать координаты, вроде все пошло как по маслу, но когда я п…

    Asked by spn_one, January 27, 2013

    • (неприятная пробема с позицио
    0 votes
    9 answers
16. Позиционирование блоков

    Проблема такова, по горизонтали 4 блока ,не могу понять как сделать ,чтоб при добавлении блоков они вставали друг под другом? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>our team</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function blinkIt() { if (!document.all) return; else { for(i=0;i<document.all.tags('blink').length;i++){ s=document.all.tags('blink'); s.style.visibility=(s.style.visibility=='visible')?'hidden':'visible'; } } } </script> </head>…

    Asked by romeo753, January 27, 2013

    0 votes
    10 answers
17. Как сделать в резиновой шапке плавающую картинку по центру а другие прижаты по бокам шапки?!

    Как сделать в резиновой шапке плавающую картинку по центру а другие прижаты по бокам шапки?!

    Asked by daggi, January 27, 2013

    0 votes
    1 answer
18. Как сделать в резиновой шапке....

    Как сделать в резиновой шапке 3 картинки следующим образом: одна прижата к левому краю другая к правому и одна плавает по центру.?! Верстка на дивах. <div id="header"> <div class="left"></div> <div class="center"><a href="/"></a></div> <div class="right"></div> </div>

    Asked by daggi, January 27, 2013

    0 votes
    1 answer
19. position:absolute и height

    Добрый вечер. Для блока свойство position имеет значение absolute. Как в этом случае мне указывать высоту блока? Height и min-height не работают .main { padding: 0px 12px; width:500px; position:absolute; margin-top:155px; height:455px;}

    Asked by mylogin, January 27, 2013

    0 votes
    1 answer
20. Растянул фоновое изображение, справа немного ломается.

    РЕШЕНО Здравствуйте. Сделал фон в GIMP, вставил эту картинку как фон в тэге body body { height: 100%; background-image: url("{{ MEDIA_URL }}images/body.jpg"); background-size: cover; } Картинка растянулась, но в ширине слегка ломается справа вот тут http://www.tech.djangohost.name/ (нужно прокрутить направо). Подскажите почему такое поведение? И как картинку растянуть без косяков? Так же подключен bootstrap. Если еще размтка нужна, выложу...

    Asked by viz9, January 27, 2013

    0 votes
    0 answers
21. Просвечывание меню

    Ситуация следующая: сайт на wordpress`е, в котором выпадающие меню "просвечивается". Вот вставка из css: #access ul ul { -moz-box-shadow: 0 3px 3px rgba(6, 6, 6, 0.14); /* подложка выпадающего */ -webkit-box-shadow: 0 3px 3px rgba(208, 208, 208, 0.86); box-shadow: 0 3px 3px rgba(213, 213, 213, 0.95); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 9999;}

    Asked by papadopalas, January 27, 2013

    0 votes
    1 answer
22. Плавный отступ.

    Вот собственно: http://jsfiddle.net/iKNG/F3N6f/. FireBug почему то ошибку не выводит, но и результата нет.

    Asked by iKNG, January 27, 2013

    0 votes
    4 answers
23. CSS - две флешки на странице для IE - помогите

    Подскажите, пожалуйста, что делаю не так? Верстка на css Мне нужно, чтобы две разные флешки показывались на одной странице В опере проблем нет вообще, показываются, а вот в IE первая флешка показывается, а вторая нет как ни крутилась, ничего не вышло. флешки не пересекатся css —-- #sloy1{ position:absolute; margin-top:10px; margin-left:10px; width:50px; height:50px; z-index:1; } #sloy2{ position:absolute; margin-top:100px; margin-left:100px; width:50px; height:50px; z-index:2; } страница —————-- <div id="sloy1"> тут код флешки с добавленным <param name="wmode" value=opaque> </div> <div id="sloy2"> тут код флешки с добавленным <param name="wmode"…

    Asked by Dasha, January 27, 2013

    0 votes
    1 answer
24. bootstrap.css что за * ?

    В файле bootstrap.css перед некоторыми свойствами стоят звездочки, для чего они? audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } итд...

    Asked by uuu, January 27, 2013

    0 votes
    3 answers
25. Оглавление

    Хочу сделать оглавление для pdf файла, порезанного на отдельные главы, так, как это возможно в ворде: 1) Выравнивание текста оглавления по ширине страницы 2) Номер странички в документе pdf - с правой стороны окна в последней строке текста (названия главы) 3) По-возможности, но не обязательно: пунктирная линия от последнего слова названия главы до номера страницы. Вариант с таблицей из двух столбцов не подходит, так как номера страниц получаются правее любого слова, а мне нужно, чтобы номера страниц выравнивались по правому краю, по которому выравнивается текст (justify) Что-то вроде: много_текста_много_ текста......................12 мало_текста............23

    Asked by Sat_Odessa, January 26, 2013

    0 votes
    1 answer