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
-
Обучение PHP
Бесплатно обучу PHP. Email: slavik_1790@yahoo.com
0 votes12 answers -
Рисунок и его загрузка в разных браузерах
Здравствуйте. У меня есть большой рисунок. В формате PNG. <img src="1.php"> В MSIE7 он постепенно загружается, при этом, не загруженная часть рисунка черная. Т.е. с начало видно черный квадрат, постепенно загружающийся моим рисунком. В FireFox 3.0 загружается как нужно, постепенно и остальная не загруженная часть белая. В Opere 9.x тоже нормально загружается рисунок - нез агруженная часть белая. Как исправить это для MSIE? Подскажите пожалуйста. Я уже пробовал тег "logsrc=blank.gif" и background-image. Не знаю как это побороть. Рисунок создается php скриптом при помощи библиотеки GD
0 votes18 answers -
<a title= (как обрезать картинку)?
Подскажите, пожалуйста.. Вот код (реализовывается с помощью скрипта тултипа): <a title="<img src='ССЫЛКА' width='100' height='100'>" style="text-decoration:none;" href="ССЫЛКА"> Как сделать, чтобы изображение, превышающее эти значения ещё обрезалось? А то НЕ квадратные картинки получаются сжатыми... Вот так НЕ работает: <a title="<img src='ССЫЛКА' width='100' height='100'>" style="overflow: hidden; text-decoration:none;" href="ССЫЛКА"> <a title="<img src='ССЫЛКА' width='100' height='100' style='overflow: hidden;'>" style="text-decoration:none;" href="ССЫЛКА">
0 votes14 answers -
рамка во круг сайта
Приветствую! Подскажите пожалуйста, что-то никак не пойму... Нужна рамка для сайта во всю ширину и высоту страницы, с 5px отступом со всех сторон от тела документа, делаю margin:5; но сайт растягивается больше чем 100% и к тому же рамка прилипает к правой части и низу. <!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" /> <title>Untitled Document</title> <style> html,body { margin:5; padding:0; width: 100%; height: 100%; color: #FFF; backgroun…
0 votes35 answers -
Checkbox,radiobox изменение по клику на label
Задача: сделать кастомизированый checkbox и radiobox. Для наглядности я убрал все стили, которые отвечают за оформление. Проблема : по клику на label состояние чекбокса(радиобокса) не изменяется. Почему? https://jsfiddle.net/o3720fkn/
0 votes3 answers -
Как сделать ссылкой всю строку в таблице?
Есть таблица с данными (каталог товаров). Хотелось бы сделать строку в таблице ссылкой на соответствующий товар. Как это можно сделать? Сейчас ссылка прописана для каждой ячейки отдельно.
0 votes2 answers -
помогите с apache
Как создать виртуальный хост на своем компе, например на диске d:/data/ Т.Е. помещаю в d:/data файл index.html, забиваю в браузере http://localhost/ и там должно отобразиться содержимое index.html Спасибо.
0 votes20 answers -
Предпросмотр в Dreamweaver
Здравствуйте! у меня такая глупая но частая ситуация: когда я верстаю страницу и хочу взглянуть на неё в веб-браузере, Дримвюер просит сохранится. После сохранения он открывает в браузере ту версию которая сейчас в работе, которая уже открыта. Но вот беда: браузер сообщает об ошибке и страничка не открывается. ЗАТО та версия которая сохранена отображается! я просто хочу спросить: это у всех так? это нормально или что-то не впорядке. у кого то было так же? причём такая штука происходит у меня в любых версиях!
0 votes5 answers -
Прилепить изображение неподвижно
Есть сайт: В углу есть элемент: #rul{ position: absolute; z-index: 20; } <div id="rul"><img src="/images/rul.png" /></div> в хеадере. Как сделать так, чтобы при изменении разрешения монитора, руль оставался прижатым к левому краю, но тень ложилась ровно на белый лист (края тени и края листа должны совпадать)?
0 votes16 answers -
Резиновая кнопка оригинальной формы
Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334
0 votes3 answers -
К кнопке не применяются стили
Почему-то в коде к кнопке button не подключаются стили: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Обработка HTML формы с помощью PHP</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> #div1{ position:absolute; top:30%; left:30%; background:#c0c0c0; width:400px; padding:10px; -moz-border-radius:10px; /* Радис скругления */ -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} } button.knopka{ background:#0000ff; color:#ffffff; padding:10px; …
0 votes4 answers -
Не растягивается сайт на всю ширину экрана на мобильных устройствах
Добрый вечер. Никак не могу решить проблему. На мобильных устройствах (в частности iphone) на сайте присутствует непонятный зазор справа где-то 5-6 мм. Может кто сталкивался с подобным? Сайт http://www.blushbride.ru/ Кстати, на этом ресурсе зазор тоже виден: http://mobiletest.me/iphone_5_emulator/#u=http://www.blushbride.ru/
0 votes4 answers -
А можно собрать информацию с разных страниц?
Вот скажите пожалуйста, если у меня разные страницы, а с них надо собрать воедино информацию, введенную пользователем, возможно ли это сделать? Я так понимаю только при помощи php, при помощи глобальной переменной. Как же? Или я ничего не понимаю:/
0 votes8 answers -
Шаблон чисто на дивах не получается (как померить ширину)!
Задумал разогнать шаблон. Вс? в принципе нормально если бы лиса и опера нормально отображали. Смысл в том... Есть 2 колонки 1 - фиксированной ширины; 2 - оставшейся. С таблицами нет проблем 1 - фиксируешь, 2 - оста?тся как есть, само растягивает. С дивами как не пытался, вс? равно на следующую строку перекидывает(разве что в осле вс? хорошо), если точно ширина у второй колонки не задана. Можно решить проблему альтернативно, с помощью плавающих блоков. Но так, возникают проблемы с футером. Короче вс? сводится к тому что-бы подставить значение выражения (ширина Body - 295px;(результат должен быть в px;)) в див... как это сделать не подскажите... А то я в JavaScript не сил?н…
0 votes4 answers -
Центровка маркера
Помогите выровнить маркер в одну строку с сылкой. Выставляю следущее: ul {list-style-image: url(/images/my_images.gif'); } но маркер отображется на пару пикселей выше ссылки в списке
0 votes19 answers -
background-image с отступом справа
Если я хочу положить background-image в верхний правый угол, то я пишу «right top no-repeat». Если, например, сверху, но с отступом слева 100 пикселей, то «100px 0 no-repeat». А вот мне надо, чтобы фоновая картинка отступала, например, на 100 пикселей от правого края блока. Это делается как-то? Понятно, что можно вложить ещё один блок, но я не хочу этого делать.
0 votes3 answers -
Полосатая рамка
Здравствуйте! Мне очень надо сделать посредством css рамку. Во времена СССР были почтовые конверты, а по краям у них была рамка из наклонной полосатой зебры, где чередуются белый, красный и голубой. Пожалуйста, подскажите, как мне сделать такую рамку средствами CSS. Эта рамка будет вокруг блока, содержимое которого может меняться, то есть зависит от наполнения текстом, так что рамка тоже должна изменяться в соответствии с размерами блока.
0 votes4 answers -
не могу понять принцип работы шаблонизаторов
разъясните в чем принцип работы шаблонизатора, пусть вот этот код будет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//RU" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional-dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel=stylesheet type=text/css href="css/css.css"> <title><?php echo "TITLE"; ?>/title> </head> <body> <div id="container"> <div id="header"> <?php echo "HEADER"; ?> </div> <div id="navigation"> <?php echo "NAVIGATION"; ?>…
0 votes2 answers -
Fieldset, закругление углов
привет. Кто-нибудь сталкивался с такой штуковиной? Сверстать такой блок дивами, а label спозиционировать абсолютно, расставив маргины — просто. НО! Я пока не нашел наглядного примера, для данного случая, сделать такой же блок, с закруглёнными краями, но используя такую структуру: <fieldset> <legend>Ледженд</legend> <label></label> </fieldset>
0 votes6 answers -
Проблемы с отображением
Привет народ! Я в верстке не силен, но вот как-то наговнокодил что-то вроде этого: www.goodrest.info У меня проблема в следующем: некоторые браузеры , в частности последняя версия Хрома, тормозит неправильно отображая топ меню (посмотрите сами), в опере часом тоже наблюдается, в чем причина такого бага? Я понимаю что сам один сплошной баг, но все же , может кто-то поймет причину? я не пойму...=( Спасибо!
0 votes16 answers -
hover в div'e действует на вложенные блоки
Подскажите как решить следующую проблему, есть li в нём div, при наведении мыши к диву должен применится hover, но он применяется только к вложенным блокам а не к родительскому диву! то есть бэкграунд меняется например у 'news_title_header' когда мышка находится на нем, а у всего 'news_parent' не меняется. такая конструкция <li> <div class="news_parent"> <div class="news_title_header"> <a data-post="5" href="news/novost-3">Новость 3</a> <i class="c_time">01.11.2014</i> </div> <div class="news_short"><p>краткое описание</p></div></div></li>стиль: #news li {margin-botto…
0 votes4 answers -
Фиксированное минимальное расстояние между элементами
<a href="index.html" style="position:absolute; left: 3%; top:35px; z-index:2;">Главная</a> <a href="404.html" style="position:absolute; left: 16%; top:35px; z-index:2">Портфолио.</a> <a href="404.html" style="position:absolute; left: 30%; top:35px; z-index:2">Книга стилей.</a> <a href="contacts.html" style="position:absolute; left: 45%; top:35px; z-index:2">Контакты.</a> <a href="404.html" style="position:absolute; left: 57%; top:35px; z-index:2">Слоны.</a> <a href="404.html" style="position:absolute; left: 69%; top:35px; z-index:2">FAQ.</a> <a href="404.html" style="position:absolute; left: …
0 votes11 answers -
Срочно нужна помощь.В CSS. Подменю наезжает друг на друга
Люди помоготи разобраться с под меню. оно почему то наезжает на другой пункт меню. Не как не пойму почему. Вот как должно выглядеть меню http://s55.radikal.ru/i149/1001/f4/79c3f0f29f81.jpg Вот как оно выглядит сейчас http://s02.radikal.ru/i175/1001/be/4b45503a53cb.jpg Вот код <div id="left-menu"> <div class="moduletable"> <ul class="menu"><li class="parent item9"> <a href="/ru/building"><span>Строительство</span></a><ul><li class="item195"><a href="/index.php"> <span>технический подряд</span></a></li><li class="item211"><a><span>генеральный подряд</spa…
0 votes2 answers -
Свойство margin-top
Согласно описанию: http://www.htmlbook.ru/css/margin.html Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента Собственно вопрос: почему в примере ниже красный блок отступает не от родительского элемента (блок content), а от header? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <m…
0 votes20 answers -
Word, Excel to HTML
Очень часто на работе встречаются "наинтереснейщие" задачи по выкладки материала на сайт. К примеру имеется вордовский файл, набитый таблицами, его нужно перевести в HTML, при этом убрать весь вордовский мусор и т.д. Обычно пользовался такой схемой(так, как на программы типа "Word 2 HTML" положиться нельзя): 1) Копи 2) Паст в Outlook Express (меняю кодировку, формат) 3) Далее в Дримвивер и дальнейшие действия по чистке кода. Наверняка каждый сталкивался с подобными задачами, какой способ (наиболее рациональный) вы можете предложить? :/ Заранее благодарен.
0 votes6 answers