HTML Coding

29,542 questions in this forum

1. растягивание элемента из-за отступов

   На страничке находится несколько input'ов и кнопка отправить. input'ы растягиваются на всю длину блока. Если input'ам установить padding общая длинна input'а увеличится и он вылазит за пределы отведенной области. Код для примера: <div width="500"> <p>Укажите свой e-mail<br><input type="text" name="email" class="mtinput</p> </div> Код стилей: .mtinput { width:100%; padding:5px; } Если я устанавливаю в стилях padding в 5пх размер input"а будет не 500 а 510пх и он вылазит за пределы области. Это как-то можно поправить? Явно указывать размеры не подходит, так как один стиль используется в нескольких местах где размеры блока разные и идеально…

   Asked by alleclf, March 25, 2013

   0 votes
   1 answer
2. вертикальное выравнивание и float

   Здравствуйте. Столкнулся с проблемой вертикального выравнивания внутри таблицы. Задача: в одну ячейку поместить картинку и обтекающий ее текст, причем текст должен выравниваться посередине ячейки. но при добавлении картинке float: left происходит следующее: картинка выравнивается посередине, а текст - по верхней границы картинки. есть ли возможность реализовать нужное выравнивание без добавления дополнительных блоков или ячеек? td {vertical-align: middle;border: solid 1px black;} img {float: left;} <table> <tr> <td> <img src="http://soft.mydiv.net/images/win/icons/TNT-Clip-Art-Library.gif">sometext</td> </tr> </tab…

   Asked by hedgehog, November 2, 2011

   0 votes
   25 answers
3. Кроссбраузерная строка поиска на html+css

   Здравствуйте. Есть простой код с формой, состоящей из строки поиска и кнопки. Есть желание задать оформление: placeholder + скругление + тень при фокусе. Казалось бы - куда уж проще. Но браузеры дружно доказывают, что я слишком наивен в своих предположениях. Вот код Тот же jsfiddle все отображает как задумано: тыцяем в поле - текст пропадает, граница и тень появляются. Opera: аналогично. Firefox 19.0.2: текст из placeholder пропадает не при фокусе, а только после начала набора текста запроса. Chrome 25 удивил: бордера, тени и скруглений нет, реакции на фокус тоже нет. Гугл толком ничего не сказал - только по placeholder-у нашлось решение на Javascript. Вопрос: Возможно …

   Asked by Kray Storm, March 23, 2013

   0 votes
   2 answers
4. Не отображается страница

   Всем доброго времени суток товарищи. Помогите новичку в этом нелегком деле. Проблема заключается в том что написал кусок кода который по идее должен отображаться, но как вы уже поняли этого не происходит. Заранее благодарен!

   Asked by LandRunner, March 21, 2013

   0 votes
   6 answers
5. Смещение background в css

   И так у меня проблема. http://test123234.ucoz.ru/news заказали сверстать, не могу решить одну проблему. в правой колонке видим - фон тайтла блока (картинку), background-position: 40px; этим способом я сместил фоновую картинку за границу шаблона так сказать. перед этим увеличил длину блока .blocktitle { width: 240px; что позволило сместить. слева этот метод увы не работает, т.к. сам шаблон рисуется слева на право как бы. вобщем нужно сделать аналогичное смещение для левой колонки. просто хотябы увеличить ширину blocktitle, с расширением в левую сторону. немного ломанно сказал. прошу помощи. background-position: 40px; это лишнее вобщем) нужно только блоктайтл сместить

   Asked by Linblack, March 24, 2013

   0 votes
   2 answers
6. Помогите вырезать значок из макета

   Есть такой макет - https://www.dropbox....9ksny/index.psd Замучился вырезать значок (в виде кружков) в навигационном меню. Подскажите, как мне его вырезать правильно? Почему-то получается значок в виде двух изображений (половинок) в результате. И точно также дело обстоит с центральной картинкой. До этого в Photoshop с таким не сталкивался, не знаю, что делать.

   Asked by aaron, March 18, 2013

   • psd
   • верстка
   0 votes
   30 answers
7. растяжение

   Всем привет, делал по этому макету: http://divhack.com/downloads/study/8/html/ как я понимаю тут резиновая верстка, я вот сделал так: http://createside.com.preview.ihc.ru/ но как видно при растяжении-получается все очень фигово...как это лучше исправить?

   Asked by kl09, March 24, 2013

   0 votes
   2 answers
8. Не могу избавиться от <link rel='canonical'

   Добрый день не могу избавиться от <link rel='canonical' на трех страницах как это сделать? Страницы находятся на магазине http://wordpress.org/extend/plugins/wp-e-commerce/. На трех страницах вылезли эти <link rel='canonical' 1) http://goprors.ru/buy_gopro-2/action-cameras/gopro-hero-3-black-edition/ 2) http://goprors.ru/buy_gopro-2/action-cameras/gopro-hero-3-silver-edition/ 3) http://goprors.ru/buy_gopro-2/action-cameras/gopro-hero-3-white-edition/ Как можно убрать canonical? Заранее спасибо.

   Asked by Sel-p, March 21, 2013

   • canonical rel canonical
   0 votes
   6 answers
9. Отображение изображений в Opera 12 и других браузеров

   Добрый день! Столкнулся с отображением одного и того же изображения разными браузерами по-разному. Опера (12 на Мас) показывает цвета бледнее, чем Сафари, Хром и ФФ. Пробовал менять формат изображения, конвертил его в различные цветовые профили. Ничего не выходит. Может кто-то сталкивался? Расскажите, как победили проблему, не хочется оставлять так. Слева Опера. Справа Сафари (как должно быть)

   Asked by andys, March 24, 2013

   0 votes
   0 answers
10. вертикальная полоса

    привет всем. помогите пожалуйста разобраться! Вертикальная полоса отделяет один контейнер от другого, но проблема в том что никак не могу её найти эту полосу. Хотелось бы её удлинить по вертикали.

    Asked by bobb, March 23, 2013

    0 votes
    10 answers
11. Верстка по макету. Шрифт.

    Есть макет в котором присутствует текст. Есть данные о типе шрифта заголовков, основного текста и.т.д. Вопросы: 1) Должен ли текст после верстки идеально совпадать с шрифтом на макете? 2) В каких единицах лучше задать размер шрифта? 3) Почему работает letter-spacing: 0.8px;, ведь указан размер меньше пиксела! Как правильно задать размер межбуквенного отступа для этого свойства? 4) Как сделать чтобы шрифты не "ездили" при масштабировании браузера, а были статичными - как картинка?

    Asked by Feel, March 21, 2013

    0 votes
    1 answer
12. Изображения в фоне шапки должны плавно двигаться по вертикальной оси и плавно меняться между собой.

    Как это реализовать на CSS?

    Asked by alekba, March 23, 2013

    0 votes
    1 answer
13. Объясните как работает простой jQuery скрипт.

    <script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('class', 'rlightbox'); $( ".rlightbox" ).rlightbox(); }); </script> Вот линк на то о чем я говорю - http://berezovsky.org.ua/wptvk/ Сайт пашет на вордпрессе, этот код я дернул из плагина fancybox он насколько я понимаю автоматом добавляет к изображениям класс - rlightbox в моем случае. То есть раньше там был другой класс собсно фансибокса, этот класс .rlightbox нужен в моей карусели (шоб она горела сини…

    Asked by Березовский, March 18, 2013

    • jQuery
    • lightbox
    • fancybox
    0 votes
    15 answers
14. Расположение текста рядом с картинкой.

    Как сейчас: Как нужно: Поясню - нужно расположить текст по середине от правого края картинки(от самой картинки можно отступить 5 пикселей) Перепробовал много вариантов, не получается... Пожалуйста помогите.

    Asked by Maddog, March 23, 2013

    0 votes
    2 answers
15. Помогите новичку.

    Уже пол интернета пролистал, но ответа не нашел. Есть такая беда: <html> <head> <meta charset="utf-8"> <title>Поиск гугл</title> </head> <body bgcolor="#ccccff"> <form action="http://www.google.ru/search" target="_blank"> <input type="text" name=q> <input type="submit" value="Искать"> </body> </html> При нажатии на "Искать" выдает результаты поиска. А если я в поле "<input type="text" name=q>" значение name поменяю на любое другое отличное от "q" то у меня просто открывается страница google.com Почему?

    Asked by shibaday, March 21, 2013

    0 votes
    10 answers
16. Запись числа в текстовой файл

    Добрый день. Уменя в коде HTML есть такой фрагмент: <map name="Map" id="Map"> <area shape="rect" coords="12,257,37,290" href="#2956584" "window.open('Okno_Vikluchatela.html','newin','Toolbar=0,Location=0,Directories=0, status=0, menubar=0, scrollbars=0, resizable=0, copyhistory=1, width=800, height=600')" /> <area shape="rect" coords="131,259,157,293" href="#1" "window.open('okno_razmikatela.html','newin','Toolbar=0,Location=0,Directories=0, status=0, menubar=0, scrollbars=0, resizable=0, copyhistory=1, width=800, height=600')" /> <area shape="rect" coords="248,256,270,293" href="#231" "window.open('Okno_Vikluchatela.html','newin','Toolbar=0,Loc…

    Asked by JohnChaban, March 20, 2013

    • Файлтекст
    • число.
    0 votes
    9 answers
17. Google maps не отображаются маркеры

    Пробую создать свою точку на GOOLS MAPS и указать свою собственную иконку для этого места, указываю путь к иконке (пробовал заливать и на свой хостинг и на fastpic) в итоге моя икона не отображается, в чем может быть проблема?

    Asked by Hell&Heaven™, March 19, 2013

    0 votes
    1 answer
18. Лишний отступ у таблицы в Chrome (border-spacing)

    Доброго времени суток! Столкнулся с такой проблемой при верстке таблицы: при указании таблице border-spacing:6px в Хроме(Сафари) между тегами thead и tbody появляется лишний отступ в 6px. В остальных браузерах этого отступа нет, а он очень не уместен в моем случае - из-за этого отступа нарушается вид страницы при работе скрипта(использую кастомизированный скролл) Подскажите как с этим бороться. скриншоты: http://awesomescreenshot.com/0fd12xe693 http://awesomescreenshot.com/0b112xed9e

    Asked by pooshara, March 22, 2013

    • border-spacing
    • chrome
    • table
    0 votes
    1 answer
19. Как можно такое реализовать? див в диве + img под дивом.

    Помогите пожалуйста на данный момент код таков - <div class="big-img" style="background-image:url('gallery/323.jpg'); height:400px;width:200px"> <img alt="продвигаемый запрос'" src="img/transparent.gif" style="height: 400px; width: 200px; "> </div> // причем видимая картинка это background-image:url('gallery/323.jpg, а img/transparent.gif как бы накрывает нужно чтобы было внутри див1 был див2 и картинка. И див2 в свою очередь был над картинкой, растянутый в 100% по краям див1.. я запутался в формировании кода. подскажите, может кто то поможет? вот скрин http://i.piccy.info/...432065/help.jpg

    Asked by feniks81, March 18, 2013

    0 votes
    7 answers
20. Пустой список на псевдоэлементах

    Здравствуйте. Решил после теории попробовать силы и помучить "Практикум" на сайте. Задание 3 "Вложенные списки". Понятно, что решение просто и очевидно. Но тут внезапно(!) возник синдром "Мы не ищем легких путей" и тяга к "Великой оптимизации". Идея в том, что в html мы не вписываем вручную однотипные наименования пунктов и однотипную нумерацию. А просто используем :before и after. Что как бы более соответствует прекрасной идее - "HTML создается только раз и дальше все редактируем только через CSS". Собственно, код. Внешне все выглядит также, как на html-списках и валидно. Вопрос: 1. Есть ли какие-то подводные камни в таком подходе - почему он может быть плох? Старые IE …

    Asked by Kray Storm, March 21, 2013

    • list
    • :before
    • :after
    0 votes
    4 answers
21. Стыки.

    http://codepen.io/nebovluje/full/hekAE Работает в опере и огнелисе. Как в опере убрать белые стыки?

    Asked by nebovluje, March 20, 2013

    0 votes
    1 answer
22. Центрирование изобржения

    Приветствую! Подскажите как правильно сделать, чтобы все изображения на странице были ровно по центру. Такого типа код не помогает img{ text-align:center; }

    Asked by drug_tvoi, March 22, 2013

    0 votes
    1 answer
23. Поиск в Онлайн-Словаре

    Здравствуйте. У меня возникла следующая проблема. На моём сайте есть список слов, допустим: табак, электрификация, самогонный аппарат и т.д. Необходимо эти слова преобразовать в ссылки, по клику на которые будет открываться новая вкладка в онлайн-словаре (не моём) со страницей соответствующей слову статьи. С теми словарями, где в ссылке явно присутствует слово (например, www.dict1.com/search.nhn?dicQuery=табак или www.dict2.com/search/электрификация) всё примерно понятно. А как быть в случае, если явной связи слова с искомой ссылкой нет? То есть нужно сначала ввести слово в строку поиска на сайте словаря, затем нажать enter (или кликнуть на "Поиск") и только затем происхо…

    Asked by grek170282, March 21, 2013

    0 votes
    8 answers
24. Разный html код для разных платформ (ПК / Планшет / Телефон)

    Здравствуйте уважаемые форумчане. Стоит задача сделать два разных HTML кода для разных операционных систем. Например для виндовса я хотел бы показывать код вида: <a href="skype:+71234567890">+7 (123) 456-7-890</a> Данный приём позволяет звонить с компа по средством скайпа. Для телефона / смартфона : <a href="tel:+71234567890">+7 (123) 456-7-890</a> Данный код позволяет звонить прямо с мобильника по клику в в ссылку со смартфона. Есть вариант со стилями и display: none; Но хотелось бы что то более разумное.

    Asked by Nushaba, March 21, 2013

    0 votes
    12 answers
25. Проблемы блочного меню, перенос пунктов.

    Есть проблемка. Начал писать сайт, (заранее простите за код ,много лишнего) столкнулся с проблемой,при создании блочного меню. Уверен что-то делаю не правильно, но хоть убей не могу найти причину. И из за отсутствия опыта не могу осуществить задуманное. В общем, суть такова:есть блочная шапка, в ней меню , для примера из трех кнопок, с выпадающем подменю. При разрешении экрана, меньшем чем 1200px в ширину, все блоки и элементы изменяют размер, сужаются, кроме злосчастного меню, которое продолжает торчать и создает тем самым полосу прокрутки. Вопрос №1 что с ним делать,как сделать "резиновым"? Вопрос №2 как осуществить перенос выходящих за границу родителя пунктов меню ,…

    Asked by Quanto, March 21, 2013

    0 votes
    4 answers