HTML Coding

29542 questions in this forum

1. Центрирование изобржения

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

   Asked by drug_tvoi, March 22, 2013

   0 votes
   1 answer
2. Нестандартные шрифты на холсте Canvas.

   Всем привет. Недавно начал экспериментировать(в первые для себя) с различными манипуляциями над тегом Canvas и задался одним вопросом: Можно ли как то отображать на холсте нестандартные шрифты?(при условии, что они заранее не установлены на компьютере естественно.) (Не используя картинки!) Можно ли как то задействовать в этом плане сервис Cufon? Если да - то как именно? (Имею ввиду как именно все это дело подключать? Это же не элементы dom дерева, насколько я понимаю?) Возможно существует какая то альтернатива в этом плане? P.S. Заранее благодарен за ответ..

   Asked by Yamaradg, March 22, 2013

   0 votes
   51 answers
3. Помогите подключить шрифт

   Не получается подключить шрифт в css. Шрифт в формате ttf. Пробовал и otf - все равно без эффекта. HTML <span class="title-font">Services</span> CSS .title-font { font-size: 22px; font-family: url(../font/officina.ttf); } Cufon не предлагать. Нужно подключить шрифт именно так. Еще я думал о google fonts, но используемый шрифт оказался платным, так что этот вариант исключается.

   Asked by Feel, March 22, 2013

   0 votes
   1 answer
4. Пустой список на псевдоэлементах

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

   Asked by Kray Storm, March 21, 2013

   • list
   • :before
   • :after
   0 votes
   4 answers
5. Поиск в Онлайн-Словаре

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

   Asked by grek170282, March 21, 2013

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

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

   Asked by Feel, March 21, 2013

   0 votes
   1 answer
7. Проблемы блочного меню, перенос пунктов.

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

   Asked by Quanto, March 21, 2013

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

   Уже пол интернета пролистал, но ответа не нашел. Есть такая беда: <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
9. Аномальный отступ справа от футера

   Добрый день уважаемые гуру. В процессе вёрстки наткнулся на неприятный глюк, вызванный скорее всего кривыми руками автора (т.е. меня). Суть глюка в том, что при уменьшении окна браузера, появляется в футере отступ справа (не смотря на то, что ширина футера 100%). Причём, по мере дальнейшего уменьшения размера окна, увеличивается этот отступ. Выглядит это вот так: Здесь всё ок. Началось Продолжилось Собственно стиль футера. Если что ещё нужно, скажите. /* Footer —————————————————————————--*/ #footer { background-image: url(image/footer.png); color: #d4d4d4; /* ???? ?????? */ padding: 5px; /* ??????? ?????? ?????? */ margin-top: 100px; height:170px; text-align: center;…

   Asked by Vartigont, March 21, 2013

   • вёрстка
   • лишний отступ
   0 votes
   6 answers
10. Как придать объем блоку

    Добрый день, мне необходимо сделать вот такую вещь http://min.us/lvw5hPeUbX2CD Пол дня отмучался с box-shadow, не получилось, сделал так: внизу страницы разместил небольшой блок, условно футер, сделал из него параллелограмм (при помощи transform: skew(20deg) и добавил по всему общему блоку border-right, почти то, но!!! уголок в бордере не срезан верхний,и этого не хватает для завершения образа. Следовательно вопрос: как срезать правильно уголок у бордера, либо, может кто подскажет как сделать такой мнимый объем? Буду очень признателен за любые подсказки и за любую информацию.

    Asked by wicked_kiD, March 21, 2013

    • box-shadow
    • border
    0 votes
    2 answers
11. При наведении на одну ссылку подсветить две

    Всем привет, такая проблема <div class="block"> <div class="block2"> <a href="#"><img src="img.jpg" /></a> </div> <a href="#"><h3>Заголовок</h3></a> </div> Как можно сделать, что бы при наведении на картинку подсвечивалась ссылка с текстом, засунуть весь блок в <a> не вариант, может быть есть на js решение? Помогите, кто чем может

    Asked by galaydas, March 21, 2013

    • HTML CSS
    0 votes
    20 answers
12. Не могу избавиться от <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
13. условные комментарии в ie

    помогите пожалуйста разобраться в ситуации с некоторых пор стал замечать, что почти на всех моих сайтах перестали действовать условные комментарии для ie. это проблема. дело скорее всего в моей невнимательности, но сам не могу решить проблему например здесь в .aside_top .cart .body .text {} IE8 должен показывать очень маленький шрифт в соответствии с этим . но мой ie8 показывает это

    Asked by cyklop77, March 21, 2013

    0 votes
    1 answer
14. Не отображается страница

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

    Asked by LandRunner, March 21, 2013

    0 votes
    6 answers
15. Разный 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
16. Предусмотреть возможность расширить всю шапку/

    Предусмотреть возможность расширить всю шапку вместе с элементами, изменив ширину блока в css. Как єто понимать?

    Asked by alekba, March 20, 2013

    0 votes
    0 answers
17. margin неправильно работает

    Есть 3 блока каждый со стилем .socbutton{ padding: 0 0 0 24px; height: 24px; margin: 3px 0; border: 1px solid #DEDFE0; background-color: #DEDFE0; font-size: 13px; cursor: pointer; color: #444; } и по идеи сверху и снизу блока должен быть отступ в 3 пикселя, что и доказывает хром но на самом деле это не так Что делать и как исправить без margin: 6px 0 0 0; и подобного?

    Asked by T@NKIST, March 20, 2013

    0 votes
    1 answer
18. Сайт с несколькими языками(необычный подход)

    Вот хочу свой сайт сразу сделать интернациональным,но не теми обычнми способами которые описаны в самоучителях и книжках,а немного по другому. У обычных сайтов у которых есть несколько языковых версий,при выборе языка(например русского) у сайта появляется приставка ru. и та часть печатного контента который перевели. Но у меня другие требования,мне нужно что бы при смене языка менялся не только текстовый контент,а и некоторые картинки,анимации и видео,елементы сайта.В общем я предполагаю что для этого всего нужно создавать отдельный дубликат сайта,менять все там как мне нада и как то подключать к основному сайту... как мне такое провернуть?

    Asked by pudge, March 20, 2013

    0 votes
    28 answers
19. Адаптивный бэкграунд

    Бьюсь над проблемой целый день Есть сайт - горизонтальный параллакс, никак не удается сделать фон (виньетка снизу) адаптивным, чтобы он сжимался пропорционально при изменении расширения экрана. Уже было испробовано много вариантов. Картинка в <body> (почему-то не удается поставить div, только картинку) <body> <img id="responsive" src="img/bg_body.png" /> <div id="wrapper"> <div id="header"> </body> #responsive { max-width:100%; width:100%; height: auto; top:40%; left:0; position:relative; } так почему-то не сжимается, хотя по правилам должен. body{ width:7000px; background:#000 url(../img/body.png) repeat-x scroll; background-si…

    Asked by Troll13, March 20, 2013

    0 votes
    3 answers
20. слой поверх флешки убивает swf

    Столкнулась с такой проблеммкой: есть два слоя, в верхнем лежит яваскрипт, в нижнем флешка. Флешка динамическая, при наведении показывает анимацию. у флешки поставила wmode transparent Проблема в том, что, находясь внизу, флешка не работает. Она показывается, но динамики нет. Как сделать так, чтобы, находясь в заднем фоне, флешка работала по-человечески, отображая динамику, чтобы нажатия на кнопки ее срабатывали. поможите

    Asked by Marishkas, March 20, 2013

    0 votes
    1 answer
21. вложенные списки , изменение отступа дочернего списка

    привет всем ! есть дерево вложенных списков вложенных списков есть определённый предел после которого надо вложенный список поровнять с главным самым верхним <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> а надо чтоб было <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> предел после которого происходит это действие может изменяться теперь сам вопрос возможно реализовать это только CSS Если есть идеи поделитесь пожалуйста.

    Asked by SergeyZelensky, March 20, 2013

    • css
    • html
    0 votes
    9 answers
22. Стыки.

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

    Asked by nebovluje, March 20, 2013

    0 votes
    1 answer
23. 3-х колоночный макет

    Столкнулся с такой проблемой. При разметке 3-х колоночного макета решил использовать позиционирование. Колонки обернул дивом, но они игнорируют его. То что разметил выложил здесь: http://jsfiddle.net/NvLQg/ Как решить проблему? Обтеканием решил не пользоваться, поскольку надо создавать дополнительный слой с clear: both; А при позиционировании, на мой взгляд, можно более гибко работать с отступами между колонками.

    Asked by gregsv, March 20, 2013

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

    Добрый день. Уменя в коде 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
25. Меню отображается в разных браузерах по-разному

    Меню в эксплоэре отображается нормально справа, а в мазиле внизу сайта. Почему так и как это исправить? http://rabota-po-seti.ucoz.ru/ <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <?$META_DESCRIPTION$?> <p><title>Работа по сети</title> <meta name="description" content="Заработок в интернете – самый простой заработок в мире!В наше время благодаря «всемирной паутине» перед каждым человеком открывается безграничный мир, который не должен ограничиваться общение в чате и игрой в онлайн игры. Почему бы не придумать своему времени более рациональное использование, к примеру, заработок в сети Инте…

    Asked by alina9691, March 20, 2013

    • меню сайта юкоз
    0 votes
    6 answers