HTML Coding

29,542 questions in this forum

1. Подскажите как реализовать

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

   Asked by CatInTheBread, May 20, 2013

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

   Народ! Помогите советом, а то я уже мозг себе сломал. Пишу на чистой странице простой код вроде вот такого: <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
3. Ширина viewport в iOS при смене ориентации экрана

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

   Asked by exeto, May 19, 2013

   • viewport
   • iOS
   0 votes
   6 answers
4. верхнее меню на htmlbook

   верхнее меню на htmlbook сделано с помощью фреймов?

   Asked by DivMan, May 18, 2013

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

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

   Asked by goooooch, May 18, 2013

   0 votes
   1 answer
6. шрифт с 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
7. Длинный текст

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

   Asked by exeto, May 16, 2013

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

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

   Asked by nikki4, May 16, 2013

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

   Как сделать, чтобы не все поля меняли свой размер, так как в 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
10. Как сделать блок ссылкой?

    я создал 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
11. Что я не так делаю?

    начал немного изучать вёрстку, и хотел бы спросить один важный для меня вопрос.. правильно ли я всё делаю? вот ссылка: 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
12. наложение картинки для кнопки со стрелкой в теге 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
13. вертикальное выравнивание с 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
14. Почему так?

    Кто может подсказать почему 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
15. почему не работает 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
16. 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
17. не выравнивается в обьедененной ячейке

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

    Asked by adve, May 14, 2013

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

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

    Asked by PesBarbos, May 14, 2013

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

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

    Asked by nikki4, May 14, 2013

    0 votes
    1 answer
20. меню:применила 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
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. Логотип

    Я вырезаю логотип и мне нужно в фотошопе сделать прозрачным его?? Подскажите плз???

    Asked by Sergey410, May 14, 2013

    0 votes
    1 answer
23. Почему подвал не опускается?

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

    Asked by nikki4, May 14, 2013

    0 votes
    1 answer
24. Как переносить шрифты из фотошопа и css?

    В макете фотошоповском текст следующего вида: Arial Narrow 14px жесткое сглаживание псевдополужирный узкий ариал почему-то не работает. погуглил и более менее похожее нашел можно сделать следующим образом font-family:'Arial Narrow', Arial, sans-serif; font-stretch: condensed; но вот как сделать жесткое сглаживание и псевдополужирность? Или подобное лучше в виде картинок оставить?

    Asked by nikki4, May 14, 2013

    0 votes
    1 answer
25. нужно href ссылку передать в input

    closed

    Asked by radioactive, May 13, 2013

    0 votes
    3 answers