HTML Coding

29,542 questions in this forum

1. как заменить тег select на картинку

   подскажите как заменить в тэге <select> стандартный треугольник на красивую картинку? Спасибо.

   Asked by mrfrunze, August 17, 2014

   • HTML CSS select
   0 votes
   2 answers
2. Спрятать блоки

   Всем привет!!! Помогите разобраться есть такой код http://jsfiddle.net/2cnysy8z/ . Проблема в следующем я задаю для ul overflow: auto; то есть по идеи если контент не влазит должны появляться полосы прокрутки, ну все вроде бы правильно, но когда я задаю для li float: left, то блоки с картинками все равно остаются один под одним, они не встают флоатом, если применить классы, которые я закоментировал то получатся то что мне нужно, но я не могу понять, почему блоки не встают так как работает флоат , мне надо чтоб они вставали автоматом , а не через класы, ибо если добавить новый li то для него опять надо писать клас. а посути они просто должны флоатить

   Asked by Kosta654, August 17, 2014

   0 votes
   2 answers
3. Картинка со ссылкой.

   Хотел сделать себе кнопку Панель управления. (Вот мой сайт: lola.orisale.ru). Так вот, не знал как запихать картинку на левый край, так как задавая картинке Position: right, я получал ее на середине страницы. Решил через баграунды. Сейчас у меня такая конитель: body{ background-image:url(panel.png), url(ph3.png), url(ph2.png), url(fona.GIF); background-repeat: no-repeat, repeat-y, repeat-y, repeat; background-attachment: fixed, fixed, fixed, no-fixed; background-position: right, left, right, center;}Собственно, panel - это и есть та фотка, остальное - фон. Так вот в чем вопрос: 1.Как мне повесить на нее ссылку? Мол нажал кнопочку и опа, панель управления... 2. Возможн…

   Asked by Человек228, August 16, 2014

   0 votes
   1 answer
4. Bootstrap modal и IE8

   Добрый день! Собственно, проблема такая: есть стандартное модальное окно bootstrap'а. Везде работает хорошо, однако в IE8 в низу страницы появляются границы пустых div'ов от этого модального окна. Выглядят они так: respond.js подключен. Страницу можно посмотреть здесь: http://work4.a26.ru/test.html Подкажите пожалуйста хотя бы куда копать. Заранее благодарен!

   Asked by boehpyk, August 16, 2014

   • bootstrap
   • ie8
   0 votes
   1 answer
5. Углы блока

   Скажите пожалуйста, можно ли сделать вот такие уголки у блока(беленькие которые) не используя дополнительных блоков поверх основного? http://youpic.su/pictures/1408132800/33efef60cd204d56fe44795e32cd1d94.png

   Asked by Serafim1991, August 16, 2014

   0 votes
   3 answers
6. Первые шаги

   Здравствуйте, я недавно начал пробовать верстать, и пока получается не очень. Один я точно не вывезу, поэтому буду благодарен, любому кто поможет и подскажет. Это мой первый сверстанный самостоятельно сайт http://rosohranatelekom.esy.es/index.html Там есть один косяк (хотя уверен их там больше), выпадающее меню, при наведении курсора на ссылку "О компании", получается, что ховер перекрывает или ссылку "О компании", или прячется под background следующего блока. Верстал по файлу jpeg http://hkar.ru/uQ7r И у меня еще один вопрос, есть файл psd http://webfile.ru/00b7fba03b2acfd47f771af4497dfc8a и в этом файле я никак не могу вычленить логотив "Cuda", нажимаю ctrl+c и …

   Asked by melnikv, August 10, 2014

   0 votes
   5 answers
7. отображение текста на ховере

   добрый вечер, при наведении на картинку посредине картинки должен появиться текст. изначально задаю display:none; при наведении :hover{ display:block; } текст не отображается. вот ссылочка http://jsfiddle.net/mrfrunze/wg8ntajy/ в чем может быть подвох? спасибо.

   Asked by mrfrunze, August 16, 2014

   • css hover
   0 votes
   8 answers
8. Проблема с font-stretch

   Доброе время суток! Буду очень благодарна за помощь. В .psd макете шрифт Microsoft Sans Serif , который в фотошопе растянут, в стилях я прописала тот же шрифт, тот же размер, а растянуть я хотела с помощью font-stretch, но не все браузеры понимают это свойство, к тому же работает не для всех шрифтов, Заказчик говорит что шрифт отличается, естественно, но я не знаю как решить эту проблему. Заранее спасибо.

   Asked by Suzanna, August 14, 2014

   • сузить шрифт
   • font-stretch
   0 votes
   10 answers
9. Расположить картинку за формой

   Добрый день Подскажите, как расположить картинку с девушкой за формой авторизации?

   Asked by kirill1059, August 16, 2014

   0 votes
   8 answers
10. Помогите реализовать подобный интерфейс...

    Всем привки)) Есть такой сайтик http://tracksflow.com/ - очень глючная вещь...однако мне понравилась там одна в штука)) При наведении мыши на альбом, появляется затененный блок со ссылками...однако, этот самый блок тоже является ссылкой)) Привожу картинку(1- по умолчанию, 2 - при наведении мыши) Как мне такую фишку сделать? Вот мои наброски http://jsfiddle.net/uku3nzwu/3/ У меня не получается сделать появляющийся прозрачный див ссылкой, а если и получается, то не работают ссылки внутри этого прозрачного дива... Что подскажете? Или мб какой-то другой способ есть?

    Asked by DUBECZ, August 16, 2014

    0 votes
    0 answers
11. CSS animation и transition на одном элементе. Баг (?) в FF.

    В общем интересная штука нарисовалась. Вот пример. Есть элемент, который в процессе работы сайта неким образом перемещается, для его плавного перемещения используется свойство transition: transform; Именно transform т.к. оно не вызвыает repaint и reflow. Так же при загрузке страницы этот элемент должен выезжать. Для этого используется свойство animation, в @keyframes которой свойство transform изменяется from -100% to 0. По идее при загрузке страницы animation должна запуститься, отработать независимо от заданного свойства transition, а уже потом в процесе работы сайта, когда элементу назначается какой-то класс изменяющий свойство transform, элемент должен перемещатьс…

    Asked by ows.nightwolf, August 15, 2014

    • Анимация animation transition
    0 votes
    3 answers
12. Верстка звездочек для рейтинга

    Подскажите, пожалуйста, как формируются здесь звездочки: http://demo.lollum.com/crazydiamond/product/black-stop-tappy-midi/ Понимаю, что этот код: .star-rating {overflow: hidden; position: relative; height: 14px; line-height: 14px; font-size: 14px; width: 75.6px; font-family: 'star';} .star-rating:before { content: "\53\53\53\53\53"; color: #949da5; float: left; top: 0; left: 0; position: absolute;}: Здесь используется шрифт "star". Не понимаю, он же где-то должен подключаться. Этот шаблон мы купили. Значит, должен быть файл с этим шрифтом?

    Asked by Светлана Г., August 16, 2014

    • звездочки рейтинг
    0 votes
    5 answers
13. Танцы с бубнами, или оберточный див.

    <div class='sic'> <div class="call call-on"><span href="#non"> </span></div> <div class="email"><span> </span></div></div>.sic div { position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em; width: 30px;}.sic div:before,.sic div:after,.sic div span:before,.sic div span:after { content:""; position:absolute; top:50%; left:0;}.sic div span:before,.sic div span:after { margin:-8px 0 0; background:#c55500;}Если код с классом то все выглядит так: http://prntscr.com/475oby А если без класса .sic, то так: http://prntscr.com/475p17 Все пустое, ниче…

    Asked by Destrifer, July 28, 2014

    0 votes
    9 answers
14. Проблема с li

    Есть сайт http://texteredsa.besaba.com/ есть 4 пункт контента, как сделать чтобы li флоатились как тут http://s019.radikal.ru/i626/1408/55/4a15afe532ac.jpg ? p.s. верстка кривая

    Asked by WEB-best, August 15, 2014

    0 votes
    4 answers
15. стили для first-child

    Добрый день, есть такая проблема нужно задать вертикальное отображение меню раздела "шкафы и боксы" http://electro-dom.od.ua/ прописал такой код #denss_page .denss_menu_items li.denss_menu_items_parent:first-child ul.child li{ display:inline-block; все заработало, при смене backgrounda слетело и не могу поправить, помогите разобраться с вертикальным отображением, и задним фоном.для элементов ul.child li Спасибо.

    Asked by mrfrunze, August 15, 2014

    0 votes
    7 answers
16. Что такое размер шрифта?

    Для простоты расчетов: font-size: 100px; line-height:100px; font-family: Arial; Визуалный пример: http://jsfiddle.net/avmrLtao/ Что значит здесь font-size: 100px, и как это соотносится с реальными размерами и положением букв в строке?

    Asked by neTp9c, August 15, 2014

    • размер шрифта
    0 votes
    1 answer
17. Подскажите что делать начинающему верстальщику

    Здравствуйте, уважаемые коллеги! Начал заниматься версткой недавно (месяца 3 наверное). За это время немного освоил html/css, однако когда дело подходит к практике, например сверстать простейший макет, я тут же вхожу в ступор и не могу применить теоретические знания на практике. В общем что бы вы посоветовали мне? Как начать верстать хотя бы простейшие макеты? Спасибо, всем кто ответит на данное сообщение!

    Asked by myels, August 14, 2014

    0 votes
    13 answers
18. Выпадающего меню с display:table-cell и position: absolute;

    Здравствуйте! Проблемы нет, но это мне и кажется подозрительным Сверстано меню с применением display:table; и display:table-cell; http://jsfiddle.net/SvetaGr/jf2rvkon/ Затем решили добавить выпадающее меню. По идее, должна была возникнуть проблема с позиционированием элемента с position:absolute; внутри ячейки - так было раньше. Для решения нужно было обернуть в дополнительный <div> позиционируемое содержимое. А сейчас, протестировав в актуальных версиях, такой проблемы не возникло. Странно.Почему так? Не хотелось бы, чтобы эта проблема где-то вылезла неожиданно.

    Asked by Светлана Г., August 15, 2014

    • display:table-cell
    • position: absolute;
    0 votes
    3 answers
19. URL с внутренних на главную

    Доброго времени суток. У меня сайт на html, все ссылки на главную идут вот так <a href="index.html">Главная</a>, на других сайтах встречаю в коде вот так <a href="/">Главная</a>, как правельно ?

    Asked by Aleksandr_I, August 13, 2014

    0 votes
    6 answers
20. Сделал 2 колонки на 100% длинны страницы, одна фиксированная, НО!

    Сделал 2 колонки на 100% длинны страницы, одна фиксированная, НО! Нужно сделать 2х колоночный макет с длинной во всю страницу, причем правая колонка должна быть фиксированой. Почти получилось, но нужно перенести фиксированую колонку слевой стороны на правую. Под конец дня голова уже не варит. Любые советы, ссылки, намеки, решения подойдут. Заранее спасибо! Код HTML: Код CSS: Скрин:

    Asked by ZMichail, August 13, 2014

    • html
    • css
    • верстка
    • колонки
    • как сделать
    • колонка на всю длинну
    0 votes
    7 answers
21. проблема в трансформации (CSS3)

    Всем привет! Случилась проблема, нужно что бы свойство transition плавно трансформировало таблицу не только по горизонтали (width) но и по вертикали вниз (height). Перепробовал в свойство transition и #wrap1 приписывать функцию height, но по вертикали переходит очень резко, а нужно плавно. Спасибо за внимание. вот исходник: <html><style type='text/css'>#wrap1{border:1px #000 solid;width:200px;padding:10px;font-size:1.5em;transition: width 4s, height 4s; }#wrap1:hover{width:500px;height: 300px;}</style><body><div id="wrap1">ВОТ</div> </body></html>

    Asked by Георгий123, August 3, 2014

    0 votes
    12 answers
22. Дайте совет как реализовать подобный элемент.

    Здравствуйте! Точки должны плавно менять цвет на красный с левого края двигая вправо. И это должно быть резиновым. Без резины как реализовать есть идеи, но иначе нет. Да и в макете оно шириной 1600pх.

    Asked by Vicos, August 15, 2014

    • Резина
    • Динамичный эффект
    0 votes
    3 answers
23. Изображение вокруг курсора прозрачная

    Подскажите пожалуйста, как реализовать эффект как на этом сайте http://industriefer.ru/ ( наведите на бойлер ).

    Asked by Ingvarr, August 14, 2014

    • курсор
    • картинка
    • прохрачность
    0 votes
    2 answers
24. Почему не появляются границы по бокам?

    Почему, если в параграф засунуть элемент <h2> и потом, для всего этого задать границу, то она появляется частично? А если убрать заголовок, то граница появляется. http://jsfiddle.net/fowhf3r0/

    Asked by DivMan, August 14, 2014

    0 votes
    4 answers
25. расстояние между div

    Здравствуйте! Циклом вывожу 50 шт блоков div, style="display:inline-block; width:100px;" , Как убрать пробелы между div по вертикали? (красные стрелки на картинке)

    Asked by zhenia3003, August 15, 2014

    0 votes
    2 answers