HTML Coding

29542 questions in this forum

1. hover эффект

   Как такое можно сделать? http://themes.iki-bir.com/ikaros/blog2.html когда на картинку наводишь плюсик появляется, попытался скопировать с примера то что я скинул, не получилось, походу криво копировал. Есть ли готовые решения такие же?

   Asked by moslem, July 28, 2012

   0 votes
   1 answer
2. Насколько оправдано хостить шрифты (web fonts) на том же сервере, что и сайт?

   Насколько оправдано хостить шрифты (web fonts) на том же сервере, что и сайт? Например если с лицензионной точки зрения всё чисто. Насколько я понимаю, так будет даже надежнее, чем хостить на том же гугле или других сервисах, как платных так и бесплатных. Ведь если лёг сервак с шрифтами - он же и не отдаст сам сайт , в обратном случае придется отдавать фоллбек-шрифты, вместо красивых изначально планируемых если лёг сторонний сервис. Я имею в виду web fonts ttf/eot/woff завернутые в @font-face. Но вот почему-то, если просмотреть скажем с 100 сайтов использующих web fonts, буквально 1-2 будут хостить их у себя в том числе (если учесть, что есть Free & Open Source шрифты…

   Asked by Vincent Vega, March 18, 2013

   • шрифты webfonts
   0 votes
   2 answers
3. Помогите с вертской плз. Проблема с расположением блоков/картинок

   Помогите новичку пожалуйста! Сам разберусь точно не скоро, т.к. времени после работы крайне мало на изучение веб программирования. Для тех кто хорошо понимает css/html, там делов-то на раз плюнуть. Вкратце: Хочу сделать страничку с расположением объектов как на двух скриншотах внизу http://i.imgur.com/E9UmjdD.jpg http://i.imgur.com/ysMAPqi.jpg Сама страничка - http://podstrigis.com/test Буду благодарен за любую помощь!

   Asked by msk1, May 5, 2013

   0 votes
   4 answers
4. Белая полоса в мозилле

   http://zverushka.zz.mu/test5/ В самом низу на границе волнистой границы в мозилле белая полоса, в хроме нет. Не могу понять причины сего поведения и отображения и как исправить.

   Asked by Zverushka, November 6, 2013

   0 votes
   4 answers
5. Формы

   Вот код формы : http://jsfiddle.net/hristofor/Z24K2/ Такой вопрос. Почему слово jah не распологается после радио кнопки(как мне нужно), а смещается наверх формы?

   Asked by hristofor, March 15, 2014

   0 votes
   2 answers
6. строка ПОИСК

   Здравствуйте. Первая тема, первый раз. Прошу прощения, если где-то что-то не так. Собственно проблема в следующем. Взялся верстать макет сайта где-то месяц назад. Новичок в этом деле. Опыта 0. Строка поиска уже вторые сутки мучает. Все как бы можно и могу сделать вот только отображение в Хроме и паралельно ИЕ+Мазила разняться. Конкретно дело в рамке, которая должна обрамлять только строку ввода текста с трёх сторон. Вот скриншот http://rghost.ru/56239174 на котором в фотошопе псд файл и выше то ,что я уже получил. Дальше iq моего не хватает. Прошу помощи. Код который накидал вот: http://jsfiddle.net/lspanec/xxTu3/ Постараюсь еще раз описать: -что надо: добавить …

   Asked by lspanec, June 7, 2014

   • Input Search Placeholder
   0 votes
   4 answers
7. Как отцентрировать текст

   Подскажите, пожалуйста, как в каталоге http://goo.gl/WRuHBEможно сделать текст не слева, как сейчас, а по центру картинки. Css код заголовков такой: .category-view .row .category .spacer h2 a span { position: absolute; left: 0px; display: inline; color: #fff; padding: 1px 1px; text-align: center;}

   Asked by mopch, April 19, 2015

   0 votes
   3 answers
8. Друзья посмотрите как я сверстал!

   Всем привет начал с курсов теперь сам начал верстать сверстал свою первую страницу самостоятельно без курсов. Я ещё новичок в этом деле Ссылка на файл:http://zalil.su/330237 Вот посмотрите и оцените нормально ли для новичка? Масштаб поставьте на 33% и почему у меня такие проблемы появляються с маштабом в фотошопе на много пикселей показывает и пожалуста подкиньте мне пару макетов с хорошим маштабом. Спасибо вам всем!

   Asked by Парвиз, May 29, 2015

   • Верстка новичок
   0 votes
   1 answer
9. Плавное появление при наведении

   При наведении на блок необходимо чтобы блок внутри него плавно появлялся. Как это сделать? http://codepen.io/anon/pen/bdrYmZ

   Asked by yaparoff, June 17, 2015

   0 votes
   1 answer
10. Помогите разобраться с @media screen

    Запуталась с @media screen Эта строчка @media screen and (min-width: 320px) and (max-width: 480px) означает: что стили будут применяться при минимальной ширине экрана 320px и максимальной ширины 480px, я правильно понимаю? Я проэксперементировала и получилось что эти стили применились к: 320 × 480 Телефон(портрет) 480 × 320 Смартфон (ландшафт) 480 × 800 Планшет (портрет) Вопрос: как мне к ним применить разные стили. Пробовала так, по отдельности: @media screen and (max-width: 320px) { ...} @media screen and (max-width: 480px) { ...} @media screen and (max-width: 800px) { ...} , но ничего не получается (стили применяются туда, куда не надо) То есть, я хочу, чт…

    Asked by Alfa2015, July 4, 2015

    0 votes
    3 answers
11. Белая граница

    Вот фрагмент моей вёрстки http://jsfiddle.net/xqybw8Lx/1/ Мне нужно, чтобы белая полоска справа от круга была от верха до низу. Можно ли этого добиться с помощью css? Я понимаю, что можно просто картинку сделать и справа её разместить.

    Asked by PavelTkachev, July 10, 2015

    0 votes
    3 answers
12. Адаптивный текст

    Можно ли как-то сделать чтобы заголовок подстраивался под отведенное для него пространство. Например, есть блок длинной 100% с текстом, необходимо чтобы текст по длине как-раз в него влезал. Причем на разных экранах этот блок будет разным и текст (размер шрифта) должен автоматически подбираться чтобы растянуться на всю ширину блока. Как выход вижу только перебор вариантов в медиа-запросах с корректировкой размера. Возможно есть какой-то другой выход?

    Asked by alleclf, August 28, 2015

    0 votes
    3 answers
13. Картинка (при уменьшении броузера)

    Здравствуйте Помогите пожалуйста решить следующую проблему. Есть попытка сделать картинку в хедере так, чтобы при уменьшении броузера она адаптировалась под размеры. Что то идёт не так, и когда уменьшаешь броузер - часть картинки задвигается налево и становится видно только правую часть картинки. Если есть время, то помогите пожалуйста. .logoheader { background: url(../img/pics/headerpic.png) no-repeat right; bottom #0C1A3E; color: #FFFFFF; min-height: 250px; } #header { display: block !important; position: relative; padding: 1em 0 0 0; /* 8em 0 0 0 */ overflow: hidden; }

    Asked by Barik, December 20, 2019

    0 votes
    0 answers
14. Проблема с позиционированием кнопки

    Почему кнопка с текстом лезет куда-то наверх? <style type="text/css"> button {width: 32; height: 32;} </style> <button></button> <button>1</button> <button></button>

    Asked by Тёмик, September 24, 2011

    0 votes
    2 answers
15. Помогите с версткой

    Здравствуйте ребята. Помогите мне пожалуйста с версткой. Меня интересует вопрос не как сверстать а как лучше это сделать. Как Вы видите мне нужно сделать три блока div определенной ширины в один ряд. На границе главного блока и трех маленьких не обращайте внимание, они будут как-бы убраны и не видны и то-есть эти три блока прилягут друг к другу. Вот каким образом их лучше всего расположить? Первому и второму блоку задавать float: left? Или только первому блоку, а второму float: right и как в таких случаях поступить с margin? А лучше сразу скажите каким способом и как лучше сделать. Спасибо за внимание. С уважением, Артём

    Asked by AcdcRTEM, November 8, 2011

    0 votes
    3 answers
16. Меню с картинкой

    Здравствуйте, при верстке одного макета столкнулся с одной проблемой, не получается сделать меню с картинкой, вот демо. А как должно быть вот скрин Что посоветуете, как с этим бороться?

    Asked by moslem, November 22, 2011

    0 votes
    5 answers
17. вертикальное выравнивание в блоке

    как кроссбраузерно выровнять текст по центру по вертикали в блоке, если он реализован следующим образом: <ul> <li><a href="#"><span>текст 1</span></a></li> <li><a href="#"><span>текст 2 длинный</span></a></li> <li><a href="#"><span>текст 3 пока короткий, но моежет поменяться/span></a></li> </li> где на теги a и span привязывается метод раздвижных дверей. длина ячейки может изменяться. длина текста в ячейке тоже не фиксирована. а в целом вся цепочка растягивается на 100%

    Asked by z1a2r, February 15, 2012

    0 votes
    2 answers
18. Пару вопросов по верстке

    Здравствуйте, подскажите пожалуйста как выровнять так текст еще вопросик как сверстать это прозрачный прямоугольник и как задать шрифт Myriad Pro

    Asked by Rubik, April 30, 2012

    0 votes
    1 answer
19. Плавное перемещение картинок

    Допустим на страницу вставлены 10 картинок в 1 ряд (горизонтальный), при уменьшении окна браузера ряд разбивается на несколько новых рядов. При этом картинки моментально переходят на новый ряд. Подскажите как можно добиться плавного перемещения картинок, примерно так как это реализовано в экспресс-панели Opera. Можно ли это реализовать только средствами CSS без JS? Пробовал копать в сторону transition:all, но толком ничего не вышло

    Asked by geograph, May 6, 2012

    0 votes
    2 answers
20. Не растягивает DIV на всю высоту контента

    Вот код и макет Ни в какую не хочет растягивать два разделителя слева и справа (красного цвета) по всей высоте текста.

    Asked by dmitry_d, September 11, 2012

    0 votes
    5 answers
21. Css разметка

    Здравствуйте, хочу сделать одну вещь, но не получается, вот в чем суть: Это общая разметка сайта. Какие требования - див center основное пространство сайта, он имеет фиксированную ширину и выравнивание по центру через margin:0 auto; это все работает, а теперь мне нада что бы див Left заполнял пространство с лева, а див right - пространство справа. Далее в див left вставляется бекграунд который должен прилипать к крайнему правому углу(на рисунке элемент 1), а в диве right зеркальный бекграунд приливать к левому краю(на рисунке элемент 2), бекграунды я нарисую в фш, с этим проблем нет. Часто встречаю подобные штуки в дизайне сайтов, вот щас решил сам сделать нечто подобное…

    Asked by Dolce, December 13, 2012

    0 votes
    2 answers
22. Фиксированное меню

    В опере иногда сьезжает #wrapper{ margin:50px auto 0px auto; width:960px; height:auto; } aside{ width:309px; padding:10px; float:left; height:auto; border-collapse: collapse; } article{ width:609px; padding:10px; float:left; height:auto; border-left:1px solid #B9E3F3; border-collapse: collapse; } .clear{clear:both;} footer{ border-top:1px solid #B9E3F3; width:940px; padding:10px; height:auto; } nav{ position:fixed; top:0; left:0; padding:0px; margin:0px; width:100%; height:50px; background:black; } <!DOCTYPE HTML> <head> <meta http-equiv="content-type" content="text/html" /> <title>Sign in Mysite</title> </head> <body> <…

    Asked by max2012, February 11, 2013

    • fixed
    • position
    • меню
    0 votes
    0 answers
23. Много кто спрашивал про нестандартное обтекание текста

    http://frontender.info/css-shapes/

    Asked by Galaxy, June 8, 2014

    0 votes
    3 answers
24. Селекс

    Как оформить этот селект или какие плагины посоветуете? http://fastpic.ru/view/65/2014/1103/9b02a296474fb35f7d40726ff717746d.jpg.html

    Asked by raptor-dm, November 3, 2014

    0 votes
    2 answers
25. Переход по якорям

    Всем доброго дня! У меня такой вопрос - необходимо сделать меню в фиксированной шапке с переходами по якорям и подсветкой активного пункта меню в зависимости от того какой раздел на странице просматривается. Как технически создать якорь понятно, подсветку активного раздела тоже понятно (использую скрипт scrollSpy), проблема в том, что при переходе по меню, самый верхний блок с якорем оказывается под шапкой. Маржины и паддинги не помогают, может Вы посоветуете что-то дельное? Заранее спасибо! Вот ссылка на пример

    Asked by MicZoloto, January 5, 2015

    0 votes
    1 answer