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
-
Проблема с таблицей в IE
Вот в чём суть. Есть таблица из 5-ти колонок. 1-я, 3-я и 5-я имеют неизменяемую ширину и фоном у них целые изображения, а вот 2-я и 4-я - увеличиваются по мере увеличения разрешения экрана и фоном у них узкая вертикальная полоса, повторяющаяся по Х. В firefox работает всё правильно, а вот в IE 2-я и 4-я колонки так и остаются пустыми. В чём проблема? Как решить? p.s. и ещё, когда ставлю отображение рамок в таблице, то и в ИЕ правильно работает
0 votes7 answers -
display: table и содержимое смежных "ячеек"
Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…
0 votes10 answers -
Отступы из ниоткуда
Написал вот такое: <header class="header"> <div class="wrap"> <div class="logoimg"><a href=""></a></div> <h1 class="logo"><a href="#">Environmental.com</a></h1> </div> </header> .header { height: 113px; width: 100%; background: url("../image/header-bg.png") repeat-x; } .wrap { position: relative; width: 1024px; margin: 0 auto; height: 100%; } .logoimg { float: left; margin: 32px 0 0 50px; width: 48px; height: 47px; background: url("../image/logo.png") no-repeat; } .logo a { font: 31px 'Centu…
0 votes11 answers -
пропорции шрифтов в bootstrap3
скажите пожалуйста умеет ли bootstrap3 пропорционально изменять размер шрифта при изменении ширины экрана? размер изображений, например, умеет(для этого изображение должно иметь класс img-responsive)
0 votes4 answers -
скрипт купона скидки на сайт
Есть у кого готовый скрипт или совет как разместить кнопку например "Скидка 10%" при нажатии на которую счетчик в каким либо лог файле увеличивался и выводилась простая форма печати "Купона скидки" Чтобы к заказчику приходили люди с купонами а я видел статистику по распечаткам этих купонов.Спасибо
0 votes1 answer -
Не отображает link css style
как сделать, чтобы после нажатия на кнопку менялся цвет css - точнее, кнопка оставалась нажатой, пока не закроешь окно, а то цвет кнопки и контур меняться только при наведении курсора и все a:link { color: #c00 } /* unvisited links */a:visited { color: #0c0 } /* visited links */a:hover { color: #00c } /* user hovers */a:active { color: #ccc } /* active links */ - просто вписать link не дает результата Нужна помощь в доработке кода
0 votes2 answers -
Как сделать форму подписки на Landing Page?
Здравствуйте уважаемые форумчане! В програмировании я не разбераюсь и поэтому мой вопрос может показатся глупым для опытных людей, но всё же имеет место быть. В крации объясню проблему. На днях мне понадобился Landing Page, но так как уже говорил, что я в програмировании не "бум-бум" , то естественно решил рипнуть шаблон с другого сайта ( да постигнет меня кара небесная за столь отчаяный поступок). И столкнулся с проблемой. Как мне настроить форму обратной связи, что бы оповещения о заказе приходили ко мне на почту ? Что куда нужно вписать и какие именно строчки в коде мне нужно искать ? Заранее благодарю за ответ!
0 votes3 answers -
Помогите прикрутить готовое боковое меню к странице
Доброго времени суток. Ни как не получается прикрутить готовое боковое меню к сайту, первая проблема это не отоброжает текст когда закидываешь на локальный хост... стоит apache, php... локальные хосты работают отлично. когда запускаешь index.html из папки все работает на удивление... Мои подозрения пали на js, в этом я полный ноль, да и в html не очень силен... поэтому прошу помощи у панимающих людей которым не жалко своего времени на такого пацана как я... P.S. когда то вы же и сами были такими, а во круг и подсказать не кому, а разобраться очень хочется... спасибо за понимание... вот index.html <!DOCTYPE html> <head> <meta charset="UTF-8" /&…
0 votes0 answers -
Вопросы по стилям
1. Я видимо чтото плохо усвоил или чтото случайно пропустил, читая про стили. Делал я на примере 1 видео макет и заметил что класс в хтмл отличается от класса в цсс файле, но при этом отображается так как нужно мне. В html прописано class="grid-img sqr" но в css прописано только .sqr 2. Тот же проэкт, и тут автор видео прописал у селекторов html и body значения. Что будет если я пропишу всё в в один селектор? 3. Селектор .logo, тут font-size: 0; Я правельно понимаю, это для альтернативного текста, в случае если картинка не отобразится? Буду признателен если в ответы покидаете отыеты в виде ссылок.
0 votes2 answers -
почему в explore подпрыгивает блок?
Прошу помощи, никак не могу разобраться, все браюзеры окромя explore кажут нормально. Вторая узкая колонка с машинкой лезет вверх.
0 votes8 answers -
стилизовать скроллы
подскажите пожалуйста скрипт, при помощи которого можно стилизовать скролл браузера. здесь один из самых распространенных в сети. но его(и подобные) очень трудно допилить под свой проект так как в моем случае на одной странице может находиться несколько областей со скроллом, оформленых различно.
0 votes1 answer -
Thickbox
Добрый день!уважаемые посетители сайта htmlbook.ru Недавно начал изучать html/css,хочу добавить на страницу картинки и потом их увеличить. Нашел в интернет плагин jquery Thickbox Thickbox, когда у меня одна картинка все прекрасно работает, а когда две и более не работает. вот например <a href="images/plant4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant4_t.jpg" alt="Plant 4" /></a> какой javascript код нужно писать для атрибута rel? Заранее спасибо
0 votes5 answers -
Как объединить два языка
Есть вот такой код на html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Главная страница</title> <style type="text/css"> .GlavnoeMenuZastavka { } </style> </head> <body> <div style="font-weight:bold; "> <table class="GlavnoeMenuZastavka" border="0" cellpadding="60" cellspacing="0"> <tr align="center" > <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Uchebcenter"><img src="icons\Damir\Uchebcenter.png" width="150" height="150" border="0" alt="Учебный центр.png"></a> <p style="margin:0px;">Учебный центр</p> </td> <td> &l…
0 votes1 answer -
Несмотря на выставленный charset проблема с кодировкой
В коде страницы: <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> При этом вместо русского текста крякозябры. Вот здесь: http://mysfamily.com/rus/gallery_black1.html Что за беда?
0 votes11 answers -
Смещение форм и кнопок
Добрый день Подскажите, как сделать что бы на мониторах с разным разрешением, кнопки и формы не смещались, а всегда оставались по центру. Например вот сайт http://testhtml.besaba.com/ Если посмотреть через этот сайт http://ami.responsivedesign.is/ то на ноутбуке формы и кнопки смещаются в левую сторону, можно как нибудь это исправить? Спасибо
0 votes12 answers -
отменить смещение текста при list style position inside
Доброго дня уважаемые коллеги, подскажите пожалуйста, можно ли как-то отменить смещение текста при переносе строки под маркер списка при позиции inside? (Можно только при позиции inside). буду благодарен за любую помощь. https://jsfiddle.net/shaoau5z/
0 votes3 answers -
Добавление float делает нерабочим margin.
Здравствуйте! У меня 2 div блока, идущие друг за другом. Добавление float для любого из слоев, и неважно с каким значением, делает нерабочим margin. Один из объектов словно прилипает к верхней части страницы. Если float убрать, то слои можно свободно двигать. Как избавится от данного эффекта? И с чем это может быть связанно? Заранее спасибо.
0 votes10 answers -
2 класса ссылок в одном документе. Помогите!
Здравствуйте, серьезная проблема: пытаюсь отделить дизайн от html и столкнулась с тем, что у меня второй класс ссылок не работает, перелопатила весь код, не пойму почему так получается... Помогите, пожалуйста! Не работает класс a:link.text, ссылки вообще такими не делаются. P.S. Вставляю весь код, вдруг дело не в самих классах. <html> <head> <title>Layout</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" border="0" align="center"> <tr><td class="top" colspan="3"><div id="profile">Здесь будет текст</div></td></tr> <tr><td class="…
0 votes5 answers -
Dreamweaver CS3
Что нужно сделать, чтобы при создании нового файла Dreamweaver выводил по умолчанию не <!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" /> а <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
0 votes5 answers -
Перевёрнутые буквы
Можно ли сделать чтобы надпись "Добрый день" была перевёрнута по вертикали каким нить способом CSS?
0 votes4 answers -
Вопрос по вёрстке макета Раира
Верстаю макет Раира из темы http://forum.htmlbook.ru/index.php?showtopic=13276 но почему-то вёрстка правая колонка не отображается в ИЕ вёрстку можно видеть тут http://akson69.ru/test/ Что я делаюне так??
0 votes6 answers -
Нужны ли такие ссылки?
В шапке есть вот такой код. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://site.ru/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://site.ru/wp-includes/wlwmanifest.xml" /> <link rel='prev' title='Лицензирование' href='http://site.ru/litsenzirovanie.html' /> <link rel='next' title='Трудовой договор' href='http://site.ru/trudovoy-dogovor.html' /> <link rel='shortlink' href='http://site.ru/?p=618' /> Зачем это нужно? Можно ли их удалить без вреда для сайта и как это сделать??
0 votes3 answers -
Проблемы с версткой html письма
Народ, помогите, пожалуйста, в первый раз сделал html письмо, все получилось как надо, но в яндекс почте и в outlook картинка с верхней тенью отображается с отступом в 1px, в остальных почтовиках отображается нормально, подскажите, что нужно изменить, чтобы все отображалось как нужно? <html> <head> <title>HTML шаблон письма</title> <meta charset="utf-8"> <style type="text/css"> /* Backgrounds */.email_background { width: 640px; //background: url('http://it-tektura.ru/images/html_message/email_bg.jpg') repeat-y;}/* Images */img { display: block; border: none;}/* Fonts and Typography */.footer { font…
0 votes2 answers -
Картинки с сылкой в ряд по горизонтали по центру блока с авто margin
Доброе утро всем. Начал переделывать сайт под различные девайсы, айпад и тд. Столкнулся с такой проблемкой. Как сделать картики ссылкой в ряд по горизонтали, но чтобы они были по центру блока, если реально то с авто оступами. Проблема в том, что при уменьшении окна, если картинка не влезает, она переносится по левому краю и остается большой кусок пустым это если я использую float left, если его не использовать тогда они у меня выстраиваются по центру но по горизонтали. Вобщем, чтобы понятней было скриншот и приблизительный код ниже: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body { ma…
0 votes4 answers -
Расположение элементов IMG
Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка) Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна. Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как
0 votes1 answer