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
-
Проблема отображения картинки
Добрый день. Подскажите как правильно отобразить картинку, находящуюся не на сервере, а на локальном компе у пользователя. Делую так: <img src="file://localhost/D:/1.jpg" align="right"> Пробовал разные варианты. Картинка точно есть. Если ввести file://localhost/D:/1.jpg в адресную строку браузера, то она отображается. В чём моя ошибка? Заранее спасибо.
0 votes21 answers -
ошибки при проверки валидатором
Добрый день. У меня, как у начинающего, возник вопрос по поводу проверки станицы сайта валидатором http://validator.w3.org При проверки страницы возникают ошибки разметки, а как это влияет в дальнейшем на развитие сайта, на индексирование страниц поисковиками и т.п.? вот пример для наглядности http://zaidikupi.ru/index2.php Дизайнер с работой справился хорошо, ни каких ошибок, а вот после работы прогера повылазили
0 votes11 answers -
Верстка email писем
Делал задание по верстке email рассылки. Единственная проблема возникла с тестированием. 1. Я не знаю где и как можно проверить отображение на разных почтовиках. Знаю есть сайт litmus, но для бесплатного тестирования там только 3 почтовика (gmail, iphone 6s, outlook 2013). Хочется быть более уверенным, когда отправляешь письмо заказчику, что оно тебе не будет снится по ночам и заказчик не будет вспоминать тебя трехэтажными словами. Еще вопрос по поводу media запросов. 2.Можно ли их использовать? Вот тут campaignmonitor написано за 19.09.2013 Проверял письмо еще вот здесь . На media запросы никак не реагировало, поддержка написана 97…
0 votes17 answers -
Bootstrap, 3 колонки в две строчки
Здравствуйте, Никак не могу найти причину почему колонки съезжают. Знаю, что одна колонка ниже остальных, но как это влияет на bootstrap не понимаю. Посмотрите пожалуйста? http://xn—-7sbqkbjlgtakdhickq1a2n.xn--p1ai/
0 votes6 answers -
OnClick - копирование в буфер
Есть таблица со списком людей. Хотел сделать компактный вид отображения номеров асек, логинов скайпа с помощью иконок и чтобы при нажатии на них текст (в данном случае номер аськи или логин скайпа) копировались в буфер обмена для последующей вставки куда-либо. Пытался найти способ, но что-то способы либо слишком заумные, либо предлагаются только для ИЕ... Есть ли какой-нибудь простой способ реализации данного функционала?
0 votes8 answers -
Загрузка элементов страницы. Проблемы.
Серьезно слежу за скоростью загрузки сайта, кешированием и т.п. Но по тестам загрузки стали появляться проблемы. Среди загружаемых файлов проскакивают ошибочные (посмотрите по ссылке). Либо этих фалов нет, либо есть ссылка на файлы которых нет. Практически на каждой станице сайта встречается такая проблема. Как правило это jpg картинки, которые имеют транслированные УЛР. Как избавиться от этой проблемы?
0 votes7 answers -
Проблема с дивной таблицей в ИЕ
Всем доброе утро. http://beavers-net.narod.ru/schedule.html сделал там Див'ную табличку( ввиду криворукости просто табличку я сделать не смог - мозг завернулся в бараний рог еще на второй строчке), но понятно дело возникли проблемы с отображением. Первая и наиболее неприятная - ИЕ как-то переколбасил всю табличку и на неё стало страшно смореть. Я бы сам, конечно, пофиксил, если б хотя б имел представление о причине. Второй баг - Основной див( class="tabl" ) не хочет растягиваться на своё содержимое. Впрочем вот тут только ИЕ и показывает резиновый див. Стили к табличке в самом низу файлика style.css Заранее спасибо. С ув. Олег.
0 votes13 answers -
Как расположить два дива один под другим, чтобы текст обтекал их обоих.
Смотрите картинку: https://docs.google.com/drawings/pub?id=1KEb29JC9JPVgT7bpJGaqvyYHKZyfQV-IEInT28-TRLc&w=960&h=720 HTML код: <div class="div-1"></div> <div class="div-2"></div> <span class="text">текст</span> HTML менять нельзя.
0 votes4 answers -
Я решил учить flexbox.
Я написал новое правило "flex-direction: column;" получается, то, что перевернул главную ось и потом добавил ещё одно правило "justify-content: center;" По моей логике, блок "my-flex-container" должен выравняться по середине высоты дисплея, не зависимо от разрешения. Почему он выравнивается, только тогда, если задать высоту? http://jsfiddle.net/c7c3L4zw/ Ведь, он же как-то выравнивается по ширине, если она не задана, почему тогда не выравнивается по высоте?
0 votes23 answers -
Не применяется стиль css
Здравствуйте! Не могу разобраться, почему не применяется стиль к (.navbar-brand) когда он помещен в навбар?
0 votes6 answers -
frD-дублирование текста не понимаю почему.
Здравствуйте! Мучаюсь уже неделю, не знаю в чем ошибка. Подскажите пожалуйста. Вот код страницы и код css. style.css * { padding : 0; margin : 0; } body { font-family : Arial, Helvetica, sans-serif; font-size : 13px; } img { padding : 5px; border : 1px solid #D61011; } img.floatTL { float : left; margin-right : 10px; margin-bottom : 0; margin-top : 10px; margin-left : 10px; width : 60px; height : 60px; } img.floatTR { float : right; margin-left : 7px; margin-bottom : 0; margin-top : -2px; margin-right : 10px; } p { text-align :justify; padding : 5px; color : #666; font-size : 1.1em; } #wrapper { margin : 0 auto; width : 800px; } #header { color : #333; wi…
0 votes5 answers -
DHTML
Прошу помощи : Динамический эффект (изменение цвета текста гиперссылки при наведении мыши) работает только в ИЕ и не срабатывает а других браузерех, что делать? <a href="../../Мои%20документы/Мои%20веб-узлы/index.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #00FF00" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"> deff</a></span></font></b></td>
0 votes6 answers -
Не работает a:active в IE8?
Точнее не хочет работать так как во всех остальных браузерах. Ситуация вот какая. Значит у меня есть такого плана код: <a class="tovar" href="#"><img src="../images.jpg" alt="Люблю я ИЕ" /></a> Ситуация следующая. Моя картинка имеет размер 100х100 пикселей. Я присваиваю для тега "а" display:block; и задаю ему размеры width:100px; height:100px; В общем, имею внутри блока "а" картинку такого же размера. Ну и скажем хочу, чтобы при ситуации клика у меня вокруг блока "а" появился бордер. Пишу: a:active.tovar {border:1px solid #000;} И что я имею? Блин, все браузеры нормально работают, а новый мега-продвинутый ИЕ8 не работает. Причём, причина его отказа заклю…
0 votes13 answers -
Стартовый шаблон для вёрстки, заготовки, часто используемые куски кода
Всем привет! Вопрос заключается в следующим, используете ли вы какие либо стартовые шаблоны или библиотеки кода, которые облегчают рутинную работу и увеличивают скорость вёрстки? И как они выглядят? Моя предыстория заключается в следующем, был собран стартовый шаблон на основе бутстрапа, исходя из того что код там в любом случае качественнее чем мой. https://github.com/verino/billet Но на основе такой сборки можно верстать сайты адаптивные и нарисованные по сетке бутстрапа. А что делать, если сайт не адаптивный или совсем без сетки. Отключить бутстраповскую сетку и подключить susy например. Или всё же в итоге получается каша и лучше сделать сборку только из…
0 votes1 answer -
Снова о растягивании по вертикали
День добрый. Вопрос простой, но ответ найти не могу. Необходимо только с применением сло?в реализовать следующее: header страницы имееет фиксированую высоту, а sidebar и content должны растягиваться по вертикали на вс? оставшееся пространство и упираться вниз окна. Но у меня получается, что при присвоении этим блокам 100%-ной высоты они растягиваются на всю высоту окна (что логично), и еще плюс высота header-a, в результате появляется вертикальный скролл. Вот мой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html,body{margin:0;padding:0;height:100%;} #main {wid…
0 votes6 answers -
Можно ли оперировать с параметрами <BODY>
Народ привожу скриншот, на одном ооочень интересном для меня и для вас сайте (кто в теме) автор весьма необычно делает макет сайта с фиксированным размером и выровненно посередине, ваши мнения насчет этого, просто я в свое время слышал что лучше вроде особо с боди не опереировать а как вы думаете? причем интересный момент, если мы ставим body { background: silver; width: 700px; margin: 0 auto; } то по идее судя по коду у нас блок BODY должен быть 700 по ширине и по центру страницы так и есть НО в silver цвет в итоге окрашивается всю окно браузера, словно мы поставили background: silver не для body а для HTML на сколько я понимаю именно body находится внутри…
0 votes14 answers -
Выровнять ячейки внутри таблицы
Примерный код: <table border="1" width="100%"> <tbody> <tr> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td>Картинка</td> </tr> <tr> <td>txt</td> </tr> </table> </td> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td>Картинка</td> </tr> <tr> <td>txt</td> </tr> </table> </td> </tr> </tbody> </table> Надо выровнять ячейки внутри, при этом не фиксировав высоту и ширину ячеек. Голову ломал день) спасибо за помощь)
0 votes15 answers -
вертикальные линии
Даже не знаю, в какой раздел писать... Нужно создать вертикальную линию вдоль основного текста страницы, но так, чтобы она на Npx не доходила до начала и конца текста. С CSS/таблицами линия получается, но она только вдоль всего текста. Пробовал создать таблицу с тремя строками, указать размер верхней и нижней строки по Npx, но этот размер не учитывается, средняя строка все равно не занимает весь оставшийся размер страницы... Как? Спасибо
0 votes5 answers -
проблемы с версткой
страничка: http://gruz78.ru/les/ex.html 1) при маленькой высоте окна браузера футер наезжает на контент 2) хотелось бы, что бы горизонтальное меню распространялось на всю ширину окна, а faq прижималься в правому краю. Не получается - что бы я не задавала, появляется горизонтальная прокрутка. 3) в FF страница не растягивается по вертикали. 4) не получается прижать дивы с относительным позиционированием к правому краю родителя. буду очень благодарна, если кто-нибудь подскажет, что я делаю неправильно.
0 votes4 answers -
сокрытие/модификация ссылок в строке/панели состояния и адресной строке
Интересует вопрос сокрытия ссылок. При использовании следующих скриптов: скрипт1 function hidestatus(){ window.status='' return true } if (document.layers) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT) document.onmouseover=hidestatus document.onmouseout=hidestatusскрипт2 document.onmouseover = function ( e ) { if ( !e ) e = window.event; var el = e.target ? e.target : e.srcElement; while ( el != null && el.tagName != "A" ) el = el.parentNode; if ( el == null ) return; if ( e.preventDefault ) e.preventDefault(); else e.returnValue = true;};не срабатывает код не на странице, не через запуск файла: <script type="text…
0 votes18 answers -
Проблема с резиновым макетом.
Можно ли вообще сделать несколько таблиц в одной таблице, чтоб они нормально отбражались на разных разрешениях? То есть, делаю так, таблица, во все окно, width="100%", делю на три столба тоже в процентах, в двух столбах делаю по три таблицы, так же каждая width="100%", в результате на обычном дисплее все нормально, на широкоформатном в правом столбе уходят на уменьшение все три таблицы. Может, вообще таблицами сделать ровно не реально, только слоями, если так то буду пререписывать. Там просто таблицами было бы удобней, много табличной информации.
0 votes3 answers -
xhtml, padding и width 100%
Коллеги, помогите разобраться (подобного вопроса на форуме не нашел). Есть код: <!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" xml:lang="ru" lang="ru"> <head> <title>fucking electorate</title> <style type="text/css"> table, td {border:1px solid #ccc} table {border-collapse:collapse} tr {vertical-align:top} td {text-align:center} .d1 {width:100px} .d2 {width:120px} .d3 {width:140px} .wI input {width:100%} </style> </head> <body> <table id="t"> <tr> <td class="d1">100</td> &…
0 votes4 answers -
Никак не могу с установкой цвета и прочего для ссылок разобраться...
На сайт ссылку дать нИ мАгУ ) Имееться цсс a { color: #767676; text-decoration: none; } a:visited { color: #ef4a27; text-decoration: none; /* Цвет посещенной ссылки */ } a:active { color: #767676; /* Цвет активных ссылок */ } Ссылки (пункты меню) имеют цвет #ef4a27 ... я не понимать почему Должно быть так При наведении на ссылку мышкой -менятеться цвет с серого на оранжевый, при нажатии - цвет и шрифт меняються, при нажатии на другую ссылку , предыдущая возвращается в свое первоначальное состояние... Кака сделать подскажите, плиз! И второй вопрос: как после каждого пункта меню ( токо главного) делать отступ..эээ одним словом что бы каждоя ссылка шла в своем квадра…
0 votes11 answers -
Можно ли сделать часть PNG-картинки ссылкой?
Всем добрый день! Допустим, у меня есть две PNG-картинки необычной формы. Одна наложена на другую. Как сделать так, чтобы у одной из картинкой активной ссылкой была только определенная часть? Например, картинка – квадрат, а его угол представляет из себя ничего (прозрачен), вот как сдеалть, чтобы эта прозрачность не работала как ссылка. Возможно, "криво" изъясняюсь. Я филолог по образованию и занимаюсь дизайном, но, вдруг, верстка стала интересна для меня) Заранее спасибо!
0 votes5 answers -
Отправка данных из одной формы в разные БД
Собственно с одной проблемой разобрался в этой теме http://forum.htmlbook.ru/index.php?showtopic=16079 там продолжать не стал, т.к вопрос о другом хотя и связан с темой выше, а продолжать вот о чем, как бы сделать так что бы данные отправлялись в ту базу которая указана в выпадающем списке на форме, я пока не могу понять как это будет выглядеть теоретически, не говоря уже о практике, есть одно условие эта функция должна выполняться на стороне клиента, так как форма на хостинге который не поддерживает PHP, соответственно путь к обработчику выглядит так <form action="http://адрес/insert.php" method="post" name="form" onReset="setDefaults(this);">
0 votes14 answers