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
-
смена backgrounda при наведении
Есть таблица, в ней надо сделать чтобы при наведенние на строку она меняла цвет, методом td:hover делаеться ячейка, а вот к tr такой метод не проходит(( Подскажите как можно реализовать это через стили?
0 votes6 answers -
как оформить атрибут placeholder и <input type="search" />?
Атрибут placeholder ставит текст в поле, пока в нём не содержится какой-либо введённый пользователем текст. Заказчик очень хочет, чтобы текст из placeholder был определённого цвета. Листая документацию, найти ничего подобного не могу. Может кто сталкивался? Знаете? Подскажите пожалуйста. А также как научить <input type="search" /> в сафари слушаться css? Есть ли более-менее прямые способы это сделать?
0 votes7 answers -
Прозрачность фона
Здравствуйте! Искал темы и в нете и на этом форуме, так и не решился ни на один из вариантов, либо решил - но не получалось. Раньше сталкивался с прозрачностью, но она была на верхних слоях, сейчас же мне нужно, что бы родительский элемент был полупрозрачным, а все элементы внутри - нормальные. Пытался играть со слоями свойством z-index, но безуспешно. <table id="headpanel"> <tr> <td id="headpanel_l">...</td> <td id="headpanel_r"> <div id="headpanel_reset"> <div id="search">поиск</div> <div id="time">часы</div> <div id="headinfo">название сайта</div> </div> </td> <…
0 votes15 answers -
и мне помешал doctype
Парни, делаю скругление уголоков дивами и рисунками <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <DIV style='BORDER 0px solid #FF0000; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; WIDTH: 550px; BACKGROUND-COLOR:#EEEEEE' > <IMG height=6 width=550 alt='' src='../image/r_corner_grey_up.jpg'> середина блока <IMG height=6 alt="" src="../image/r_corner_grey_bottom.jpg" width=550></DIV> на выхлопе получается фигня : сверху и снизу блока появляются узкие полосы цветы фона. Без доктейпа рисует все как надо как можно обойти засаду не меняя этого доктэйпа?
0 votes5 answers -
Навигационное меню созданое с помощью CSS
Как создать навигационное меню через CSS, ссылки должны быть не в виде текста, а в виде картинки, которая при наведении на нее мыши меняется на другую картинку. И потом, каким образом ее внедрить в html-код. Может мне кто-нибудь помочь???
0 votes12 answers -
Нужна помощь по вёрстке!
Госпада добрый день нужна ваша помощь. В общем есть страница html (код ниже ) <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>page</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0; border: 0; background: #000000 url(css/bg.jpg) repeat left top; height:100%; } --> </style> </head> <body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-4445535…
0 votes5 answers -
проблема с position:absolute в IE
Привет всем. Столкнулся с проблемой в IE Не могу понять как поправить Есть такой код <!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>HeLlO</title> <meta http-equiv="content-type" content="text/html; charset=cp-1251" /> </head> <body> <style> * {margin: 0;padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, c…
0 votes9 answers -
CSS, потомки второго уровня
Непонятна ситуация с указанием потомков элемента. Есть таблица (2 столбца, 5 рядов). В правой ячейке третьего ряда вложена такая же таблица. Для внешней таблицы задан стиль #table1 { border: 1px solid black; } Если указан только этот стиль для внешней таблицы, то он не наследуется внутренней таблицей. Задаю стиль для ячеек внешней таблицы: #table1 td { border: 1px solid black; height: 30px; width: 100px; } Стиль для ячеек внешней таблицы наследуется для ячеек внутренней таблицы, хотя на сайте http://htmlbook.ru/css/border написано, что свойство "border" не наследуется. В книге ("Изучаем HTML, XHTML и CSS", Эрик Фримен, Элизабет Фримен, с.466) написано, что для того, чтобы…
0 votes7 answers -
jsbin.com Есть пара вопросв
Недавно узнал про сервис jsbin.com . Посмотрел. Понравилось. Только вот не могу понять: в видеотуториале открывают какую-то консоль и с помощью команд настраивают внешний вид и добавляют свои библиотеки. Насколько я понял, у автора видеотуториалов Хром. А что за консоль? В фаерфоксе есть что-то похожее? В фаербуге не нашел как вводить команды. Можете подсказать? Вижу тут людей много пользуются этим сервисом, должен хоть кто-то знать.
0 votes15 answers -
Смещение Блока при наведении
Верстаю макет, имеется блок с border в 1px, при наведении он должен менять цвет и становится на 1px больше т.е 2px, все сделал, но при наведении он смещает на 1px другие блоки, как можно это исправить? .welcome-box{ float:left; width:28%; margin-left: 3.3%; text-align: center; border:solid 1px #cac8c5; padding:15px 8px; } .welcome-box:hover{ border:solid 2px #1dde85; } .welcome .welcome-box:first-child{ margin-left:0; }
0 votes7 answers -
Проблемы с выравниванием картинки справа вверху в Opera
Недавно решил сверстать шапку слоями, а не таблицами. В IE и Firefox страница выглядит нормально, а вот в Opera правая картинка залазит влево. Может быть кто-то сталкивался с подобной проблемой и подскажет как правильно сделать, чтобы во всех трех браузерах шапка выглядела одинаково хорошо.
0 votes8 answers -
Блоки налезают друг на друга
Собственно проблема в том, что DIV'ы лезут друг на друга. HTML: <!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" lang="en" xml:lang="en"> <head> <title>Alter Bridge Fan-Club</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <!--HEAD--> <div id="head"> <div id="hleft"> <table class="menu"> <tr> <td class="name">Навигация</td> </tr> <tr> <td> …
0 votes1 answer -
Подсчет знаков в тексте
Помогите написать код для того, чтобы можно было автоматически получить количество знаков в тексте, который вставляется в определенное окно. Если же это процесс трудоемкий и утомительный, то где можно найти учебный материал по этой теме
0 votes8 answers -
Вопросик от НубкО
Тякс, подскажите кто сможет! Табличная верстка, в случае если разрешение монитора 1024*768 и выше, то таблица должна принимать ширину = 1000px, в случае если разрешение меньше 1024*768 то таблица сужает одну из своих ячеек и принимает максимальную ширину, но так что бы не появлялась полоса прокрутки по горизонтали... ммм я думаю я понятно обьяснил =) спс за помощь!
0 votes12 answers -
Проблема с дивной версткой
Здравствуйте, помогите решить проблему: Есть два дива, слои лежат один на другом, в нижнем диве находиться динамический контент, картинки, текст, ссылки, который меняется, jq слайдер. Верхний див пустой, со свойством css border-radius, имитирует рамку округлую поверх нижнего дива. Проблема в том что нету доступа к нижнему диву в Safari, FF, Chrome..Текст не выделяется, ссылки некликабельны. У обоих дивов стоит значение position:relative, заданы размеры и z-index.. Пробовал рамку наложить поверх разными способами, и png картинку с рамкой поверх и таблицу с порезанной рамкой на куски поверх контета, не работает. Вот сам слайдер поверх которого я хочу наложить рамку: _http:…
0 votes9 answers -
margin рассчитывается не от родителя
margin - "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента." <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #parent { height: 30px; width: 160px; margin: 15px 0 0 0; background: #848484; } #child { margin: 45px 0 0 0; border: 1px solid #000000; } </style> </head> <html> <body> <div id="paren…
0 votes2 answers -
Как сделать рамку вокруг строки таблицы?
Столкнулся с такой проблемой -- хочу сделать чтобы строки в таблице имели рамки снизу и сверху но не между ячеек. т.е. что-то типа такого: _________________________________ 232312 имя фамилия _________________________________ 342423 имя фамилия _________________________________ казалось бы что прощее -- указать в стилях для Но почему-то это не приводит ни к чему. Цвет строки можно изменить, а вот рамку именно вокруг строки, а не каждой ячейки в строке, не удается.... Что я делаю не так?
0 votes4 answers -
Завернуть каждые 4-e li в div ?
Имеется ненумерованный список <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> Нужно завернуть по 4-е элемента списка li в div, вот как в таблице строка и в ней ячейки <table> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> </table> Так же как в таблице хочу разбить на строки каждые 4-е li пример ниже <ul> <div> <li&g…
0 votes3 answers -
Как так сделать?
Как сделать чтобы ссылка на файл была например не http://locahost/files/files.html, а просто http://locahost/files/?
0 votes11 answers -
Трехколонный макет ? колонки во всю длину экрана
Не знаю, обсуждался ли данный прием на этом сайте, однако мне ничего по этому поводу найти не удалось. Необхожимо сделать трехколонный шаблон для сайта, но при этом левая и правая колонки должны иметь длину* средней колонки, то есть доходить до самого низа страницы. Возможно ли это сделать средствами CSS (я думаю, что наверняка), может кто-то уже сталкивался с этим? Замечу, что в большинстве случаев рассматривается "резиновый" вариант исполнения длины колонок, в зависимости от количества контента. Заранее спасибо.
0 votes12 answers -
IE отказывается грузить большие фоны
У меня на сайте используется для фона гифка очень большого размера (высота 20 тысяч пикселей). Меньше никак нельзя - особенность дизайна. Но она очень сжата и весит всего 80 килобайт. IE отказывается такой фон показывать, и даже не грузит эту картинку по прямой ссылке на нее.. Что, есть какое то ограничение у него на эти случаи??
0 votes12 answers -
Вопрос о позиционировании для всех браузеров
Пару вопросов, может не все касаются css, но не хочу захламлять вс? темами: 1)почему в теге 2)как сделать в css, что бы во всех браузерах раболато, то, что я пишу в теге horizontal-align & vertical-align.. скорей всего? но вот только см. первый пункт. (
0 votes8 answers -
Именование классов согласно БЭМ
Доброго времени суток. Подскажите пожалуйста, соответствуют ли имена классов методологии БЭМ ? <div class="footer"> <div class="footer__row_1"> <div class="footer__row_1_column"> <h4 class="footer__row_1_column_title">Lacus interdum</h4> <ul class="footer__row_1_column_list"> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li c…
0 votes3 answers -
сокращение CSS
Где-то тут видел про такое, но не могу найти. Может кто подскажет где эта тема?
0 votes9 answers -
текст под изображением
Здравствуйте. В таблице есть строка, в ней три ячейки, в каждой ячейке находится картинка, а под каждую из картинок нужно разместить свой текст расположенный по центру картинки (по горизонтали). Подскажите пожалуйста как это сделать?
0 votes6 answers