HTML Coding

29,542 questions in this forum

1. Как сделать блок ссылкой?

   я создал div блок, которому дал размера 100x100, в который засунул картинку, и ниже неё текст. пример (код html): <div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p> пример (код css): .primer {width: 100px; height: 100px;} как мне теперь сделать этот целый блок (100x100) ссылкой? как я понял, это не подходит: <a href="#"><div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p></a> когда я делаю так как написал выше, то ссылка делается на всю страницу. а мне нужно чтобы ссылка была только для этого блока... думаю суть вопроса понятна... может кто помочь с этим?

   Asked by napstyle, May 16, 2013

   0 votes
   19 answers
2. Подскажите как реализовать

   Всем джамбо друзья...Есть честно найденная (завуалированный мат) менюшка http://jsfiddle.net/N5N48/ А хотелось бы следующее. Например при нажатии на "чтото" на этой же странице открывался блок в котором валяются картинки, нажимаешь опять на "чтото" и они сворачиваются..и так со всеми 3-мя элементами. Заранее спасибо

   Asked by CatInTheBread, May 20, 2013

   0 votes
   2 answers
3. Почему так?

   Кто может подсказать почему IE не правильно отображает. Вот google chrome А вот IE Вот код. <style> body { background: url(../image/frame.jpg) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; } </style>

   Asked by Vladlen, May 15, 2013

   0 votes
   5 answers
4. Тег svg

   Всем привет, есть такой html c тегом <svg> http://jsfiddle.net/5LPmC/ , у меня есть процент положительных и отрицательных отзывов , мне надо подставить свои значения в атрибут d=" " тега <path> только там набор непонятных цифр как мне подставить свои значения ? чтобы кружок на 75% был красным на 25% зеленым

   Asked by romanov, May 20, 2013

   • svg
   • path
   0 votes
   4 answers
5. Помогите сверстать блок... не могу понять где ошибаюсь.

   Верстка резиновая на сайте. есть три информационных блока с одинаковым стилем...Картинку вылаживаю...в каком виде хочу сделать... но резиновым он не получается...верхня и нижня часть разъезжаются при масштабировании... пишу код ниже.. html <div class="blok"> <div class="blok_img"><img src="Картинка"> <div class="uzor"></div> </div> <div class="text">лялятополя.</div> </div> css .blok_img { padding:0; position:relative; margin:0 auto; } .blok_img img { width:100%; max-width:270px; } .uzor { position:absolute; margin:0;background:url(../images/top_uzor.png)no-repeat center bottom; -webkit-background-size: cover; -m…

   Asked by romanpan2, May 20, 2013

   0 votes
   2 answers
6. Выравнивание строк таблицы по высоте

   Всем привет! Есть ли какое решение проблемы по выравниванию высоты строк в таблице, для браузеров хром и опера. Внизу на картинке 1 табличка из IE, там работает автовыравнивание, а 2-я из хрома, там нижняя строка со значениями растянута по высоте. А хочется что бы во всех браузерах было как в IE и мазиле.

   Asked by fiver, May 20, 2013

   0 votes
   2 answers
7. Как вычисляется высота блока текста из нескольких строк

   Народ! Помогите советом, а то я уже мозг себе сломал. Пишу на чистой странице простой код вроде вот такого: <span> Это какой-то проверочный текст <br/> разделенный на две строки </span> Выставляю ему font-size=72px и line-height=72px, потом смотрю в файрбаге высоту получившегося куска - получается 153 px. Получается вроде бы понятно: 72 пикселя на первую строку, еще 72 на вторую и плюс 1/8 высоты шрифта (т.е. 9 пикселей) на интервал между строками. Лезу в разрабатываемый проект, где в блоке div записан текст из двух строк с точно такими же font-size=72px и line-height=72px, смотрю высоту - показывает 205 px. Убираю там одну из строк - высота становитс…

   Asked by GRIG, May 19, 2013

   0 votes
   1 answer
8. шрифт с google web fonts не проходит валидацию

   в head подключены 2 шрифта: <link href='http://fonts.googleapis.com/css?family=Jura&subset=cyrillic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic' rel='stylesheet' type='text/css'> А валидатор html5 говорит: Валидатору не нравится знак амперсанд?Как исправить проблему?кто-то сталкивался?

   Asked by eleonore, May 18, 2013

   0 votes
   3 answers
9. Горизонтально-ориентированное положение страницы в Ipad

   Здравствуйте, друзья. Как-то встречался (или это плод моего воображения) мне мета-тег, который запрещает автоповорот страницы на Ipad и прочих планшетах. Если это действительно так, то помогите в данном вопросе, поделитесь, пожалуйста ссылочкой. Заранее благодарен всем откликнувшимся.

   Asked by goooooch, May 18, 2013

   0 votes
   1 answer
10. Как сделать, чтобы не все поля меняли свой размер?

    Как сделать, чтобы не все поля меняли свой размер, так как в css уже прописан определённый размер и там он устраивает, а в некоторых местах хотелось бы, чтобы он не применялся к некоторым полям и они были бы меньше. И размер шрифта водимый в эти поля не изменялся. Пример поля: <input name="LMI_PAYMENT_AMOUNT" size="3" value="10" title="Введите сумму"/> ... <select name="LMI_PAYEE_PURSE" title="Выбор валюты" style="min-width:30px;"> <optgroup label="Выбор"> <option value="1">WMR</option> <option value="2">WMZ</option> …

    Asked by lev99, May 16, 2013

    • css
    0 votes
    8 answers
11. Длинный текст

    Помогите найти правильное решение проблемы. При уменьшении окна браузера, текст в списке вылазит наружу. Таблицу всунул в div, и задал свойство overflow: auto, но что делать с остальными длинными элементами. Всему overflow ставить не вариант как я понимаю? P.S. Если задать overflow: auto самому верхнему диву в дереве, если ничего не путаю, в ie для windows phone будет работать только верхний overflow, невозможно будет проскроллить таблицу. Да и выглядит обрезающийся справа текст ужасно.

    Asked by exeto, May 16, 2013

    0 votes
    4 answers
12. Слайдер

    Как реализовать такой слайдер? Чтобы за ним был оранжевый цвет, а перед ним серый? Можно простенькие примеры, пожалуйста.

    Asked by aquapasha, April 29, 2013

    • слайдер
    0 votes
    4 answers
13. Вопрос про ширину макета и почему поплыло в другом браузере

    Здравствуйте! Практикуюсь все в верстке и создании сайта для знакомого В общем вроде бы более менее готово. Отправил на проверку... В результате сказали, что 1) слишком мелко все (разрешение экрана 1980х1080) и трудно читать. Просят картинку в центре побольше Я сделал ширину под 1000px чтоб нормально отображалось с экранов с разрешением 1024*768. У меня дома у самого 1980*1080 23". Но Так как у меня зрение не оч, то стоит увеличение масштаба по умолчанию на любой странице. Потому выглядит все ОК Вот потому не знаю как тут быть... что посоветуете? Можно ли как-то может сделать копию шаблона но под большой монитор и тогда бы автоматом выбирался именно он? 2) в интернет экс…

    Asked by nikki4, May 16, 2013

    0 votes
    0 answers
14. Что я не так делаю?

    начал немного изучать вёрстку, и хотел бы спросить один важный для меня вопрос.. правильно ли я всё делаю? вот ссылка: http://jsfiddle.net/7uHS9/ посмотрите если не сложно, и скажите что не так пожалуйста, и как нужно правильно делать... делал по этому скриншоту: http://www.prostoj-sajt.ru/wp-content/uploads/2012/10/Shablon-s-reklamnym-blokom.png (в интернете нашёл скриншот простого шаблона для того чтобы учиться) знаю что сделано ужасно, но я только учусь верстать...

    Asked by napstyle, May 16, 2013

    0 votes
    4 answers
15. наложение картинки для кнопки со стрелкой в теге select

    Все привет! Возникла проблема с наложением картинки для кнопки в селекте, необходимо сделать select более привлекательным, но когда картинка поверх кнопки, сам клик не срабатывает Подскажите, есть ли какие-нибудь варианты для этого <img src="img/ramka.png"> <select name="sel"> <option value="asp">маленький </option> <option value="js">средний </option> <option value="php">большой </option> </select><img id="fon_for_arrow" src="img/fon_for_arrow.png"> select{ position:absolute; z-index:1; padding:1px 0; border:0; color:#636363; font:italic 15px Arial; } img{ position:relative; top:-2px; left:110px; } #fon_…

    Asked by Nailya, May 16, 2013

    0 votes
    1 answer
16. вертикальное выравнивание с text-overflow:ellipsis;

    Привет. Почти как обычно: выровнять блок вертикально по центру родителя, высота блока зависит от контента, родитель должен реагировть на переполнение по Y (переполняет выравниваемый блок) увеличением высоты или появлением скролла. Можно использовать продвинутый (-webkit) css. Проблема в том, что блок содержит детей с overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; из-за чего стандартные способы ломаются: 1. display:table-cell; + vertical-align:middle; http://jsfiddle.net/7Ewfx/7/ не срабатывает overflow:hidden; . 2. display:flex; + align-items:center; http://jsfiddle.net/7Ewfx/8/ не срабатывает text-overflow:ellipsis; и блок с текстом смещается влево. 3. …

    Asked by Riim, May 16, 2013

    0 votes
    1 answer
17. меню:применила hover,но в ie8 он не перекрывает разделитель

    Всем привет! Не работает в ie8: Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. И это происходит, если я веду курсором по пунктам меню СЛЕВА НАПРАВО, а если наоборот, то работает корректно,только разделитель чернеет, хотя он зеленого цвета Как можно сделать так, чтобы и разделитель слева закрывался фоном и разделитель не чернел? .Menu-2 { margin:0; padding:0; float:left; width:1200px; height:40px; background:url(/template/menu/menu_1/img/menu2_line.png) no-repea…

    Asked by Nailya, May 14, 2013

    0 votes
    3 answers
18. Меню css+html

    Здравствуйте, необходимо было меню с выпадающими подпунктами, нашел в инете готовое решение, переверстал под свой дизайн, все работает как нужно, одна беда - вылазит подпункты при определенной ширине меню, если ширину увеличить, то все становиться на свои места, однако увеличивать уже некуда, хотелось бы наоборот уменьшить, но тогда вылазит еще больше подпунктов: Лопатил css, но никак не могу понять как убрать это вот код: .navTitle{ padding: 10px; background: #4b9342; } .navTitle p{font-size: 16px; font-weight: bold; color: #fff;} #nav { margin: 15px 0 10px 10px; border:2px solid #4b9342; box-shadow:2px 2px 8px #000000; border-radius:3px; -moz-border-r…

    Asked by Dolce, May 13, 2013

    • Меню
    0 votes
    6 answers
19. почему не работает border-spacing?

    почему не работает border-spacing???? расстояние не появляется между свойство и цель border-spacing в конце стилей http://jsfiddle.net/hWmC2/ <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> table{ background-color:#efefef; width:350px; border-style:solid; border-width:1px; border-color:#999999; font-family:arial, verdana, sans-serif; } caption{ font-weight:bold; text-align:center; border-style:solid; border-width:1px; border-color:#666666; color:#666666; } th{ height:50px; font-weight:bold; text-align:left; background-color:#cccccc; } td, th{ padding:5px; } td.code{ width:15…

    Asked by DivMan, May 14, 2013

    0 votes
    7 answers
20. Подскажите размещение блоков

    Добрый день. подскажите пожалуйста как лучше всего закрепить блоки согласно рисунка так чтобы image 1 всегда было сверху, а image 2 всегда было снизу высота контейнера меняется согласно его заполнения Заранее всем спасибо

    Asked by PesBarbos, May 14, 2013

    0 votes
    2 answers
21. Вставка генерируемого содержимого :before

    a[href*="russian.html"]:before {background: url(bullet2.png) no-repeat; border:1px solid black;} если убрать из кода псевдоэлемент :before то картинка появится, но мне не хочется добавлять 0 6px padding-left: 15px. чтобы она стала слева перед ссылкой. Почему маленькая картинка перед ссылкой не отображается?

    Asked by Delat, May 14, 2013

    • before
    0 votes
    10 answers
22. проблема с версткой сайта в ie

    http://sitemakers.lo...l/html/comment/ зайдите на эту страницу в IE: тут-то и появились проблемы во всех остальных браузерах - нормально HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="/0.css" rel="stylesheet" type="text/css" /> <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" /> </head> <body> <div id="layoutblock"> <div id="headerblock…

    Asked by sitemaker999, May 13, 2013

    • ie
    • interner explorer
    • верстка
    0 votes
    11 answers
23. не выравнивается в обьедененной ячейке

    Не работает вертикальное выравнивание в обьедененной ячеке на странице http://shkafmos.ru/ugl-kat1.html (там где большая картинка) смотрел в файрфоксе, в IE вообще не демонстрируется большая картинка. коректно отображается только в Хроме. Пожалуйста помогите разобратся?

    Asked by adve, May 14, 2013

    0 votes
    5 answers
24. css,не показывает backround

    Всем привет. Мне нужно наложить текст на картинку,но почему-то картинка не показывется. html: <table border="0" cellpadding="0" cellspacing="0" align="center" id="myPets"> <tbody> <tr> <td class="MyPetsText"> <?if(!$USER_LOGGED_IN$)?>Заведите зверика, дрессируйте, ласкайте, играйте с ним. Ухаживайте за ним, как за настоящим домашним любимцем, и тогда он отплатит Вам настоящей любовью и преданностью, станет предметом гордости и восхищения.<?endif?></td></tr></tbody></table> css: #myPets{backround:url('http://newzveriki.ucoz.com/MyPets.png') no-repeat;width:634px; height:137px;} .myPetsText {padding:2px 20px 1…

    Asked by mcdude, May 14, 2013

    0 votes
    2 answers
25. Почему на этой странице блок выше?

    Вот нормально все в футере ссылки удалил... но именно на этой странице он поднимается выше (а надо чтоб граница была нормально а не висела так.,) логика подсказывает что это как-то связанно с тем, что на этой странице нет картинок в 1 и 3 блоке верхнего футера... но что делать? как исправить кроме как присвоить этой странице дополнительный стиль и подвинуть (но мне кажется это не совсем правильынй метод и я тут что-то криво сделал) Спасибо! буду знать. Правда пока по-быстрому выкрутился создав дублирующий блок с другим классом

    Asked by nikki4, May 14, 2013

    0 votes
    1 answer