HTML Coding

29542 questions in this forum

1. Таблицы, позиционирование и задача

   http://jsfiddle.net/7R4a9/1/ Вот эффект, который должен получится (видно в хроме). В мозилле не работает по понятным причинам. Вопрос - как сделать тоже самое в мозилле? Можно использовать лишние обертки и хаки. Цифры всегда должны быть вертикально посередине (то есть если мы оборачиваем цифры в обычный див - их уже не выровнять по центру, а высота ячейки изначально неизвестна). я использую в том числе jquery для решения проблемы, но дело в том. что таблица при загрузке невидима и нужно будет при каждом открывании таблицы высчитывать высоту div и line-height (для решения проблемы). но мне этого делать не хочется (плюс line-height не самое лучшее решение - вдруг данные в я…

   Asked by Zverushka, January 10, 2014

   0 votes
   11 answers
2. выравнивание по центру

   Как сделать, чтоб основная страница была по центру, то есть поля правое и левое были одинаковы, и при уменьшении масштаба страница была по центру окна браузера? http://truebooks.ru/

   Asked by JohnBondlock, March 29, 2014

   0 votes
   7 answers
3. Не работают тултипы (tooltips) в IE

   Добрый день. Прошу совета и помощи в решении проблемы. Есть сайт, на котором мне нужно исправить ошибки. Верстал и натягивал его на WP не я, а вот делать исправления, так вышло, что нужно мне. Но дело в том, что с версткой у меня не очень (сам я дизайнер). Вот на этой странице услуг http://www.posadnv.ru/services/ у нас есть схема. При наведении на неё вылезают тултипы, в которых буллетами перечислено содержание услуги. Проблема в том, что эти тултипы не работают в IE. Сделаны они через CSS. В чем загвоздка понять не могу. Так же там есть маппинг, вокруг области полукругов. На самом деле глобально, там не нужен ни маппинг (хватит тултипа и просто на 1 картинке ц…

   Asked by Meroving, August 19, 2014

   • tooltip
   • тултипб
   • css
   • IE
   0 votes
   1 answer
4. Как сверстать панель оценок

   Привет, камрады. Голова уже не варит, дико туплю. Такую панельку, как на картинке можно сверстать без js чтоб при наведении загорались звезды до и та, на которую навели? Подкиньте пример или идейку. И как такая вещь называется? А то ведь даже загуглить не получается.

   Asked by pangurban, October 15, 2014

   0 votes
   3 answers
5. При уменьшении окна браузера, пункты меню наезжают на логотип

   Доброго времени суток! Возникает проблема, когда я пытаюсь уменьшить окно, мое меню съезжать прям на логотип, каким образом можно это исправить? надо чтобы менюшка переходили на новую строку не съезжая на логотип. Для меню у меня стоит фиксированный размер font-size: 14px. Как можно исправить? Спасибо.

   Asked by diga, August 18, 2015

   • логотип окно
   • меню
   • наезжают
   0 votes
   1 answer
6. attr для фона

   Мне нужно путь к фоновой картинке передавать в атрибуте data. Я написал следующее <article data-i="i/1.png"></article>article{ background:url(attr(data-i url)) left top no-repeat;}Но эта конструкция не работает. Какова будет работающая конструкция? Вообще моя задача скрыть от поисковиков картинки в блоках без использования javascript. Поскольку их много, то пришла идея писать путь к картинке в каждом блоке внутри data и передавать её для отображения как фон. Можно, конечно, каждому блоку писать style="background:url() left top no-repeat;", но это не приемлемо. Так как поисковики понизят страницы в выдаче за такой приём. Если с attr не возможно этого добить…

   Asked by PavelTkachev, February 3, 2016

   0 votes
   7 answers
7. Помогите с центрированием.

   Задача: Создать линию определённых размеров и расположить её по центру экрана. Код HTML: <div class="line"></div> Код CSS: .line { position:absolute margin-top:650px; height:2px; width:1200px; background: black; }

   Asked by shumz, May 11, 2020

   • html
   • css
   • css3
   0 votes
   3 answers
8. КАРТИНКИ

   1. Вот допустим есть некий сайт с множеством страниц, как сделать чтобы элементы которые есть на каждой странице не писать каждый раз вручную? 2. Как сделать так чтобы картинки отображались на странице сайта, в случайном порядке, по одной например: один раз зашел - одна картинка, второй раз - другая. И так далее.

   Asked by Jeka, June 2, 2008

   0 votes
   6 answers
9. При изменении длины слова, вся задумка портится...css :hover

   В общем задумал я такую менюшку, чтобы при наведении на ссылку, стрелочки по бокам этой ссылки смыкались... http://img522.imageshack.us/my.php?image=menuwx5.jpg http://img141.imageshack.us/my.php?image=menuhoverqr5.jpg Но как видно из второй картинки, при изменении длины слова, эти стрелочки ливо заезжают на слово, либо куда то убегают... так вот хотелось бы узнать, можно ли как то с помощью css и html сделать, чтобы при изменении длины слова эти стрелочки были всегда на одном и том же расстоянии от слова? css: <style type="text/css"> html, body {margin:0px; padding:0px; background-color:#dbfafb;} #head {background-image:url("img/head.jpg"); width:710px; height:102…

   Asked by bubl, November 21, 2008

   0 votes
   4 answers
10. html Курсоры

    Бродил по сайтам интернета и наткнулся на красивые курсоры которые идеально подошли бы к моему сайту. Нашёл нужное свойство CSS. Но не получается установить. В теги бади пишу курсор: url, auto. Формат курсора подходит. Но не отображается. Заменить на стандартные курсоры получилось а на свой не хочет. Это вообще возможно?

    Asked by svdsLis, May 3, 2009

    0 votes
    2 answers
11. Зазор между хедером и контентом приверстке блоками

    Вот такой вопрос - только начинаю учиться делать сайты и возникла проблема - когда пытаюсь делать блоки дивами , между всеми элементами возникает зазор. Делал это по статьям, там в скриншотах таких зазоров небыло.В чем может быть причина того , что элементы сайта не прилегают вплотную друг к другу при наполнении их текстом. Вот скриншот - http://ipicture.ru/Gallery/Viewfull/1372843.html (извиняюсь , если неправильно загрузил фотографию)

    Asked by Gaydar777, September 30, 2010

    0 votes
    4 answers
12. проблемы в ie6

    Здравствуйте! Не знаю, как побороть следующие проблемы, связанные с ie6 1.header в ie6 так: http://gyazo.com/3a5bee7a018c7e2a66e772bb51dbdf62.png должно быть так: http://gyazo.com/b44b40d2d36051d30980c70824db81b9.png 2.footer в ie6 так: http://gyazo.com/1b809d19203bede502160827a1435416.png должно быть так: http://gyazo.com/e4580ce567285c4e6d1aea11126a507e.png 3.thumbs в ie6 так: http://gyazo.com/b956cc8820539b4830969824979c782b.png должно быть так: http://gyazo.com/6826b7c6efb4ae63fbb51895e5a38856.png 4.box tittle в ie6 так: http://gyazo.com/914da95ff01e99eb03b387ca380bed16.png должно быть так: http://gyazo.com/8516327456e9e0f7419fa5a09e815…

    Asked by dropDiez, April 12, 2011

    0 votes
    3 answers
13. Как удалить отступ с низу?

    footer с низу имеет отступ, образованный из за слоя с улиткой. Этот отступ отображается только в FF и IE. слой с улиткой snail. html <div id="footer"> <div id="snail"></div> </div><!-- #footer --> css #footer { width: 960px; margin: -100px auto 0; height: 100px; background: #284271; background-image:url(../images/briz_footer2.png); background-repeat:no-repeat; } #ns { position:absolute; margin: 0 0 -100px 0; background-image:url(../images/NS.png); background-position:right; background-repeat:no-repeat; width:186px; height:80px; left: 659px; top: 941px; } #snail { position:relative; height:211px; width:185px; backgroun…

    Asked by z-0091, July 14, 2011

    0 votes
    4 answers
14. как удалить авторские права у шрифта

    Подскажите, пожалуйста , как удалить авторские права у шрифта ? Что б его можно было генерировать на font-squirrel.

    Asked by ruvi, November 6, 2012

    0 votes
    3 answers
15. Нет плавной CSS3- анимации в Chrome

    работает только в опере и мозилле http://jsfiddle.net/qrTA8/ -webkit-transition-duration: 100ms; - есть, но не помогает

    Asked by iDrugov, November 20, 2012

    0 votes
    6 answers
16. Выпадающее меню средствами CSS

    Посмотрел как написан сайт adobe.com, там вс? выпадающее меню организовано средствами CSS, но как? может у кого нить есть ссылки на уроки?

    Asked by nicotin, March 11, 2008

    0 votes
    2 answers
17. Табличная в?рстка

    Помогите пожалуйста,у меня следующая ситуация: Я решил для треннировки попробовать сделать такойже сайт : http://baby-studio.ru/ мой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Три колонки</title> <style type="text/css"> body {margin:0;background:url(1.jpg);} .t { width:100%; height:300px; border: 0px solid black; background-image:url(line.gif);background-repeat: no-repeat;background-position: center -14px; } </style> </head> <body> <MAP id=menu_1 name=me…

    Asked by psywalker, June 23, 2008

    0 votes
    2 answers
18. Выровнять по ширине одну строчку текста

    Нужно сделать так, чтобы слово LIVE вверху или любое другое выравнивалось по ширине блока. Можно ли это сделать, не задавая жестко letter-spacing?

    Asked by hooey_ru, March 27, 2009

    0 votes
    9 answers
19. Как в CSS-селекторе учесть пробелы в аттрибутах class и id?

    Есть пример из трех дивов <div id='a1'> a1 </div><br> <div id='a2'> a2 </div><br> <div id='a1 a2'> a1 a2 </div><br> Как должен выглядеть селектор, если требуется обратиться третьему диву, не затрагивая 1-и и 2-й? Такой селектор почем-то не работает .a1 a2

    Asked by freeneutron, December 1, 2009

    0 votes
    5 answers
20. в качестве основной картинки положить фото?

    Хочу в качестве основной картинки (фон) положить фото, при чем мне нужно, что бы это фото при открытии сайта в браузере отображалось целиком без белых полос фона или каких либо полос прокрутки. То есть без прокрутки – везде только это фото. И как задать этой фото резиновость что бы она растягивалась на весь экран на любом экране. Хочу уточнить ПРИ БЛОЧНОЙ ВЕРСТКЕ. Я задала звездочке * { margin: 0px; padding: 0px; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} Вроде пока отображается на весь экран, но экраны то у всех разные, и мне нужно что бы на любом экране отображалось на весь экран. Стоит …

    Asked by Elna, May 2, 2010

    0 votes
    5 answers
21. Не работает width: 100% и margin: 0 auto на ios

    http://nargilia.pavelzheglov.ru/ Впервые столкнулся с такой проблемой, даже не могу четко выявить суть, чтобы гуглу задать вопрос.

    Asked by Jackky, October 9, 2013

    0 votes
    1 answer
22. Интересная стрелка, как?

    Всем доброго вечера, требуется стрелочку сделать на CSS, но не могу понять откуда начинать. Вот что приблизительно нужно на CSS: Как можно похожее реализовать, через transform возможно ? Может есть у кого что-то похожее, надеюсь на любую помощь. Спасибо !

    Asked by Hol1killer, October 28, 2014

    0 votes
    7 answers
23. С дивами проблема

    есть такая ситуация вот код <div> <div id="left"> <div> <div id="left_bg"> <table border=1><tr><td>Работы</td><td>Научная деятельность</td></tr></table> </div> <div id="middle_bg"></div> </div> </div> <div id="right"> <div id="right_top"></div> <div id="right_bottom"></div> </div> </div> и стили #left { height:39px; width: 642px; float:left; } #right { height:39px; width:358px; float:right; } #left_bg { background-image:url(images/menu_left.jpg); background-repeat:repeat-x; width:614px; float:…

    Asked by folibis, November 30, 2007

    0 votes
    2 answers
24. png отбрражается с непрозрачным фоном

    Одни проблемы с этим сайтом.В Опере и Мозиле все отлично , без фона png отображается , а этот никчемный ie с фоном отображает. В чем проблема :/ ? Кстати выложил шаблон, можете посмотреть. Все видно, попробуйте с оперы зайти (отображается все, что надо), с мозилы (неотображается текст(так как стиль внешний не действует на него и он черный на черном фоне не виден, писал о проблеме в другой теме)), и интрнет эксплоера-отображается полный отстой. Буду рад совету. www.medovik.info

    Asked by apika, December 21, 2007

    0 votes
    2 answers
25. ?????

    когда я делаю ссылку она почемута становится по середине а мне нужно чтоб ссылка была наверху http://smages.com/5e/e3/5ee3cf55022a7aa81c...25c3aad.jpg.htm <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>home</title> </head> <body style="background-color: rgb(51, 51, 51);"> <table style="text-align: left; height: 150px; width: 1226px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: rgb(0, 0, 0);" align="center" valign="middle"&…

    Asked by jiper, March 12, 2008

    0 votes
    2 answers