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
29542 questions in this forum
-
Векторый фон для текста, реально?
Здравствуйте! В верстке я новичок. Есть задачка по оформлению текста на сайте: нужно сделать возможность задавать фон для текста, который выглядит следующим образом: Возможно ли это? Если да, дайте наводку, пожалуйста. Необязательно именно так, но хотелось бы что-нибудь по-красивее, нежели чем прямоугольный бэкграунд. Цвет всегда один и тот же. Хотелось бы, что бы это чудо тянулось в зависимости от количества символов) Заранее благодарю.
0 votes4 answers -
Прозрачность в IE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css2.css"> <title>Главная</title> </head> <body> <div class="ab">Прозрачность </div> </body> </html> body { background-color:rgb(0,0,0); opacity:0.5; filter: alpha(opacity=50); } .ab { background-color:rgb(255,255,255); } http://htmlbook.ru/css/opacity.html - сказано для IE прописать "filter: alpha(opacity=50)", прописываю - в IE 8 beta не работает.
0 votes1 answer -
Неразрываня строка
Есть страничка по адресу: http://www.po-miry.ru/MEDICINA/DUCH-ZDOROVIE.htm В правой колонке есть слова Психоанализ - вопросы и ответы Написал код по инструкции. Вот он <a title="Большая статья о том, что такое психоанализ и зачем он нужен людям" href="psihoanaliz.htm">Психоанализ - вопросы и ответы</a></p></b> Тем не менее, при уменьшении размеров окна браузера предлжение складывается вдвое. Почему?
0 votes7 answers -
Ссылки
Всем привет, народ подскажите в чем проблема, я только учусь верстать, поэтому наверно своих ошибок не вижу Вот страница!, файл стилей style.css в той же папке probnik. Так вот на странице есть ссылка в главном тексте, ее легко найти, она одна, что с ней происходит не пойму, она унаследовала стили из хедера, а именно стиль активной ссылки и стиль списка li, но в файле стилей четко прописано что #header a, я так понимаю все ссылки с идентификатором header. А тут такое. Плюс ко всему даже если присваиваешь контенту идентификатор и прописываешь в нем все состояния ссылки #content a как у меня в файле сделано с хедером, опять же все сбивается, пробую для каждого значения сс…
0 votes2 answers -
line-height одинаков в css, а визуально нет
Заметил интересную особенность: при подобном задании стилей. Просмотреть результат можно по адресу http://tri4.ax3.net/test.html Там видно что текст который ниже налеплен. Как это можно объяснить? Как исправить я вроде знаю для внутреннего блока задать line-height: 180%; и все. Но вот вопрос почему так.? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <style type="text/css"> body {font-size:24px;} div.cornered .inner { color:#33424A; font-size:0.7em; line-height:120%; } #content_text { color:#33424A; font-size:0.75em; line-height:120%; } div.cornered .inn…
0 votes2 answers -
форма поиска с выбором поисковой машины
Здравствуйте, хочу спросить Вас о том как сделать форму для поиска, чтобы было только одно текстовое поле, список поисковых машин и одна кнопка. Всё это в одной форме. В интернете нашел как создавать отдельную форму для каждой поисковой системы, то есть для каждого поисковика отдельное поле, отдельная кнопка. Надо только HTML. Список, кнопку, текстовое поле создать умею, а вот как заставить передавать запрос на нужный поисковик не знаю, подскажите как это реализовать !?
0 votes1 answer -
Проблема с float
привет всем) я чайник в верстке, учусь. Хотя, думал, с флоатом справлюсь... Суть проста. Есть два блока, по 50% ширины каждый. Ставлю каждому float: left; width: 50%; (бордер для наглядности проблемы) результат причем происходит все так. Есть класс .block, для которого стоят только отступы. Так как они одинаковые для всех. .block { margin-bottom: 30px;} Ну и классы .w50p {width: 50%;} .floatleft {float: left;} Прописываю <div class="block w50p float">бла бла</div> <div class="block w50p float">бла бла</div> ЕСЛИ прописать дополнительно .block {margin-bottom: 30px; float: left;} То блоки становятся ровно, зато лезут другие косяки, связанные с от…
0 votes4 answers -
Рамка вокруг изображения
Создаю форму обратной связи. Поля type="text", с помощью CSS задаю border-color:#4664A4; border-width: thin; border-style:solid. Понятно, что вокруг полей ввода появляется соответствующая граница. Для отправки использую type="image", тоже есть соответствующая граница. Можно ли сделать так, чтобы вокруг текстового поля была граница, а вокруг поля изображения этой границы не было? Заранее благодарен.
0 votes3 answers -
css3 скругление углов и flash объект
Мне нужно, чтобы блок со скругленными углами (используется css3) всплывал при наведении на пункт меню над flash-объектом (используется jQuery). Проблема: при отображении всплывающей подсказки над флешкой скругления не отображаются, а углы выглядят, как-бы, "выкушенными". Может кто знает, решается ли эта проблема для css3 ? Спасибо!
0 votes1 answer -
text-shadow vs ie
Здравствуйте Можно ли получить такой результат в ие8+ ? http://htmlbook.ru/sites/default/files/images/css/css_text-shadow.png Пробовал сделать по вот этой статье(http://htmlbook.ru/css/text-shadow), не получилось добиться того результата что на картинке
0 votes5 answers -
position:fixed for ie6+отступ на скроллбаре
КОД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> body{ font:20px Arial; text-align:justify; } *{ padding:0;margin:0; } html,body{ height:100%;overflow:auto; } *html .fix{ margin-right:17px; } .fix{ width:100%; height:300px; background: orange; text-align: center; color:blue; font-size:12px; position:fixed; top:0;right:0; _position:relative; } #SS{ padding-top:310px; } </style> </head> <body> <div id="SS"> <div class="fix">ONE</div> Много тЕКСТА!!!!!! </div> </body> </html> проблема в том что в …
0 votes4 answers -
Модальное окно
Добрый день. Стоит задача сделать фотольбом по аналогии с ВКонтакте, чтобы увеличенное фото открывалась в модальном окне с затемнением фона. Но есть проблема, которую пока не удается решить: как сделать, чтобы прокрутка слоя, в котором показывается фото была не зависима от слоя в котором основной контент страницы? Например, в контакте похоже, что в одном табе загружаются сразу две страницы одна поверх другой, причем адресная строка разная у обоих страниц и скроллинг одной страницы независим от другой. PS jQuery не предлагать
0 votes2 answers -
Русские буквы и пробелы в пути
Если к изображению на сайте я буду использовать такой путь:"img/1/Нити белое на черном.jpg" то во всех браузерах нормально отобразится?
0 votes2 answers -
Проблема с отображением фотографий
Здравствуйте! Есть сайт, на котором миниатюры фотографии (форматов jpg и jpeg), отображаются с потерями в качестве в браузерах Mozilla и Opera, и без потерь в Google Chrome. (в IE не проверяла). В полном размере фотографии отображаются с помощью плагина fancybox и без проблем. Сайт работает на Umi.CMS. Почему миниатюры искажаются? Это проблема браузеров или CMS?
0 votes6 answers -
несколько версий сайта
хочу сделать самостоятельные 3 версии сайта под разные разрешения (для телефонов, планшетов-ноутбуков, для "домашних кинотеатров"). как осуществить автоматическое переключение? есть какое нибудь наглядное руководство/код, может быть кто подкинет готовое решение или пример? (речь идет не о резине!-ничего никуда перегруппировывать и растягивать не нужно)
0 votes6 answers -
Как расположить 3 div блок по центру
Делаю трёхколончатый сайт с фиксированной шириной нужно чтобы три блока находились по центру.
0 votes3 answers -
repeating-linear-gradient
Хочу сделать зебру. background: repeating-linear-gradient(to right bottom, #E9E9E9 0 2px, #000000 2px 4px) ; С левого верхнего угла в правый нижний, серый-черный цвет.. Не работает что не так ?
0 votes8 answers -
Странная анимация цвета
http://jsfiddle.net/Zverushka/D2x4y/ Вы можете заметить, что при анимации цвет сначала становится темнее, а в конце анимации светлее - почему?
0 votes11 answers -
Error: Bad value 100% for attribute width
В диве задал картинку и прописал ей 100%, а в css задал ширину картинке другого значения. По крайне мере меня так устроило. Валидатор ругается. А если убрать width="100%" картинка отображается с меньшим размером, даже если в css задать width: 200%; Задача сделать картинку на все ширину и высоту контейнера https://jsfiddle.net/fo7wr56t/1/
0 votes1 answer -
ИЕ не понимает сокращенную запись CSS
Опера и ФФ воспринимают все нормально, а ИЕ не понимает такую запись: background:#c3c3c3 url(images/content_bg.jpg)repeat left top; Это нормально? Или надо прописывать типа: background-image: background-repeat: background-color: Добавил: переименуйте пожалуйста название темы на: ИЕ не понимает сокращенную запись CSS
0 votes2 answers -
Проблема с позиционированием
Вобщем вот что у мя есть: http://i013.radikal.ru/1011/fe/0c1ad6be4132.jpg Вобщем я взял скрипт лента фильмов - Вот сам скрипт, и переделал под себя,под афишы. Я создал информер: <div style="width:18%;background:#333;display:block;border:1px solid #444;float:left;margin-left:8px;height:180px;margin-bottom:10px;"> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"><tr></tr><tr><td class="infTitle" colspan="2"> <?if($SOURCE$)?><c><a href="$ENTRY_URL$"><img src="$SOURCE$" width="100%" height="50%" alt="$TITLE$"/></a> </c><?endif?> </table> </div> П…
0 votes3 answers -
Оптекание DIV
Конструкция страницы: <div id="main"> <div class="left-block"> Текст </div> <div class="right-block"> Текст </div> </div> <div id="base-right-block"> Текст </div> Теперь стили: #main { float: laft; } .left-block { float: left; } .right-block { float: left; } #base-right-block { float: left; } С вышеописанного можно сделать вывод, что base-right-block будет обтекать main слева, но он размещается снизу под main. Я поступил по-другому: <div id="base-right-block"> ... </div> <div id="main"> ... </div> поменял местами. Стиль: #main { } /*оставил без обтекания*/ ... #base-right-block { flo…
0 votes2 answers -
Позиционирование фиксированного заголовка таблицы.
Имеется в наличие страница с двумя таблицами с фиксированным заголовками. Заголовок фиксируется относительно thead таблицы. Возникла необходимость добавить данную страницу с таблицами в спойлер. Спойлер использует функцию toggle, скрываемый текст помещается в div, только вот при добавлении данной страницы в спойлер использующий функцию toggle, позиция фиксированного заголовка в таблице задается не относительно таблицы, а относительно границ браузера, а при закрытии спойлера остается зафиксированным на месте, также заголовок второй таблицы накладывается на первый. Подскажите как это исправить?
0 votes2 answers -
Белые квадраты вместо флеш-плеера.
Доброго времени. Я делаю маленький сайтик, обязательным элементом которого являются флешролики. Почитав немного в интернете, я составил вот такой код: <div align=center> <script type="text/javascript" src="swfobject.js"></script> <div id="player_4">Ошибка: плеер не загрузился. Возможно, у Вас не включен flash в браузере. </div> <script type="text/javascript"> var so = new SWFObject('player1.swf','mpl','800','200','9'); so.addParam('allowfullscreen','false'); so.addParam('flashvars','file=plist/plist_1.xml&playlist=bottom&autostart=false&repeat=list&backcolor=#ccccdd'); so.write('player_4'); </script> </div> …
0 votes1 answer -
Строчной внутри блочного
Доброго времени суток. В css: overflow: auto; в body: <div class="***"> <img src="****" /> а а а а а а а а а а а а а а а а а а а а а а </div> дело в том, что мне нужно чтобы при масшабировании появлялась полоса прокрутка у картинки. и что бы картинка была справа. вроде бы как все просто, у img указываем align="right" да, картинка справа, но полоса прокрутки не появляется. а если в <div align="right"> то тогда все что в элементе div становится справа, но зато появляется полоса прокрутки. я пытался просто картинку взять в <div> но это же блочный элемент, и текст становится под картинкой. что делать? что бы полоса появлялась только у фото, и …
0 votes3 answers