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
-
отменить margin
К сайту подключен reset.css Для одного из элементов (например img) я хочу отменить margin, словно его и не было. Как это можно сделать? margin: none margin: auto Не работает
0 votes2 answers -
резиновость блочная верстка
доброго времени суток. 1. есть следующий код: <div style="width:17%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:16%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:16%; height:46px; float:right; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:right; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:right; background-color:#eee;">asd</div> в суме ширина всех дивов == 100% Во всех броузерах (ИЕ6/7, ФФ2) вс…
0 votes19 answers -
Как прибить футер?
Стандартные способы не подходят. Вот такая страника... <div id="container"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> Блоки находятся в контейнере. Если попробовать так: position: absolute; bottom: 0; То футер прижмется. Но возникает другая проблема (с высотой блоков): Хедер наверху, за ним по умолчанию идет блок с контентом, внизу прибит футер (который позиционирован абсолютно - внизу, относительно страницы). Так вот как теперь объяснить блоку content, что нужно растянутся от и до??? Указываю в стилях высоту в 100%, результата нет, реагирует только на px. Может стоит просто по по…
0 votes5 answers -
Заливка цветом части картинки, с указанием координат области заливки ?
Вопрос, как залить цветом, часть изображения (картинки *.png) ? Есть картинка, и нужен фильтр, которым можно было бы "залить" не всю картинку цветом, а только часть ее (с указаним координат области заливки).
0 votes8 answers -
Как сделать?
Как подсчитать общее количество файлов и папок в директории, и их общий размер? Заранее спасибо.
0 votes39 answers -
Удаление рамки вокруг изображения.
Добрый день, нужен совет шарящего человека в CSS3 (я думаю даже базовых знаний хватит). У меня вокруг изображения установлена рамка (обычный border). При наведении на изображение рамка должна пропадать, при этом изображение должно оставаться на месте. Я к классу приписывал hover, пытался указать там border:none, но при таком раскладе когда пропадает рамка изображение дергается, когда рамка пропадает (визуально, ведь рамка правда пропадает, тем самым я вижу что изображение сдвигается куда-то вниз, куда-то влево и т.п.) В общем, мне нужно чтобы при наведении на изображение рамка пропадала, но при этом изображение оставалось на месте. а не возвращалось на ту позицию, где бы …
0 votes3 answers -
Валидатор ругается на P
Вот есть такой кусочек из области контента: <p>Плавно-мобильное голосовое поле, согласно традиционным представлениям, потенциально. Кластерное вибрато иллюстрирует полиряд, не говоря уже о том, что рок-н-ролл мертв. Рефрен неустойчив. Канал, так или иначе, неизменяем. Действительно, звукоряд сложен.<img src="images/3.jpg" alt="" style="float: left; margin: 10px 10px 10px 10px;"><div style="clear: both;"></div></p> При валидации, валидатор пишет следующее: Когда я убираю тег </p>, т.е. закрывающий тег, то пишет следующее: Что такое? Что ему не нравится в закрывающем теге p?
0 votes5 answers -
Как правильно. Селекторы
Собственно например код <div id="pageHeader"> <p class='main'>111</p> </div> Вопрос как правильно по семантике и т.д запрос в ксс #pageHeader .main{} .main{} p.main{} Какой из 3 все 3 работают.
0 votes50 answers -
Разметка страницы для печати на принтере
Здравствуйте. Вопрос о полях принтера. Образец того что хочу достигруть разметкой html Взял пример кода из ваших примеров, как его сдвинуть поля, по примеру предосмотра в ексель? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>padding</title> <style type="text/css"> .layer { background: #fc3; /* Цвет фона */ border: 2px solid black; /* Параметры рамки */ padding: 20px; /* Поля вокруг текста */ } </style> </head> <body> <div class="layer"> Lorem ip…
0 votes6 answers -
Простая админ-панель для добавления новостей на сайт?
Простых знаний в javascript хватит, чтобы создать такую админку?Или что-то еще нужно знать дополнительно?
0 votes10 answers -
Борьба position:absolute и position:relative с z-index
Расскажите, по какому принципу определяется приоритет блоков, спозиционированных абсолютно и относительно? Т. е. всегда ли блок с position:absolute будет находиться над блоком с position:relative ? У меня сложилась такая ситуация в Mozilla и z-index не помогает ее исправить. Причем в IE 7 как ни странно отображается согласно моей задумке
0 votes14 answers -
TABLE выходит за DIV в FireFox
Приветствую! Проблема такая: В FireFox таблица с 100% шириной мнит себя королевой, и выходит за все рамки (справа). При увеличении масштаба (в FF), контент не растягивает а опять-таки тупо выходит справа. В идеале - должен быть всегда в центре, независимо от масштаба FF и содержать весь контент внутри. этот код в IE работает. Если делать чтобы работал в FF - точно та же проблема выходит в FF. И наоборот. Бьюсь уже 2 дня. :/ Заранее благодарен за помощь профессионалов. КОД: <html> <head> <title>WTF?</title> <style> body{ font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 62.5%; margin:0; padding:0; width:100%; height:100%;…
0 votes8 answers -
Отображать тэги с новой строки
Здравствуйте. Скрипт генерирут строку <input type=checkbox ..> t1 <input type=checkbox ..> t2 ... <input type=checkbox ..> tN Квадратики вместе с тектом отображаются в одну строку. Как с помощью css сделать так, что бы отображался квадратик и текст, а следующий квадратик с текстом отображался бы с новой строки? Зарание благодарен =)
0 votes12 answers -
Очистка поля input
Когда кликаешь в поле то Поиск там не исчезает, как это побороть? Чтобы при клике в поле, предварительная подпись исчезала? <input type="text" name="search5" value="Поиск"><input type="hidden" name="in" value="search5">
0 votes11 answers -
подсветка текущего пункта меню
Здравствуйте. Вопрос такой. Как на html сайте организовать подсветку текущего пункта меню? Не ручками прописывать, а что бы сам изменял цвет. Плюс ко всему не все пункты меню, а только пункты разделов. Заранее, спасибо за помощь. Очень надеюсь, что есть готовое решение, которое можно просто изменить под свой сайт.
0 votes11 answers -
Квадратный див с относительными размерами
Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <div id="wr"> <div id="circle1"> </div> </div> у внешнего DIVа я ставлю width и height относительные, а у внутреннего width:100%; height:100%; background-color: red; border-radius: 50%; Как же мне сделать так, чтобы высота внешнего и внутреннего дивов были одинаковые, то есть, чтобы круг не превращался в овал? Использовать канвас, изображения, джаваскрипт нельзя, только html+css.
0 votes21 answers -
Выравнивание div внутри td
Здравствуйте! Проблема в том, что не смотря на text-align: center у TD, div, который внутри, не хочет выравниваться по центру. В чем проблема? Вот кодик: <!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> <title>Man</title> <style> .fighter {width: 200px; border-collapse: collapse;} .fighter td {border: 1px solid #000; vertical-align: top;} .head {text-align: center;} .head div {width: 50px; height: 50px; border: 1px solid #777; text-align: center;} .left_hand {text-align: right;} .left_hand div {wi…
0 votes4 answers -
как сделать две таблицы одинаковой высоты
Есть таблца в которой располагаются еще две таблицы. Обе заполнены текстом, но так как количество текста не одинаково, таблицы имеют разный размер по вертикали. Высота правой таблицы равна высоте большой таблицы, а высота левой нет. ————————- | ——- ——-- | | |текст| |текст| | | |текст| |текст| | | |текст| |текст| | | |текст| ——- | | |текст| | | ——- | ————————- Как сделать по средствам HTML или на худой конец CSS, чтобы нижняя граница обоих таблиц упиралась в нижнюю границу большой таблицы? Вот так: ————————- | ——- ——-- | | |текст| |текст| | | |текст| |текст| | | |текст| |т…
0 votes5 answers -
Чем наполнить портфолио новичку?
Здравствуйте! Подскажите пожалуйста по вопросам портфолио. Ситуация такая: я новичок в верстке, реальные макеты для клиентов еще не верстал, верстал только те, которые скачал в интернете для того что-бы попрактиковаться (текст везде: Lorem Ipsum...), хочу начинать работать на фрилансе, возможно вскоре попробую устроится в офис. 1.Можно ли портфолио на фриланс-сайтах для начала заполнить сверстанными макетами, которые я нашел в интернете и сверстал что бы попрактиковаться или лучше вообще не заполнять портфолио если работ для реальных клиентов нет? 2.Могу ли я сверстав 10 таких скачанных макетов для портфолио идти устраиваться на работу в офис?
0 votes17 answers -
Как мне разместить тектс на?
Всем привет! Я сталкнулся с проблемой, я не могу разместить текст, на кортинке или на подготовленом для это элементе в формате GIF. он либо идет после элемента, либо вообще невидно, какой скрипт нужно писать? Жалко что скриншоты тут не предусмотрены , но скрипт вот такой я пишу Текст И еще как мне изменять цвет текста на кортинке?
0 votes26 answers -
Isocpeur или чертежный шрифт
Есть ли аналог в ксс этому шрифту, или только картинками можно вставлять или флешем ?
0 votes2 answers -
Переключение между стилями CSS одной кнопкой
Камрады, встала вот такая задачка передо мной, прошу совета или ссылки на примерное решение: На странице сайта ТЗ предусматривается некая кнопка, по нажатию на которую должна смениться таблица стилей без перезагрузки страницы (это НЕ многократно здесь обсужденная ранее "версия для печати" - в моем случае меняется все форматирование страницы). Соответственно есть две таблицы стилей - style1 и style2. Проблема в том, что одна и та же кнопка должна при каждом следующем нажатии переключать эти две таблицы туда-сюда. Я погуглил на эту тему - есть куча решений для случая с выбором стиля из списка (да я и сам так могу сделать), есть решения для включения/выключения CSS вообще, а…
0 votes2 answers -
Проблема с div-ами...
Есть некоторая задача: "Сделать два резиновых столбца. Первый — 20% по ширине, второй — 80%, между ними расстояние 20 пикселей, расстояния от краёв страницы слева и справа 10 пискелей. Без использования таблиц и javascript." Мой вопрос такой: Как сделать расстояние 20px. между колонками, если 20%+80%=100% т.е. вся доступная ширина, которая исключает еще какие-либо размеры вроде "20px".
0 votes48 answers -
Проблема с меню
В общем мне нужно чтобы меню в css разпологалось горизонтально, оно состоит из рисунков и разбито на классы. #menu_graf { width:100px; background:#0000FF;} #menu_graf a { text-decoration:none; } #menu_graf div { width:100px; height:30px; cursor:pointer; } #menu_graf a.knopka1 { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1 div { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1:hover { background: url("images/button_1_hover.gif") no-repeat; } #menu_graf a.knopka1:hover div { background: url("images/button_1_hover.gif") no-repeat; } А вот следующая кнопка разпологается сразу после предыдущего, как сделать чтобы было горизо…
0 votes34 answers -
Центрирование ul
Подскажите, возможно ли оно Отцентрировать список ul без указания этому списку ширины? ширина меняется Вообще работает text-align:center; и display:inline; Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li Вот так на пальцах
0 votes41 answers