HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
отображение swf на сайте
Здравствуйте! Хотел бы узнать, как решить проблему не отображаемости объекта swf в браузерах на андроиде. Естественно проверяю на браузерах с поддержкой Flash, саму анимацию воспроизводит по прямой ссылке, но вот вставленную в структуру сайт нехатит. мой простенький сайтик: sir-shaak.ru вставляю флешку так: <object width = "1000" height = "200"> <param name="movie" value="Flash/logo.swf"> <embed src="flash/logo.swf" width="1000" height="200"> </embed> </object> кто может что-то подсказать по этой теме?
0 votes2 answers -
Позиционмирование DIV-ов
Всем доброго времени суток! Хотел бы поинтересоваться у знатоков, как решить такую задачу: Необходимо разместить 9 квадратных DIV'ов внутри одного DIV'а, да так, чтобы в строку вмещалось 3 квадрата, и всего строк было 3. Причем отступ от границ каждого квадрата должен равняться 5 пикселам. Примерно как на рисунке: У меня получился следующий код, но что-то мне подсказывает, что можно сделать правильно #center { border:1px solid #000; padding:5px; position:absolute; width: 330px; } .square { position:relative; margin: 5px; float:left; background:#f00; width:100px; height:100px; } html-код: <div id="center"> <div class="square">1</div> …
0 votes2 answers -
Кодировка для отправки в FaceBook
Использую такой код для кнопки отправки в FaceBook: <script type="text/javascript" language="javascript"> var u = window.location.href; var t = 'Заголовок'; var c = 'Контент'; var img = 'http://site/img.jpg'; </script> <div style="cursor:pointer" onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+t+'&p[summary]='+c+'&p[url]='+u+'&p[images][0]='+img,'sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)">отправить в FaceBook</div> Все работает, но вместно русских букв, в появившемся окне, при нажатии кнопки, появляются квадратики. Подскажите как правильно отправить GET-запрос с русс…
0 votes2 answers -
Наследование высоты родителя
добрый день читающим)) есть див шириной в 2px залит картинкой внутри дива с текстом, как сделать чтобы первый див наследовал высоту родителя(блока с текстом) и растягивался в зависимости от текста. или подскажите как можно это реализовать?
0 votes2 answers -
Непонятные фокусы Стиля Box-Shadow
Нужен совет со стилем box-shadow в ОПЕРЕ в нижнем блоке тень есть, в остальных браузерах отсутствует, уже голову сломал в чем проблема.-moz- -webkit- не помогает. Проблема тут.
0 votes2 answers -
Проблема с кодировкой в jquery табах
Есть страница index.php В ней выставлена кодировка ютф-8 при помощи <?php header("Content-Type: text/html; charset=utf-8");?> и стандартно <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> . Есть страница test.php. Если заинклюдить страницу test.php в index.php, то все нормально (русский текст нормально отображается), но если страница подгружается при помощи ajaxa вот этим скриптом, то наблюдается беда с кодировкой (кракозябры). Почему так происходит? Картинка для наглядности: http://awesomescreenshot.com/000lxdf66
0 votes2 answers -
Размер картинки
Подскажите как поменять размер изображения. Вот то как я пытаюсь его поменять: .divider { height: 100px; text-align: center; background: url(images\divider.gif) no-repeat; } Причем селектор "height" делает только отступ от текста дальше, а сама картинка как была "тем" размером, так и осталась... А это я вставляю в ХТМЛ: <div class="divider"> <img src='images\divider.gif'> </div> Душевно всем, кто поучаствует в решение данной задачи. P.S. Может есть специальный селектор для картинок (о котором я не знаю)?
0 votes2 answers -
Аномальная рамка вокруг изображения
В процессе адаптации шаблона столкнулся с какой-то аномальной рамках вокруг изображения. Исходный шаблон: http://demo.rockettheme.com/joomla25/fresco/ Адаптированный шаблон: http://olegsuv.com.ua/fresco/ Проблема заключается в рамке вокруг большого изображения: http://puu.sh/1oBr4 (скриншот). Сверху и слева - серая линия, снизу и справа - белая линия. Рамку вижу в последних опере и хроме, средствами разработчика уже перерыл вдоль и поперек - найти рамку не могу. Помогите с ней разобраться, пожалуйста.
0 votes2 answers -
Рушится верстка
Есть такой не сложный код - http://jsfiddle.net/VNkNk/ На сайте обычно это выглядит вот так - http://awesomescreenshot.com/088lzyqa6 Но если название ссылки очень большое, то получается уже такое безобразие - http://awesomescreenshot.com/07flzysc7 Текст переносится на другую строку под время. Мне это не надо. Как сделать, чтобы если текст переносится на следующую строчку, то он начинался не с начала, а примерно вот так - http://awesomescreenshot.com/040lzz140 ?
0 votes2 answers -
div под размер сожержимого
Здравствуйте, как можно растянуть div по размеру содержимого? <div class="block_games"> <div class="game_title"> <a href="" class="img_game" rel="bookmark" title=""> <img src="img/test.png" alt="Name Game" height="85" width="85"> </a> <a href="" rel="bookmark" title=""> <span> Game </span> </a> </div> </div> .block_games{ border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin: 5px 0px 5px 0px;…
0 votes2 answers -
Картинка лежит на хостинге, но не подхватывается
Здравствуйте. Здесь в банере слева и справа от названия фирмы в свойствах background: url(...) должны подтягиваться картинки, которые лежат в одной папке шаблона Joomla. Левый логотип отображается. Правый(где надпись "Здесь должна быть картинка")- нет. Помогите пожалуйста разобраться, почему не отображается правая картинка, которая вызывается примерно также как левая? Благодарю
0 votes2 answers -
Растянуть шрифт по вертикали возможно?
Здравствуйте. Не нашел в справочнике свойства, позволяющего растянуть вертикально шрифт. Пробовал сжать по горизонтали и затем увеличить размер шрифта, но это не дает нужного результата. Можно как-то растянуть шрифт по вертикали?
0 votes2 answers -
Обрезается верх изображения
Добрый вечер. Здесь в банере почему-то обрезается правое изображение. Подскажите пожалуйста почему?
0 votes2 answers -
Как правильно написать анкор на картинку
Доброго времени суток дорогие друзья. И так столкнулся с проблемой., или же это я страдаю ерундой. Но хотелось бы добавить анкор на превьюшку картинки. Смотрим кусок кода <div class="galleryItem"> <a class="fancybox" href="photo/b/1.jpg" data-fancybox-group="gallery"><img src="photo/m/m1.jpg" alt="Студийная фотосъемка" /></a> </div> Грубо говоря это превьюшка работающая на fancybox, а выглядит вот так. Но когда добавляю анкор ...мка" />Студийная фотосъемка</a></div> Анкор появляется, и все бы ничего, но он виден. А хотелось бы что-бы видели его только роботы а люди не видели. Такое возможно?
0 votes2 answers -
Вебкиты браузеры и позиционирование
Вот есть такая формочка поиска На 1 картинке скрин как это отображается в IE, FF, Opera, на 2 соответственно Chrome и Safari. Вот HTML и CSS формы: <form id="search"> <input type="text" placeholder="Поиск" /> <input type="submit" value="" /> </form> #search { position: relative; left: 80px; margin-top: 7px; } #search input[type="text"] { padding: 6px 6px; width: 174px; border: 1px solid #DFDFDF; outline: none; background-color: #F8F8F8; } #search input[type="submit"] { position: absolute; top: 0; left: 186px; width: 33px; height: 30px; border: none; background: url(images/search_button.png); cursor: pointer…
0 votes2 answers -
Проблема с лишней высотой при разных доктайпах
Исходные данные: <table cellpadding="0" cellspacing="0" width="" style="border: none;" align=""> <tbody> <tr> <td style="border: none;" background="design/images/box/tl.gif" width="3" height="3"></td> <td style="border: none;" background="design/images/box/t.gif" width="*" height="3"></td> <td style="border: none;" background="design/images/box/tr.gif" width="3" height="3"></td> </tr> <tr> <td style="border: none;" background="design/images/box/l.gif" width="3" height="*"></td> <td style="border: none;" valign="top" bgcolor="#fff"> <a href="ссылка"> &l…
0 votes2 answers -
Формат А5 при печати
Подскажите, пожалуйста, как решить проблему: - формируем макет документа предназначенного для печати на А5 - в IE по умолчанию установлен формат страницы А4 - если изменить настройки параметра страница на А5, то печать на принтере А5 происходит нормально, но - в параметрах следующего документа снова стоит параметр А4. Получается, что перед каждым выводом на печать необходимо изменять параметры страницы с А4 на А5 - издевательство Вопрос: Каким тегом можно установить (и можно ли вообще) параметр страницы А5 "по умолчанию"? Спасибо
0 votes2 answers -
@font-face
Друзья, привет. Не получается подключить шрифт. делаю так в css @font-face { font-family: 'plumb_condensed_lightlight'; src: url('../font/plumbcondensed-light-webfont.eot'); src: url('../font/plumbcondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/plumbcondensed-light-webfont.woff') format('woff'), url('../font/plumbcondensed-light-webfont.ttf') format('truetype'), url('../font/plumbcondensed-light-webfont.svg#plumb_condensed_lightlight') format('svg'); font-weight: normal; font-style: normal; } в html <span class="title">НАЗВАНИЕ РАБОТЫ</span> шрифты лежат в директории ../font/
0 votes2 answers -
Криво работает margin для внутреннего div'ва?
Код полностью: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 1</title> </head> <body style="margin:0px; padding:0px;"> <div style="background: blue; height: 50px;"> <div style="background: green; height: 30px; margin-top: 30px;"> </div> </div> </body> </html> Для удобства обозначу первый div - 'A', вложенный div - 'B'. У 'B' задан margin-top: 30px, и я ожидаю, что он получит отступ в 30 пикселей от верхней границы 'A'. Слой 'A' при…
0 votes2 answers -
Padding в процентах для Input
Друзья, а никто не может объяснить мне такую штуку: Mozilla Firefox не понимает padding в процентах для input-полей. Простой код: <html> <body> <input type="text" style="width:80%; padding:0 10%;"> </body> </html> Во всех браузерах, кроме Лисы, input растянется на 100% и будет иметь внутренние отступы по 10% с лева и справа. В чем проблема Лисы и есть ли решение?
0 votes2 answers -
Передача переменных на другой домен
Прикручиваю платежную систему на сайт. Для этого необходимо послать запрос на определенные URL(другой домен, разумеется) и передать некоторые переменные. Вот тут возникает небольшая проблема, как это, собственно, реализовать.
0 votes2 answers -
Двух уровневое меню
Добрый день. Подскажите, пожалуйста, как можно сделать двух уровневое меню при помощи nav?
0 votes2 answers -
Автоматическая высота блока
Посмотрите пожалуйста ссылку farfalla.com.ua/admin/add_cat.php Обратите внимания по центру сайта есть 3 блока. структура их такова. <div id="wrapper"> <div шв="header"> <!--header--> <div id="middle"> <div id="container"> <!-- #container--> <div class="sidebar" id="sideRight"> <div id="side_right_cont"> <!--siderightcont--> <!-- .sidebar#sideLeft --> <div class="sidebar" id="sideLeft"> <div class="side_left_cont"> <!--sideleftcont--> <!-- .sidebar#sideLeft --> <div id="content" > <!--content--> <!-- #middle--> <!-- #wrapper --> <footer> #wrapper { width…
0 votes2 answers -
активная ссылка
Подскажите как реализовать через CSS. Есть меню в виде ссылок, как сделать чтобы ссылка страницы на которой я нахожусь выделялась. Чтоб было видно в каком месте меню я сейчас. PS.можно отдельно для каждой активной ссылки прописать class="active" но это муторно, много страниц (да еще и меню идет как Library).
0 votes2 answers -
Совмещение текста на картинке
Всем бодрого времени суток:)/>/> Вот такая загвоздка у меня... У меня сайт, внизу которого футер с картинкой (сплошная на всю длину). Задался целью сделать там надпись, на этом футере, но не тут то было. Картинка, при попытке вывести на нее текст, начинает отображаться самыми невообразимыми вариантами. Хотя по моей задумке она должна оставаться как есть и не меняться, и на ней просто в НУЖНОМ месте должен появиться текст. Вот как у меня в CSS записано отображение картинки: #footer { position: relative; margin-top: -2.5em; background: url(images/img01.gif) repeat; } Туда пытался вставить: .center p { text-align: center; Для того чтобы выравнять те…
0 votes2 answers