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
-
Подскажите статейку
Приветствую, о гуру! Подскажите ка статейку хорошую, "Как создать флеш" Мне там особых наворотов не надо. Просто надо будет по готовой картинке jpeg расставить 110 ссылок)
0 votes12 answers -
relative и масштабируемость!
Всем доброго времени суток. Вот взял на сайте поставил картинку, положил на неё полупрозрачную картинку с помощью относительного позиционирования при моем расширении всё нормально выглядит как только начинаю масштабировать то при разных масштабах картинка то опускается то поднимается на 1px. И по этому делает то зазор то вылазит за неё, не подскажите как можно от этого избавиться?
0 votes0 answers -
Форма ввода
Переделываю шаблонную форму ввода. В неактивном состоянии отображается нормально, после ввода e-mail и перехода к вводу пароля, e-mail отображается на фоне картинки, как сделать чтобы отображался на белом фоне? {$FORM_ACTION} <div class="loginformEmail"> {$FIELD_EMAIL} </div> <div class="loginformPass"> {$FIELD_PWD} </div> <div class="LoginButton"> {$BUTTON} </div> {$FORM_END} .loginformEmail input { background-image: url(img/Background_login.gif); background-repeat:no-repeat;} .loginformEmail input:focus, .sffocus, .sffocus { background-image:url(img/Background_login_focus.gif); background-repeat:repeat-x;} .loginformPas…
0 votes4 answers -
Как можно исправить элемент, чтобы валидатор принял
Под валидатором проверяю сайт. Валидатор ругается на код указанный ниже. Как я понимаю, нельзя открывать сразу 2 div, а потом закрывать сразу 2 div подряд, но не знаю как можно код переделать. <DIV style="LEFT: 50%; POSITION: relative; margin-left: -498px; WIDTH: 183px;"> <DIV style="COLOR: #ffffff; FONT-FAMILY: Times New Roman; FONT-SIZE: 10pt; POSITION: absolute; TOP: 15px; WIDTH: 183px; height: 98px"> <a href="/"><img src="/images/1.png" alt="" border="0" /></a> </div></div> Этот код выводит изображение в заданном месте. По высоте фиксирован, по ширине также по центру расположен. Как-то можно заменить, чтобы div остался…
0 votes1 answer -
Вставка pdf на сайт
есть функционирующий сайт как разместить несколько книг в формате пдф на нем?чтоб с него же можн было их и скачать прямой ссылью
0 votes1 answer -
Фоновая картинка, 2 способа
Одну и ту же по весу картинку ставим фоном двумя спос: через стили и через тег. В каком сл быстрее загрузка веб страницы? В каких случаях предпочтение нужно отдать одному конкретному спос?
0 votes1 answer -
Страница изменяемого размера
Ребят подскажите,как сделать странцу изменяемого размера.Я имею ввиду минимальное разрешение чтоб было 800x600 У меня основной блок 1000 px и при суживании окна полоса прокрутки появляется на 1000px, а не на 800px при использовании min-width;
0 votes2 answers -
идентификатор id в DreamWeaver
Может кто-нибудь знает причину того, почему в DreamWeavere CS3 в html документе, когда я пишу id="..." - идентификатор не определяется?((...только class работает((((((
0 votes0 answers -
Как поместить кнопку в окне формы поиска
Как поместить кнопку в окно ввода и выровнять по правую строну окна? форма
0 votes2 answers -
Как отцентрировать footer?
Доброго вечера всем. Подскажите как можно отцентрировать содержимое footer когда в нем есть блоки inlne-block c фиксированной шириной?
0 votes5 answers -
Сдвигается шапка при маштабировании
Столкнулся с такой проблемой: Шапка в разных браузерах немного съезжает. Т.е. в Файрфоксе нормально выглядит, в Хроме съезжает влево буквально на 1-2 пикселя, но это очень бросается в глаза. Причем если маштаб увеличить или отдалить, то при некоторых вариациях и до 10 пикселей съезжает. Сайт lodki-sibiri.ru Скриншот этого глюка : hxxp://lodki-sibiri.ru/oshib.jpg Очень прошу помочь. Уже и min-width прописал и по центру выравнивал, но не помогает. Может ошибка даже не в шапке а в центральном блоке и сайдбаре...
0 votes10 answers -
Сайт криво работает в IE8
В CSS коде #bottom_line { background:url(../images/bottom_repairse_line.jpg) repeat-x bottom; width:100%; } должна быть внизу сайта, но в IE она почему то уезжает вверх и не пойму в чем проблема, подскажите пожалуйста кто знает, во всех остальных браузерах все гуд. Готов отблагодарить за помощь!
0 votes6 answers -
Применение стилей div для require информации
Доброй ночи уважаемые, обращаюсь в первую очередь к верстальщикам: ситуация - в файле-виде который отвечает за отображение блоков <div>, для вывода определенной информации воспользовался инклюдом другого файла, в котором непосредственно осуществляется выборка информации с базы. Все работает таким образом очень даже хорошо (т.е. выводится список), но вся проблема что стили, которые прописаны в CSS стилях для файла вида не работают для тех что выводятся в другом. Сейчас попытаюсь яснее объяснить. <div id="nav"> <ul> <?php require_once "/views/vmenu.php" ; ?> </ul> </div> такую форму имеет часть кода в файле виде который отвечает за вывод …
0 votes4 answers -
Подбор необходимого цвета
<script type="text/javascript"> var tagcloud_cl = new SWFObject("/engine/classes/tagcloud/tagcloud.swf", "tagcloud", "190", "220", "9", "#6fffff"); var tagcloud_cl_temp = encodeURIComponent("<tags>'.$tpl_tags_cloud2.'</tags>") tagcloud_cl.addParam("wmode","transparent"); tagcloud_cl.addVariable("tcolor", "0x4b73d4"); tagcloud_cl.addVariable("tspeed", "100"); tagcloud_cl.addVariable("distr", "true"); tagcloud_cl.addVariable("mode", "tags"); tagcloud_cl.addVariable("tagcloud", tagcloud_cl_temp); tagcloud_cl.write("cumuluscontent"); это часть кода где настраиваются размеры, цвет фона и текста.…
0 votes1 answer -
увеличить ширину
Есть такой вот код одного форума, нужно увеличить кол-во выводимого текста в графе последняя тема. То есть сейчас тема называется 111222333444555666777888999000 В графе её показывает как 111222333... Нужно задать больший параметр ширины, а где - немогу понять. Прикрепил код. .cat_list .cl_item .cl_last {float:right; width:31%; min-width:165px; max-width:400px; border-left:1px solid #dedede; height:100%; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl {border-left:1px solid #fff; padding:14px 5px 0 19px; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl dt {float:left; clear:left; padding-right:0.3em;} .cat_lis…
0 votes7 answers -
Поиски ошибок
Помогите пожалуйста разобраться новичку, уважаемые знатоки. Осваиваю вёрстку и стили с углублением в DW. Один из уроков от Adobe ещё раз, после изучения сайта ВМ конечно, ведет по применению стилей и кросс броузерным подводным камням. Так вот, счастливый, дойдя до середины урока, не вижу никаких подвохов в визуальном отображении того, что наваял включаю «live view» и вижу отсутствие Хедера и Футера, налезание правой колонки на левую, которая благополучно перескочила среднюю. Версии врет «live view» или «изначально кривой шаблон» не подтвердились. Надо сказать, что в уроке использовался шаблон DW «Три колонки фикс, хедер и футер». В ходе урока http://www.adobe.com/devne…
0 votes3 answers -
Изменить свойство одного divа при наведении на другой.
Привет, коллеги! Возможно я не первый спрашиваю, но не могу найти ответа. Есть такая конструкция .row .title:hover{ background: rgba(209, 54, 27, 0.7); /* Цвет фона */ } <div class="row"> <div class="image-fid"></div> <div class="title"></div> </div> Видно, что при наведении на .title у него изменяем фон Вопрос, как сделать так, чтобы и при наведении на .image-fid (или целиком на .row) менялся фон только у .title? Заранее спасибо!
0 votes2 answers -
Чтобы два блока растягивались одновременно
Здравствуйте! В общем проблема такая. Есть два параллельных блока. Если один из них уходит вниз, то второй не изменяется, а надо, чтобы действия были параллельны. Фиксировать высоту не вариант. Пробовал заключить оба в один блок, но безуспешно. Колонки различаются цветами, поэтому и создается сложность для меня.
0 votes8 answers -
Как разместить горизонтальную прокрутку сверху?
Требуется горизонтальную полосу прокрутки, появляющуюся при overflow:scroll, разместить не в нижней части блока, а в верхней. Достаточно, чтобы это работало в Firefox. Возможно ли такое сделать, не прибегая ко всяческим jquery-плагинам и прочей js-нечисти?
0 votes2 answers -
как уменьшить border-left и выровнять по середине?
Здравствуйте. Если делать : <ul class="qwe"> <li class=""> </li> <li> </li> <li> </li> </ul> И у .qwe { border-left:1px solid gray } или просто ставить бордюр для какого-нибудь div , то получается | (черта бордюра) -растянутая по высоте на весь li или div. если поставить этому div или li height:10px, то конечно бордюр уменьшается, но вместе с div или li. Можно ли как-то регулировать высоту этого бордюра и его центрирование?
0 votes8 answers -
Всплывающее меню
Доброго времени суток! Собственно стоит задача таким образом, у меня есть своего рода блок, наводя на него курсор, производиться замена изображения, а также к этому блоку прикручено UL меню. Меня интересует следующее: Как сделать так, что бы при наведение курсора мыши на всплывающее меню, картинка ":hover" из маин блока не пропадала до тех пор, пока я не уберу курсор за пределы блока и меню ? .pravo { background: url(../images/b1.png); display: block; width: 322px; height: 142px; } .pravo:hover { background: url(../images/pravo.png); } #menu1{ list-style:none; padding:0; margin:0; } #menu1 li{ float:left; position:relative; } #menu1 …
0 votes6 answers -
Как научиться правильно вырезать background?
Собственное дизайнеры или опытные верстальшики, подскажите свои методы как правильно вырезать background чтоб он правильно растиражировался на сайте. к примеру вот картинка [/url
0 votes2 answers -
список строкой
Создал список строкой через float:left;. В списке картинки. Привентил плагин Pagination. Плагин работает, но беда в том, что браузеры воспринимают список столбиком, хотя картинки располагаются строкой. Т.е. браузер растягивает окно суммирую ширину картинок в списке, оставляя под футером пустоту. display:inline нельзя использовать - нарушает работу плагина. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="sty…
0 votes2 answers -
Прокрутка
Здравствуйте, хотел поинтересоваться каким способом осуществлена прокрутка страницы на этом сайте? Как я понял она работает только в google chrome. Нашел что-то похожее на JQwery, плагин под названием «CustomScrollbar». Но на этом сайте я что-то не нашел чтоб подключалась библиотека на которой основан этот плагин(если, конечно так можно выразится). Так что я подумал, что это сделано на html5, css3, но что-то не понял как. И есть ли еще хорошие примеры с реализацией такой прокрутки, то можете поделится ссылками. Я нашел еще на гугле И вопрос, если реализовывать такую прокрутку, то что будет правильнее использовать, скрипт или css3?
0 votes5 answers -
Проблема с position : absolutle в всплывающих подсказках
На странице есть поля типа input и у каждого есть атрибут tooltip="Подсказка": <input type="text" name="name" value="ФИО" title="ФИО" tooltip="Введите ФИО"/> JS скриптом я ниже каждого такого поля создаю <span> с подсказкой. [JS] $('[tooltip]').each(function(){ $(this).after('<span class="tooltip">'+$(this).attr('tooltip')+'</span>'); }); [/JS] СSS .tooltip{ width: 200px; visibility: hidden; z-index: 99; position: absolute; .................... При focus()/blur() делаю их visible/hidden [JS] $('input[type=text]').focus(function(e){ var left = $(this).offset().left; var …
0 votes2 answers