HTML Coding

29542 questions in this forum

1. INPUT - определение стилей для file

   Люди, подскажите пожалуйста, можно ли для поля отдельно задавать стили для поля ввода и кнопки? Вс? что мне удалось сделать, это задать бордеры, а IE6/IE7 ещ? среагировали на задание ширины (width), но все стили работают для кнопки и поля вместе. Или может кто натыкался на JS-реализацию этого элемента, в которой полю ввода и кнопке можно отдельно прописывать стили... Буду очень благодарен за помощь.

   Asked by GAD, May 28, 2007

   0 votes
   3 answers
2. Помогите!не могу убрать границы таблицы

   Привет всем!! Вот решила немного подучится html и css. Наткнулась на такую проблему: нужно сформировать некоторый вид части html документа с помощью таблицы. В css по этому поводу - написано следующее: table { border:0px; background-color:#ffffff; align: center; text-align: justify;} table td { vertical-align : bottom;} #trwhite { background-color: #ffffff;} #trgray { background-color: #e6e7e8;} #tdwhite { background-color: #ffffff;} #tdgray { background-color: #e6e7e8;} в html вот это: <table align="center" width="100%" > <tr> <td id="tdgray" rowspan=2 ></td> <td id="tdgray" rowspan=2 width="164"> </td> <td i…

   Asked by asido, October 30, 2009

   0 votes
   14 answers
3. вопрос по overflow - hidden

   Добрый вечер есть 2 похожие проблемы связаные с overflow - hidden Моя ссылка на работу 1 Это меню в шапке. Так как сайт делается на цмс то нужно скрывать пункты которые не влазиют по ширине, обычно я это делаю это с помощью overflow - hidden для родительского элемента (на моем примере это ul с class="b-menu")но если я поставлю списку overflow - hidden , то у меня скроется и саб меню которое появляется при наведении на пункт меню например "Оптовикам" или "Компаниям" 2 В самом низу есть блок Планируем поступления в котором пока токо один товар(но естествено их будет больше), внутри блока товара есть ссылка "сообщить о поступлении" по нажатию на которую возникает не большая …

   Asked by chiffenok, December 2, 2012

   0 votes
   29 answers
4. PS - не работате crop на определенном psd

   На других макетах все ок. А на этом - настройки кропа заблокированы.... И не работает кроп. Хотел выделить и вырезать изображение. Не получаеццо. Вместо того чтобы вырезать изображение, оно перемещается, при активированном инструменте "crop" Может этот psd защищен от копирования и тп. В чем может быть проблема?

   Asked by torsar, August 24, 2022

   0 votes
   8 answers
5. Вертикальное выравнивание

   Никак не могу выровнять текст по вертикале. .menu { width: 100px; height: 24px; background-image: url(images/menu.jpg); float: left; color: #ffffff; text-align: center; font-weight: bolder; } vertical-align не работает

   Asked by klik2, July 25, 2008

   0 votes
   7 answers
6. Как в CSS2 задать что-то типа переменных (идентификаторов)?

   Никак не могу понять как это делается (и делается ли вообще). Т.е. например, можно ли задать переменную color01 = "#e00", а затем при описаниия стиля использовать идентификатор color01 вместо цвета? Или как можно сделать (может через наследование) что-то вроде этого: .t1 { background-color: #e00; border: 1px solid #fff} а затем каким-то образом "подключить" уже описанный ранее стиль, чтобы вместо кода: .t2 { background-color: #e00; border: 1px solid #fff; width = 20%} написать что-то вроде: .t2 {style="t1"; width=20% } Читал спецификацию по CSS2, так и не понял принципов наследования. Помогите кто-нибудь или дайте хотя бы ссылку на нормальную книжку про CSS!

   Asked by retk213, October 22, 2008

   0 votes
   13 answers
7. Установка фона для меню в трёхколоночной вёрстке

   В связи с переводом сайта с табличной на дивную вёрстку возник вопрос: как можно задать фон для боковых колонок меню в трёхколоночной вёрстке так, чтобы при увеличении контента страницы и растягивании её по высоте фон также растягивался. Сейчас он заканчивается там, где идёт последний пункт меню, и дальше - ни в какую Помогите кто советом, что делать... Исходник в табличной вёрстке: http://www.ecoby.info/ Страничка в дивной вёрстке (та, которую нужно доработать): http://www.ecoby.info/main.html P.S. Ещё один вопросик мелкий - не могу почему-то перенести слой с заголовком сайта вниз (чтобы грузился последним), сбивается вся вёрстка, что это может быть?

   Asked by Ратмир, October 28, 2008

   0 votes
   11 answers
8. Закругление углов посредством CSS + hover: как?

   Изучив тему, я задался вопросом - можно ли сделать изменяющийся фон у блока с закругленными углами при наведении на него мыши, без использования картинок. Допустим имеем сайт, вверху пункты меню с закругленными верхними левым и правым углами. Наводим мышь на любой из пунктов меню, он меняет цвет. Блоки с пунктами меню резиновые, то есть их ширина может изменяться. Также каждый блок/п.меню является ссылкой. Наводим мышь на любой блок/п.меню и цвет фона его меняется, включая и уголки. То есть вопрос в том, чтобы эмулировать стилевой атрибут border-radius (-moz-border-radius) для поддержки браузеров ИЕ7+, Опера 9.5+. Решаема ли задача только средствами исключительно CSS, без…

   Asked by Captain Fizz, February 24, 2010

   0 votes
   5 answers
9. Как привязать объект к определённому месту

   Всем доброго дня. Я не слишком сведущ в вопросах вёрстки хотя и имею общее прдеставление - основы HTML CSS(знаю некоторые свойства). Столкнулся с такой проблемой. На странице есть меню на JQuery которое раскрывается и показывает подпункты когда нажимаешь на один из пунктов. Нижестоящие дивы сдвигаются что не очень красиво. Я знаю что можно сделать при помощи position:absolute но мне кажется это не лучшим методом. Подскажите пожалуйста есть ли какой-нибудь другой способ, если есть то какой?

   Asked by vamfirius, February 25, 2011

   0 votes
   6 answers
10. Растяжка div с заданным float по высоте родительского div'а

    Долго мучаюсь, но что-то не выходит. Случай вроде бы распространенный, но найти решение в интернете так и не смог. Структура довольно простая. <div class="main"> <div class="mainleft"> меню </div> <div class="mainright"> содержание </div> </div> вот их стили .main { width: 90%; background-color: #FFFFFF; } .mainleft { width: 200px; background-color: #FF0000; float: left; height: 100%; } .mainright { background-color: #FFFF00; margin-left: 210px; height: 100%; } Задача: при растягивании одного из дивов (к примеру правого), левый должен стать такой же высоты и наоборот. У меня же получается так: правый див растягивается, раст…

    Asked by PCSpeaker, March 23, 2009

    0 votes
    2 answers
11. Книга по HTML5 CSS3в полном объёме.И прочее

    Я решил начать учится создавать сайты! 1.Сайты хочу создавать правильно,красиво и что бы функциональные были! Так как книг в общедоступной сети много, прошу помочь с выбором хороших!Где всё рассказывается о HTML5 - не только что-бы о новых тегах и прочему а обо всём HTML языку в целом и новых фишках в новом стандарте, желательно без лишней воды(как говорится что бы сразу к делу)!Аналогично и с CSS3. 2.На компьютере уже имеются программы notepad++ последней версии,так же вся продукция Adobe CS5, ENG и RUS версий. Ну Mozilla и Opera конечно как же без них. Wind-а 7-ая если что... Даже не знаю что ещё и добавить? Хочу изучать всё по одному пособию, так как различия авторов …

    Asked by Andre10Menkov, August 30, 2011

    0 votes
    18 answers
12. Будущее html-верстальщика

    Вот взять среднестатистического программиста. Какая у него может быть карьерная лестница? Junior, Intermediate, Senior, Team Leader, Head... Не знаю, архитектор там какой-нибудь, не знаю как точно он вписывается в эту иерархию. А какое возможно будущее у верстальщика, кроме как "супердуперверстальщик"? Вот сеньоры в Москве получают 100k, это если смотреть по вакансиям, где размер оклада открыт. Но сеньору есть куда расти. Верстальщик может в Москве получать 90k-100k. Но правда ли, что это потолок? Есть ли куда развиваться дальше?

    Asked by sifilis, July 15, 2012

    0 votes
    20 answers
13. Есть ли аналогичная ф-я, кот. адекватно работает в Explorer 6

    ф-я max-width, min-width.

    Asked by NIKKK, October 22, 2007

    0 votes
    16 answers
14. Вопрос по кодировке

    При отправке сообщения с формы бланка заказа на сайте, приходит информация в непонятной кодировке((. Т.е. латиница с цифрами отражается верно, а кирилица - нет. Уважаемые специалисты! Посмотрите, плиз, где ошибка: http://www.stalgarant.ru/index.php?id=order&subid=mail

    Asked by NAS 750, May 28, 2008

    0 votes
    15 answers
15. Неполная обводка ячейки

    В html я полный чайник. Возник такой вопрос: как сделать "неполную" обводку ячейки в таблице. Мне нужно чтобы "основа" ячейки №2 была без линии, а то получается что линия с таблицы №1 и линия с ячейки №2 склеились и как бы 2 пикселя.

    Asked by edwinkkc, September 30, 2010

    0 votes
    12 answers
16. Блочная верстка в 3 колонки с опциями.

    Приветствую всех. Я только пару месяцев занимаюсь версткой (по специальности я программист), и перед мною встала проблема следующего формата. Мне необходимо сверстать страничку в 3 колонки, верстка блочная (через div'ы), 33% - 34% - 33%. Вроде бы задача не сложная, в сети таких примеров ? до кучи. Однако, есть дополнительная опция ? средний div (назовем его "middle") и его контент должен распологаться по тексту первым, тот, что слева ("left") ? вторым, ну и последний, "right", соответственно, последним. Т.е.: <div id="middle"> </div> <div id="left"> </div> <div id="right"> </div> Я пытался сделать двумя способами: 1. Абсо…

    Asked by my-name-is-Max, April 29, 2008

    0 votes
    10 answers
17. Автоматическое заполнение diva блоками, следующими слева на право

    Доброго времени суток Уважаемые Гуру верстки! Столкнулся с необходимостью автоматически заполнить блок контентом в несколько столбцов. Как здесь: Каждый блок контента принадлежит к одному классу, у каждого фиксированная ширина, а высота разная. Применив float-left блоки заполняют пространство слева направо, но получается разрыв по высоте: Как решить данную проблему? Вот код для примера: <!-- #oblogka { background-color: #C9F; height: 300px; width: 200px; position: relative; } .content { background-color: #CCC; float: left; height: auto; width: 90px; border: 1px solid #00C; } --> </style> </head> <body> <div id="oblogka"> <…

    Asked by tragbang, October 16, 2011

    0 votes
    6 answers
18. Не работает свойство border-collapse: collapse;

    Добрый день,Судари и Сударыни!Подскажите пожалуйста новичку,почему в моем примере не работает свойство border-collapse: collapse; Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х. http://cssdesk.com/xf5uE Если же я не прав с этим свойством - подскажите как можно по другому решить эту задачу? P.s.Вы бы стали помещать 3 инпута в div?Или и так все в порядке? Заранее спасибо! P.p.s. Подскажите почему у меня на пк и на cssdesk при одинаковом коде результат отображается по разному? 1.Картинка с пк 2.Картинка с cssdesk Отступы разные! Браузер хром последней версии.

    Asked by Temik2704, October 25, 2013

    • Новичок
    0 votes
    4 answers
19. куда вставить e-mail в форму php

    Народ, всем привет! Помогите, есть форма для отправки сообщения с сайта, а я в пхп не ахти, форму нашел, а куда свой е-мейл вставить не могу понять. И аналоги смотрел, не помогает. Туппю Вот: <?php$owner_email = $_POST["owner_email"];$headers = 'From:' . $_POST[""];$subject = 'A message from your site visitor ' . $_POST["name"];$messageBody = "";if($_POST['name']!='nope'){$messageBody .= '<p>Visitor: ' . $_POST["name"] . '</p>' . "\n";$messageBody .= '<br>' . "\n";}if($_POST['email']!='nope'){$messageBody .= '<p>Email Address: ' . $_POST['email'] . '</p>' . "\n";$messageBody .= '<br>' . "\n";}else{$headers = '';}if($_POST['state']!=…

    Asked by Vic-Tor, January 25, 2014

    • php
    • e-mail форма для е-мейла
    0 votes
    24 answers
20. Как вынести тег target для img в таблицу css в версии XHTML

    Как вынести тег target для img в таблицу css в версии XHTML. Или есть другие варианты. Картинок много на всех страницах сайта.

    Asked by hardtur, January 22, 2008

    0 votes
    13 answers
21. Выпадающий список прикрутить скролл

    Приветствую Всех! Добрые люди подсказали готовое решение (http://designformasters.info/posts/select-replacement/ ) по реализации своего select. Решение отличное, но вот не получается в него нормально скролл прикрутить, не много видоизменил http://otverblyuda.ru/test/menu/index.html. Подскажите как реализовать скролл правильно.

    Asked by Feduch, February 26, 2010

    0 votes
    6 answers
22. Наложени при position: absolute

    Добрый день. Подскажите пожалуйста со следующим моментом: нужно, что бы надпись была чуть выше картинки . Картинка в одном <div>, Текст во втором. Я для div'а с текстом задаю position: absolute; left:60%; top: -20px;В полноэкранном режиме все нормально, но если начинаю ресайзить текст наплывает на картинку Как можно это побороть?

    Asked by jdk, December 1, 2014

    • css
    0 votes
    8 answers
23. Клик меню на :target

    Есть меню с одним уровнем вложения - http://trifler.ru/blog/i/menus/click/target.htm Вывод вложений осуществлен при помощи псевдокласса :target Каким образом решить проблему в IE6(7,8)? Как понимаю нужен Java Script. Использование jQuery и других, не предлагать. Простой скрипт для эмуляции :target только для IE6(7,8)

    Asked by gordi, October 23, 2011

    0 votes
    25 answers
24. Нужен совет ЗнАтОкОв

    Обращаюсь к знатокам своего дела . коих тут очень даже немало ... Вобщем просьба вам такого типа, есть макет , подскажите как лучше будет его верстать... вот ссылка на макет ... http://privetgleb.narod.ru/test.jpg подскажите как будет лучше сделать ... я неопытным взглядом вижу что нуно делать шапку , подвал , и 3 колонки ... По окончании в?рстаки выложу то что получилось для других :-)

    Asked by mOnYa, December 21, 2007

    0 votes
    13 answers
25. line-height в inline и inline-block

    Почему line-height на высоту inline элемента не влияет, а на inline-block влияет ? Например изначально, при дефолтном размере шрифта в 16px, высота строки в хроме показывает 18.18px. И если применим line-height: 1; - то высота не изменится. А если мы превратим строчный элемент в inline-block, тогда высота уменьшается до 15.45px - и тогда высота строки равняется почти размеру шрифта. Хотя line-height: 1 это множитель шрифта, по идеи в моем понимание высота должна равняться 16px, а не 15.45. Эти значения получены у не стандартного шрифта... Но это сути не меняет. Небольшая заготовка - https://codepen.io/anon/pen/Qxpgoe. Правда там у строчного элемента и…

    Asked by SnowSilver, June 11, 2018

    • line-height
    • inline-block
    • inline
    0 votes
    2 answers