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 votes5 answers -
Object и opera
Здраствуйте, возник вопрос про тег object и браузер Опера, чтоб активировать флеш нужно кликнуть по нем, замечал такое только в Opera - http://s2.itrash.ru/idb/25175862bfb2ab6f83...Bezymyannyj.png Как можно отключить ?
0 votes0 answers -
Выравнивание DIV'ов
Здраствуйте. Мне необходимо сделать так, чтобы 2 DIV'а внутри 3его шли в ряд имели вертикальное выравнивание по середине относительно родительского: <div class="class1"> <div class="class2">sdfgsdfg</div> <div class="class3">dhfkajhdfkldhf</div> </div> Пытался назначить float: left; второму классу и vertical-align: middle; второму и третьему, но это не сработало. display: inline тоже. Кто нибудь знает как решить проблему?
0 votes2 answers -
Картинка для ссылки
Здравствуйте! Проблема следующая, хочу сделать так, чтобы картинка в виде стрелочки появлялась возле активной ссылки. Но при добавлении картинки она накладывается на ссылку Вот CSS данного меню /* Категории раздела */ a.catName {font:bold 16px Arial, Helvetica, sans-serif; padding:10px; margin:0;} /* оформление ссылок(шрифт,размер,отступы) */ a.catName:link {text-decoration:none; color:#232323;}/* оформление ссылок, которые еще не посещались пользователем */ a.catName:visited {text-decoration:none; color:#232323;}/* оформление ссылок, которые посещались пользователем */ a.catName:hover {text-decoration:none; color:#89c631;}/* стиль элемента при наведении на него курсора *…
0 votes4 answers -
Блок не умещается
http://owlyart.ru/alex/resume.html На CSS верстаю недавно, и столкнулся с проблемой - при низком разрешении экрана, основной блок банально не умещается в окне браузера, а полоса прокрутки не появляется. Маюсь уже приличное время, пробовал отцентровать в ячейке таблицы 100%/100%, попробовал атрибут overflow. Но первое не сработало, а второе скроллит содержимое блока, а не сам блок. На форуме и в гугле ответ не нашёл, решился задать вопрос сам. Заранее спасибо.
0 votes1 answer -
Фот уходит за края браузера!
Есть фоновое изображение 742x10px. Есть вот такой код CSS body { margin: 0px; padding: 0px; background: #FFF url(images/img01.gif) repeat-y center top; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: justify; color: #FFFFFF; } Вот сам файл http://up.optizone.ru/651185 со всеми параметрами. Когда уменьшаешь браузер, то синяя часть начинает исчезать, а хотелось бы чтобы доходя до края она оставалась! Помогите с решением!
0 votes2 answers -
Элемент на весь DIV
Приветствую всех! Есть DIV (main), внутри которого расположен некоторый набор элементов. <div id="main"> <span>Форма чего-нибудь</span><br /> <div>Кнопки, картинки, текст и т.п.</div> </div> Иногда нужно блокировать все элементы и выводить анимацию поверх. Подобное я делал для всего экрана с помощью DIV и CSS. <style> #block { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url("../img/wait.gif"); background-repeat: no-repeat; background-position: center; z-index: 5; } </style> <div id="block"> </div> Но вот как это сделать для DIV? Пробовал растянуть DIV…
0 votes2 answers -
Лишнии пробелы при смене кодировки
Есть два меню верхнее и среднее они хранятся отдельно и инклудятся на все страницы сайта, до недавнего времени они находились в кодировке анси, и таки все было впорядеке, я это заметил и поменял на ютф8 т.к использую именно эту кодировку, и откуда не возьмись перед блоками появились пробелы. Чем это может быть вызвано?! При чем, если делать не иклудом, то пробелы исчезают.
0 votes3 answers -
Сверстать, чтобы занимало меньше места
В дизайне есть следующие фоны. Как их лучше сверстать, чтобы они занимали меньше места. Не хочется делать фон одной большой картинкой. Если присмотреться к фоном, то можно увидеть, что там есть наклонные полупрозрачные линии по всей картинке. http://s2.ipicture.ru/uploads/20130220/PH8eiXDT.jpg http://s2.ipicture.ru/uploads/20130220/1dk7iaCN.jpg http://s2.ipicture.ru/uploads/20130220/TH8CATcY.jpg
0 votes1 answer -
псевдоклассы
Почему при наведении мышкой на ссылку, она не красится в красный цвет? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> body{ backgound-color:#ffffff; } a{ font-family:arial, verdana, sans-serif; font-size:12px; font-weight:bold; } a:link{ color:#0000ff; text-decoration:none; } a:visited{ color:#333399; text-decoration:none; } a:active{ color:#0033ff; text-decoration:underline; } a:hover{ backgound-color:#ff0000; text-decoration:underline; } </style> </head> <body> <h1>Стили ссылок</h1> <p>В примере содержится несколько ссылок, с которыми в…
0 votes2 answers -
Смещение полей
Здравствуйте. Есть страничка http://mobidel2.18r.ru/chat.php. При нажатии на объект из списка, я меняю размер шрифта, но вместе с этим меняется вся ширина строки объекта. Как мне высчитать padding-top и padding-bottom, чтобы после изменения размера шрифта не было смещения линий между объектами. Рассуждал так - раз увеличиваем шрифт с 11px до 13px, то нужно уменьшить поля, убрать сверху и снизу по 1px. Но в итоге все равно происходит смещение. Заранее спасибо!
0 votes1 answer -
Выравнивание текста в пределах элемента
Добрый день!Как сделать что бы текст нормально выравнивался под слайдером http://i59.fastpic.ru/big/2013/1101/88/d0aa8da9467efb04ff20076cdeab6988.jpg код htnl и css http://jsfiddle.net/ygwJy/
0 votes1 answer -
Проблема с СSS!
В firefox http://ned.ygastik.ru/content/1-komn53-m2 текст заходит на карту!
0 votes1 answer -
Какие сеточные системы сейчас актуальны?
Здравствуйте. Раньше, видел много материалов-обзоров по сеточной системе grid960. Актуальна ли эта тема сейчас, стоит ли с ней знакомиться? Как я понимаю, ее главная проблема, в том, что она не позволяют делать резиновую верстку. Есть ли аналоги, с возможностью делать "резину". Что вы использовали и можете рекомендовать?
0 votes1 answer -
Заголовок с подложкой
Пытаюсь изобрести способ отображения заголовка, чтобы за ним была цветная линия, но она не была видна под текстом. Возможно ли это без использования дополнительного span внутри заголовка? Пока у меня получилось вот что, но линия получилась поверх текста. http://jsfiddle.net/4CBLC/
0 votes3 answers -
Не работают 2 скприта
Всем привет! подскажите...не могу разобраться, не работают эти 2 скрипта совместно! Работает только один, тот который поставить ниже - работает, а верхний нет! Вот скрипты: <div id="letter_src">Это испытание|||||||||проверка скрипта.<br>Попробуйте заменить||||||||изменить значения.<br>Попробуйте заменить||||||||изменить положение.<br>Перо макается в чернильницу через определённое время,<br>если текста много,это будет происходить не один раз.<br>Можно изменить используемый||||||||||||применяемый шрифт и его размер.<br>Подробнее о шрифтах смотрите в материалах сайта.<br>Если у Вас появились вопросы,задавайте их в комментарии.&…
0 votes1 answer -
Как сделать input как в facebook?
В точности как у него не надо, мне как кнопки так расположить надо узнать и впринципе все
0 votes1 answer -
Откуда margin, который не описан в стилях инструментов разработчика Хром?
Здравствуйте! На странице если открыть какое-либо изображение товара, то у элемента <div id="fancybox-content" style="border-width: 10px; width: 570px; height: 570px;"> видно что есть margin, который не отображается в инструментах разработчика Хрома, но присутствует фактически. Похоже, что скрипт для fancybox. Если присмотреться, то происходит сдвиг в момент открытия фотки. Есть ли у вас идеи, как это можно исправить, по возможности без ковыряния скрипта fancybox?
0 votes1 answer -
Позиционирование выпадающего меню
Здравствуйте! Помогите пожалуйста: 1. сайт _hххp://aktivsport.com.ua меню слева категорий сделано в виде выпадающих подкатегорий, в случае если пункт меню находится возле нижнего края экрана то подкатегории уходят за нижнюю границу экрана, а нужно что бы они в этом случае открывались как бы "вверх". 2. сайт _hххp://nkt.ua в шапке присутствует вывод валют комбобоксом, в ФФ он отображается а в ИЕ его не видно Прошу помощи, помогите пожалуйста
0 votes0 answers -
Про валидацию
Подскажите что это за ошибки , спасибо. Line 249, Column 15: attributes construct error <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 15: Couldn't find end of Start Tag td line 249 <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 81: Opening and ending tag mismatch: tr line 248 and td …"20%"valign="top" ><img src="30-text.png" alt="" height="32" width="32" /></td> ? Line 251, Column 5: Opening and ending tag mismatch: table line 247 and tr </tr> ? Line 252, Column 8: Opening and ending tag mismatch: div line 228 and table <…
0 votes0 answers -
Проблема с положением дива position:absolute в IE
Такая беда: в ИЕ див с position:absolute отображается справа от текста, а в остальных браузерах - под текстом. Подскажите пожалуйста, как сделать, чтобы див в ИЕ был под текстом (а еще лучше, чтобы див вообще не зависил от текста). Вот код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>111</title> </head> <body> <div style="position:relative; width:500px; height:200px; background:#CCC"> Text <div style="position:absolute; width:200px; height:300px; background:#666"></div> </div> </body> </html> Вот пример: http://goodtime.com.ua/max/wtf2…
0 votes3 answers -
Вписывание блока по размеру свободной области родителя.
Пишу <html style="border: red dotted 50px; width: 100%; height: 50%; /*padding: 50px;*/"> <body style="border: blue solid 10px; margin: 0; width: 100%; height: 100%; padding: 100px;"> bla-bla-blah </body> </html>получаю бред. 1) Естественное желание - иметь некоторые фиксированные размеры родителя, возможно с padding-ом, а дочерний блок вписать в то свободное место родителя, которое должно остаться после padding. 2) ИЧСХ - по высоте оно всё растягивается, а по ширине - выходит за границу. Решил начать разбираться с корневых элементов, но div-ами, тоже не могу решить этот вопрос <div style="border: red dotted 50px; width:…
0 votes1 answer -
Javascript на странице постоянно перебивает Firebug
С каких-то недавних пор стал замечать вот какую вещь. Тыкаю я на странице правой кнопкой на каком-нибудь элементе, жмякаю «Инспектировать элемент с помощью Firebug», в окошке Firebug происходит перекидывание на инспектируемый элемент. В общем вроде бы всё как обычно. Но недавно стала проявляться вот какая вещь. Если на странице есть повторяющийся Javascript (например слайдер, который автоматически показывает новый элемент через заданный промежуток времени), то в окошке Firebug происходит перебрасывание с инспектируемого элемента на элемент, в отношении которого исполняется Javascript. Можно ли как-то отключить эту багофичу, что-то типа опции «Сидеть вот здесь и никуда не …
0 votes0 answers -
Открытие psd файла в Adobe Fireworks CS6
Здравствуйте уважаемые форумчане. При открытие psd файла в Fireworks возникла следующая проблема цвета становятся намного тусклее, бледнее в сравнение с этим же файлом но открытом уже в Фотошопе. Не могу понять из-за чего происходит.Помогите пожалуйста решить проблему. Файл открытый в Adobe Fireworks CS6 http://s2.uploads.ru/UXdKI.jpg Этот же файл открытый в Adobe Photoshop CS6 http://s3.uploads.ru/HuTLl.jpg
0 votes2 answers -
Проблема наложения фонов
Верстка здесь : http://portfolio.imatte.us/kitos/ Проблема в следующем. Необходимо поменять фон таким образом, чтобы полосы по бокам на широких экранах (скрин : http://i.imgur.com/eBWgQ9h.jpg ) были не #000, а #2a2a2a. Я задаю фон для body #2a2a2a, но в таком случае и для контента фон становится #2a2a2a, а мне нужен #000. Тогда я ставлю для .site-body background: url('../images/content-bg.png') top center repeat-x !important #000;Но тогда получается так: http://i.imgur.com/M7XQosz.png Если ставлю для #wrap background: url('../images/bg-top.jpg') top center #000;то нижняя часть фона пропадает, и все просто черное. Подскажите, как исправить?
0 votes2 answers