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
-
Экспорт шрифтов в клиентский браузер
Вопрос повестки дня. Возможно ли передать браузеру файл с оригинальным шрифтом и заставить текст, какого либо HTML-блока отображаться с учетом этого шрифта?
0 votes8 answers -
Границы таблицы. Нестыковка.
Hi All! Разъясните пожалуйста один момент. Имеется таблица, шапка этой таблицы не имеет границ, а вот само тело обрамлено границей толщиной 2 пикселя. На стыке шапки и тела, возникает неприятный эффект (см. рисунок). Как от этого можно избавиться? По сути нужно как-то "втолкнуть" границу внутрь ячейки, а не наружу. Сдается мне, CSS такого не умеет. Фокус с добавлением ячеек по краям прошу не предлагать, хотелось бы без этого.
0 votes8 answers -
Фреймы
Возникло несколько вопросов по фреймам. 1) Лого (шапка) это фрейм. На самой странице (лого) много элементов картинки, текст. Как можно запретить не только копирование а вообще выделение или перетаскивание лкм? 2) хочу что бы при клике на фрейм "лого" в родительском окне был переход на главную страницу, тоесть обновился index.htm что здесь не так? это в index <a href="index.htm" target="_parent"><frame scrolling="no" noresize src="frlogo.htm" name="frlogo" frameborder="0"></a>
0 votes8 answers -
Как убить стили кнопки
Друзья, доброго времени суток! В html-документе есть форма <form></form>. В ней есть тег <input type='submit' class='button1' value='Кнопка' /> Если в css не прописывать стили для button1, браузеры отображают кнопку в соответствии со своими вкусами - кто серую, кто градиентно-бликовую, с реакцией на события - например, подсветка при наведении мыши, смена бордюра при нажатии, смещение текста и т.п. Цель - задать кнопке собственные стили: картинку в бэкграунде, реакцию на наведение мыши и отсутствие реакции на нажатие. Для реализации первых двух стилей в css пишу: input.button1 { margin-left: 20px; width: 100px; height: 40px; background:url(img…
0 votes8 answers -
Ошибки верстки W3C
Хотел бы довести код на сайте до ума. Сделал проверку кода на сайте http://validator.w3.org/ - нашлось 7 ошибок. В грамотной верстке новичек. Подскажите пожалуйсто как исправить ошибки в верстке. document type does not allow element "H1" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag. …"><a href="http://lbmoney.info/"><h1 >Заработать в интернете.Создать сайт.SEO Например эту. Все ошибки можно посмотреть http://validator.w3.org/ по сайту lbmoney.info.
0 votes8 answers -
Как прижать футер книзу экрана?
Здравствуйте! Сразу оговорюсь, что прижимать просто так футер книзу я умею (хоть и считаю это совершенно ненужным...). Теперь к сабжу. Есть такой код (код не мой, просто подходит для примера): Код можно посмотреть на этой странице http://www.xs4all.nl/~peterned/examples/csslayout1.html Там макет из хедера, контента и футера. Причем контент растянут на 100% по высоте. Мне надо сделать так: 1. надо сделать хедер, допустим 100px по высоте 2. надо сделать футер, допустим 100px по высоте 3. самое интересное: надо сделать так чтобы между ними был контент, чтобы он был растянут на всю оставшуюся высоту экрана (как в примере по ссылке), но чтобы, если высота контента превышает вы…
0 votes8 answers -
Оптимальный макет в две колонки и прижатым подвалом
Подскажите пожалуйста самый оптимальный на ваш взгляд макет(фиксированный) в две колонки и прижатым к низу подвалом, который бы был валидным и кроусброузерным. Просто вариантов мало, а какой является лучщим и главное правильным с точки зрения написания кода я понять не могу. Заранее Спасибо
0 votes8 answers -
Как создать три div со скошенными углами и фото
2 й день мучаюсь не знаю как правильно подойти. В общем есть три фото. Их нужно разместить на сайте в ряд. Высота 800px, ширина 1200Px родителя. Но загвоздка в том что мне нужно их наскосок, как тут (background: linear-gradient( 135deg, #363430 35%, #FFF9ED 35%, #FFF9ED 65%, #000000 65%);) - только вместо цветов - фото. И при наведении на одно из фото - изменялся цвет+ можно поверх фото - текст написать, либо кнопку или ссылку. Надеюсь я ясно написал.
0 votes8 answers -
Что такое st1:metricconverter?
Нестандартный тег. И все же встречается. Откуда он возник?
0 votes8 answers -
Проблема с float
В первые столкнулся с тем что float убивает прозрачность вот в таком случае. <div style="background:#999999;"> <div style="float:left;">Лево</div> <div style="float:right;">право</div> </div> Заметьте в первом div стоит цвет фона. В след двух float и если убрать хоть с одного то появится фон первого, а вот в такой конструкции фон белый.
0 votes8 answers -
Смена цвета ссылки при наведении курсора
Помогите, пожалуйста: Если я все правильно понимаю, то вот такой код в CSS a.lang:link { color: #CDC8B1; text-decoration:underline; } a.lang:hover { color: #363636; text-decoration:none; } a.lang:visited { color: #CDC8B1; } должен для ссылки <a class="lang" href="../eng" title="English version">ENG</a> при наведении курсора менять цвет и убирать подчеркивание. Не понимаю, почему цвет не меняется (хотя должен), а подчеркивание убирается (как и нужно). Подскажите, пожалуйста, где я ошибся. Спасибо.
0 votes8 answers -
ИЕ и проценты
Почему, если в ИЕ задать размеры изображения в %, картинка искажается - смещаются пиксели?
0 votes8 answers -
Высота ячейки таблицы "плывёт" в зависимости от содержимого страницы и браузера
Здравствуйте! Посетить мою домашнюю страницу В Mozilla Firefox всё отображается нормально. В IE верхняя ячейка таблицы вёрстки отображается неправильно. На страницах projects.htm и index.htm верхняя ячейка таблицы (заголовок) имеет большую высоту (видимо, из-за малого объёма данных на странице). На странице dmxconv.htm - высота нормальная. Как сделать нормальную высоту ячейки таблицы? Почему такое происходит? Я ведь жёстко задал высоту ячейки 50px.
0 votes8 answers -
Вопрос по CSS.
Написал я одному селектору кучу параметров. И хочу другому тегу то же самое, но плюс пару свойств. Как передать все свойства одного селектора другому попроще?
0 votes8 answers -
Как сделать перенос ооооочень длинной строки
Как сделать перенос ооооочень длинной строки не имеющей пробелов к примеру такой яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя только еще в N раз длинее? может кто сталкивался с побным
0 votes8 answers -
PNG в два слоя и ie6
Есть полупрозрачный png фон у блока. Поверх него ложим ещё один такой-же. #right_menu {float:right; width:117px; background-image:url(images/light.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/light.png',sizingMethod='scale'); height:262px} #right_menu a {display:block; color:#FFFFFF; background-image:url(images/light.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/light.png',sizingMethod='scale')} Во всех браузерах работает, но в ie6 нет. Как это дело обойти? Даже если сделать в #right_menu a другой png (в два раза полупрозрачней), то он не отображается.
0 votes8 answers -
Изменение цвета ссылки при нажатие
Собственно задача вот в чем: есть ссылки в меню и при нажатие на ссылку она должна становится красной допустим, но если использовать: A:visited то после нажатия на эти ссылки они и остаются такого же цвета всегда, а мне нужно чтобы нажал допустим на пункт 1 он стал красный а остальные все черные, нажал пункт 2 он стал красным а остальные все черные, и красный он стал на все время пока выбран этот пункт...
0 votes8 answers -
проблема с ссылкой
При наведении курсора на ссылку в подсказке пишетца то что я прописал в title и адрес ссылки,как мне сделать штоб показовало только то что в title?
0 votes8 answers -
Проблема с версткой div'ов
Всем доброго времени суток. У меня возникла проблема при верстке сайта: Сайт построен следующим образом: Таблица с тремя колонками, боковые по 200 пикселей и центральная занимает оставшееся пространство. В каждую колонку включен div, в котором идент настройка всех отступов, шрифтов и тому подобного. В первой колонке находится меню, в центральной основной текст, ну а в третьей всякая дополнительная информация. Проблема заключается в следующем: в центральной колонке обычно находится много теста и мне нужно сделать так, чтобы боковые колонки по высоте подстраивались под нее, как в таблицах. А если она по высоте меньше боковых колонок, то чтобы она подстраивалась под них. К…
0 votes8 answers -
Таблицы и слои. Как прикрепить две картинки?
Никак не могу придумать, как сделаь подобную штуковину. Ширину для мониторов 1024*768 надо сохранить, т.е рабочее пространство 979. Но для больших мониторов оформление продолжается и картинка за рамками 979 с права и слева тоже продолжается. но если просто делать таблицу в 3 колонки: картинка 105px|содержание 979px (находится в таблице)|картинка 105px то страница не влазит в мониторы 1024*768, что вобщем-то и логично. Картинки плотно без пробелов прилегают к таблице, т.к в шапке тоже картинка. Так как сделать эти две картинки, чтобы они были как фон справа и слева, были видны только тем, у кого большие моники и не растягивали страницу? Надеюсь получилось объяснить. Обычн…
0 votes8 answers -
Высота таблицы
http://htmlbook.ru/html/table.htmlЧитаю: В том случае, когда в документе задан <!DOCTYPE>, браузеры высоту таблицы, заданную через параметр height, игнорируют. Как тогда задать высоту таблицы?
0 votes8 answers -
валидация вложенных списков
Помогите разобраться с валидатором! Определился с доктайпом: HTML 4.01 Transitional. Но ругается на менюшку: Менюшка не простая с раскатывающимся списком: <div id="menu"> <ul type="circle"> <li><a href="http://samizdam.spb.ru/" title="На главную!!">Главная.</a></li> <div class="autors"> <ul> <li onclick="tree('a',4)">Авторы: <ul> <li id="a1"><a href="/mira/">Мирра П</a></li> <li id="a2"><a href="/giena/">Весёлая Гиена</a></li> <li id="a3"><a href="/gnato/">Николай Гнатьо</a></li> <li id="a4"><a href="/volchona/"…
0 votes8 answers -
Верска дивами (основа)
Объясните пожалуйста популярно, как использовать дивы... А именно интересует позиционирование. Тоесть в чем разница вложенности дивов? Вот 2 примера... <div id="1"> <div id="a1"> <div id="a2"> <div id="a3"> </div> </div> </div> </div> <div id="a1">a1</div> <div id="a1">a2</div> <div id="a1">a3</div> Какая между примерами разница? Как правильно и для чего? И главное относительно чего позиционируются дивы? (относительно окна браузера, несмотря на уровни вложенности или относительно родительского окна, тоесть div относительно другого div-а в которое вложен?) И может есть у кого…
0 votes8 answers -
ЧаВО
Отступ у картинки Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Отступ у картинки</title> </head> <body> <div style="background: #ccc"><img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt=""></div> </body> </html> Решения: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Причина: Картинка выравнивается по базовой линии текста. Это "струна", на которую одеваются буквы. Хвостик буквы "р" опущен ниже буквы "о", а картинка равняется наравне с буквами о, и, а, и т.д. Кусочек фона под картинкой - место для б…
0 votes8 answers -
не клеится табличка
Прошу помочь. . Я занимаюсь этим недавно, собираю по тихой сайтик. Не могу понять в чём ошибка. Надеюсь по коду понятно желаемая таблица. Если нет - пишите, я вставлю фото. <tr> <td rowspan="2">1111</td> <td> </td> <td rowspan="2">6666</td> </tr> <tr> <td rowspan="2">4444 </td> </tr> <tr> <td rowspan="2">2222</td> <td rowspan="2">7777</td> </tr> <tr> <td rowspan="2">5555</td> </tr> <tr> <td rowspan="2">3333</td> <td rowspan="2">8888</td> </tr> <tr> <td> </td> </tr>
0 votes8 answers