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
-
выравнивание формы по низу таблицы
Подскажите, как правильно расположить форму по нижнему краю таблицы. Между нижним краем таблицы и формой вс? равно остается пробел. ( <table border="1" width="100%" id="table1" height="162"> <tr> <td valign="bottom"> <form method="POST"> <input type="text" name="T1" size="36"><input type="submit" value="Отправить" name="B1"> </form> </td> </tr> </table>
0 votes3 answers -
С виду - ссылка, но суть - инпут кнопка
Здравствуйте всем! Кто подскажет как изобразить такой финт: В коде должна быть кнопка формы. <form> <input type="submit"> </form> Но ее не должно быть видно, а вместо нее визуально должна стоять текстовая (не img) ссылка. <a href="#">Удалить</a> При клике по этой ссылке должна срабатывать именно кнопка. Пробовал делать кнопку невидимой, ... пробовал накладывать поверх нее слой со ссылкой ... - не проходит.
0 votes5 answers -
Как указать высоту и ширину для тега <a> в FireFox2 и Opera9 ?
Как указать высоту и ширину для тега в FireFox2 и Opera9 ? В IE вс? отображается корректно. <a class="obj" href="http://localhost"> localhost </a> a.obj { height:40px; width:200px; background-color:#333333; }
0 votes11 answers -
тег <br> дает большой пробел
Всем привет. У меня проблема: есть список с пунктами 1,2,3.... естесственно каждый пункт с новой строки. При использовании тега <br> появляется большой пробел в тех пунктах, которые не входят по ширине блока, т.е. входят но на 2-3 строчки. как от этого пробела избавиться??? Спасибо!!!
0 votes5 answers -
Выравнивание элементов
Не получается разобраться, как работает свойство vertical-align. В таблицах работает, а для строчных элементов почему-то нет. Пытаюсь сделать вертикальное выравнивание, но текст не сдвигается <div style="height: 200px"><span style="vertical-align: middle">Текст</span></div> Как правильно устанавливать это свойство?
0 votes15 answers -
DIV: как избавиться от переноса?
При изменении размера окна div, у которых float:left, переносятся вниз под соседний слева. То есть: пользователь уменьшил чуть-чуть окошко, а у него меню и текст спрыгнули куда-то под логотип. Как этого избежать? Пример проблемы тут: http://stam-festival.ru
0 votes7 answers -
Не подлючается .css через <link>
НЕ могу подключить файл .css к другим разделам, только к главному, я вс? правильно пишу Я взял и просто скопировал идентично содержимое index.htm где .css отлично подключился и работает, но с с тем же файлом с другим названием не работает как такое может быть и почему?
0 votes10 answers -
Проблема с банерами
Народ помогите разобраться в чем проблема при размешение банера справа пропадает банер слева. сайт на Joomla 1,5
0 votes7 answers -
Как втулить два relative div-а в один родительский?
Итак, дано: <div id="content"> - position:relative; <div id="main"></div> - position:relative; margin-right:250px; <div id="sidebar"></div> - width:250px; position - ? </div> Есть родительский div - content. position:relative. В нем два других - main и sidebar. Main - слева. Sidebar (250px) - должен быть - справа. Main - position:relative, правый margin - 250px - по ширине sidebar-а. Если прописываю sidebar-у float:right - он остается справа, но уезжает вниз. Если делаю sidebar тоже relative, то он уезжает вообще под main, даже если ставлю top:0; right:0; И только если sidebar position:absolute - всё норм. Но тогда он кладет на прави…
0 votes8 answers -
Проблема с выпадающим меню на css
Сделал выпадающую менюшку на чистом css, да вот не задача: работает всё это как-то кривовато, можно посмотреть тут http://cloverdesign.ru/wordpress/ (чёрная стрелочка рядом с синей штуковиной). Спокойно можно поднести мышку и нажать на стрелочку, если использовать :active вместо :hover, но тогда выпадающая менюшка видна только во время клика. Подскажите, пожалуйста, как можно сделать так, чтобы и поднести можно было курсор спокойно и, чтобы менюшка всегда после клика отображалась пока ещё куда-нибудь не тыкну?
0 votes14 answers -
Слайдер с миниатюрами вместо стрелок
Здравствуйте. Ребята, нужна ваша помощь. Согласно дизайна в слайдере вместо стрелок "prev" и "next" должны отображаться миниатюры предыдущего и следующего слайда. Подскажите, пожалуйста, в какую сторону смотреть или хотя бы как правильно загуглить. У меня идей нет вообще.
0 votes6 answers -
Проблема с меню
Меню сделано на основе картинок, все браузеры кроме IE6 реагирует нормально на вариант вертикального меню этим способом При наведение на меню оно начинает убегать вверх из-за #second .s-menu a:hover { background-position: right 0 !important; } без него все нормально, но не работает как надо css #second .s-menu { background:#9f1e26; padding:30px 0 20px 30px; } #second .s-menu a { display:block; margin:0 0 18px 0; } #second .s-menu a#s_7 { background:url(/i/s_m_rest.gif) no-repeat; width:116px; margin-bottom:18px; height: 11px; } #second .s-menu a#s_804 { width:31px; margin:0 0 10px 0; background:url(/i/s_van.gif) no-repeat; height: 9px; } #second .s-menu a#s…
0 votes8 answers -
Перенос на новую строку, аналог <li>
Подскажите пожалуйста, как реализовать следующее: [дата] [текст], но текст может быть длинным и когда происходит перенос, на новой строке текст начинается не с начала, а с отступа, равным длине [дата], т.е. аналог [*], только вместо буллита дата. Спасибо [upd] Даже не аналог [*], а аналог , только без переноса.
0 votes5 answers -
Размер картинки по размеру ячейки
Подскажите пожалуйста, как подогнать размер картинки по размеру ячейки в таблице, что бы она не дублировалась, а строго сохраняла пропорции????
0 votes1 answer -
Css меню
Здравствуйте, никак не получается выровнять список по центру страницы, только начала учится css Вот код <style type="text/css"> ul.menu { width:auto; position:relative; display:block; height:33px; font-size: 95% center; background:url(bg.png) repeat-x top center; font-family: Arial,sans-serif; border:5px solid #464451; margin:0; padding:0; } ul.menu li { display:block; float:left; margin:0; padding:0; } ul.menu li a { float:left; color:#A79787; text-decoration:none; height:24px; padding:9px 15px 0; font-weight:100%; } ul.menu li a:hover,.current { color:#fff; background:url(bg.png) repeat-x top left; text-decoration:none; } ul.menu .current a { color:#fff…
0 votes5 answers -
Рамка для DIV
Существует такая структура <div> <h1></h1> <div></div> </div> возможно ли сделать рамку из картинок в родительском DIV, т.е. только стилями, элементов больше нет?
0 votes14 answers -
Как создать таблицу СВЯЗАННЫХ стилей?
Как создать таблицу СВЯЗАННЫХ стилей?:|
0 votes14 answers -
Проблема С Цветом Текста
Здравствуйте. Подскажите, почему цвет текста не меняется на указанный в стилях,а остается я предполагаю по умолчанию(черным), firebug не показывает вообще ни какого цвета . Это мой код: .container2 { position:relative; text-align:left; width:944px; z-index:10; сolor:#104e8b;} , а это код firebug container2 { position:relative; text-align:left; width:944px; z-index:10; } div.htm (строка 78) Унаследовано отdiv.container .container { font:14px Calibri,Arial,sans-serif; text-align:left; }
0 votes19 answers -
Эффект перекатывания картинки
Помогите пожалуйста правильно изменить код CSS. Имеется вот такой код <style type="text/css"> .hoverbox { cursor: default; list-style: none; } .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; } .hoverbox img { background: #fff; color: inherit; vertical-align: top; width: 100px; height: 75px; margin: 2px; padding: 2px; border-color: #ccc; border-style: solid; border-width: 2px; } .hoverbox li { color: inherit; display: inline; float: left; position: relative; } .hoverbox .preview { border-color: #000; width: 20…
0 votes8 answers -
Шаблон HTML для всех страниц сайта
Предположим у меня есть главная страница с макетом сайта. Там есть объекты которые должны быть на каждой странице. (ну шапка, футер, особые блоки.) Как можно не копируя автоматически их вставлять? Желательно объясните подробнее, пожалуйста
0 votes12 answers -
Вопрос от начинающего по CSS и HTML
CSS не хочет добавлять просто заливку фона в один цвет ( для проверки подключения), НО цвет текста меняет. В интернете пытался найти проблему, писал в css по разному команды и ничего не выходит. Заранее спасибо
0 votes3 answers -
проблема с фоном
Как сделать плавно переходящий фон из одного цвета к другому. здесь не прокатит. Нужно чтобы шон растягивался на всю высоту страницы. С помощью Javascript тоже сомневаюсь,т.к. это будет скорее слой на фон всей страницы, а мне нужна только та часть, которая находится вне страницы,т.е. при высоком разрешении экрана! Заранее благодарен!
0 votes7 answers -
двухэтажная картинка
Часто встречаю картинки состоящие как бы из 2 объединенных, применяются они вместо варианта смены картинки при наведении мышкой, чтобы не было тормозов при подгрузке. Эта картинка загружается сразу. Вот пример Как её применить? В классе прописано что-то вроде background:transparent url(/111.gif) no-repeat scroll center top; и размер в высоту в 2 раза меньше, но не работает.
0 votes10 answers -
Растягивание равномерно <a> по всей ширине
Здравствуйте уважаемые форумчане! Сейчас пробую освоить одну CMS, и для изменения стиля навигационного меню, можно редактировать только CSS. Вывод html (фиксирован): <td id="menu"><table width="100%" cellspacing="1" cellpadding="0" border="0"> <tr><td nowrap="nowrap"> <a id="active_menu" class="mainlevel" href="1">ссылка</a> <a class="mainlevel" href="2">ссылка2</a> <a class="mainlevel" href="3">ссылка3</a> </td></tr> </table> </td> нужно, что бы три ссылки растянулись по всему <td id="menu"> равномерно. текущий css (на что меня хватило): #menu table{ height: 30px; width: 1000px…
0 votes12 answers -
Много псевдоэлементов в одном селекторе
Как применить к этому селектору .q1 li:first-child .q2 li:hover Ещё один псевдоэлемент :not(.q77 li)? Если писать .q1 li:first-child .q2 li:hover:not(.q77 li) То этот селектор вообще перестаёт работать
0 votes21 answers