HTML Coding

29,542 questions in this forum

1. ПРоблема с IE7 в позиционировании form и button в div

   Здравствуйте уважаемые участники форума. Есть проблема, никак не могу разобраться... Пытаюсь выровнять поля для ввода пароля и кнопки относительно друг друга... Пробовал и свойством margin и обычными top, left, с position:relative; Во всех браузерах более мение корректно, а в IE кнопки постоянно меняют положение... @charset "utf-8"; /********************************************************/ html, body { margin:0; padding:0; border:0; width:100%; height:100%; background:url(images/bg.png) repeat-x top; background-color:#ffffff; text-align:center; font-family: Helvetica, Verdana, Arial, sans-serif; } /********************************************************/ #cont…

   Asked by alex_boss, October 17, 2010

   0 votes
   6 answers
2. Растянуть таблицы на 100% высоты

   Доброго времени суток еще раз. Чтобы не наваливать все в кучу решил создать отдельную тему. Есть макетик, он тянется и все такое прочее. Суть вопроса в том, что в блоке с заданными (и реально отрабатываемыми) характеристиками высоты - 100% - не удаётся растянуть табличку на всю высоту блока. Валидацию прошел. DOCTYPE strict xhtml http://www.beavers-net.narod.ru/primers/search.html Табличка с закругленные уголки. Должна занимать всю оставшуюся белой область. Долбаюсь уже с ней недели две - все никак. #middle - .content —- > table.table_papok стили к ней http://www.beavers-net.narod.ru/primers/temp2.css Еще вопрос по таблицам - в ИЕ пропадает нижний бордер к строкам в …

   Asked by tt48, October 17, 2010

   0 votes
   11 answers
3. height=auto

   Есть картинки,которые по ширине подгоняются под размер,но высота бывает разная.Если не указывать высоту,в некоторых браузерах картинки сжимаются только по ширине.Я нашел,что height=auto эту ситуацию исправляет.Но IE не понимает auto и ставит height в один пиксель.

   Asked by user, October 18, 2010

   0 votes
   5 answers
4. Выравнивание слоев в ячейке

   Здравствуйте! Надеюсь, что разделом не ошиблась. Извините за чайниковский вопрос, но не получается выравнять слои - наверное что-то неправильно понимаю. Есть ячейка таблицы, в которую нужно поместить многослойную резиновую шапку (фон из body, все остальные картинки с прозрачным фоном) высотой 288px: Слой 1: .head2 – здесь лежит картинка 1024 Х 288, выравненная по левому краю , на ней сверху Н1 Слой 2: .head3 – это картинка «правого нижнего угла» - я ее сделала тоже высотой 288, но она приблизительно половину высоты занимает эти 2 слоя нормально легли и нормально «резинятся» друг относительно друга. Слой 3: .head4 - на слой 2 нужно наложить логотип, поместить его фоном не…

   Asked by Tata_N, October 18, 2010

   0 votes
   11 answers
5. Как отменить открытие файла при нажатии кнопки Сохранить?

   Добрый день! Прошу подсказать, как сделать, чтобы при нажатии на ссылку начиналось только скачивание. Сейчас вылезает диалоговое окно с предложением открыть или сохранить файл. *** Этот сайт для внутреннего пользования компании, находится он на внутреннем сервере, и любой желающий может сохранить свои изменения в файл.

   Asked by julie83, October 18, 2010

   0 votes
   1 answer
6. Рационально ли?

   Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: HTML: <div class="news-img"><img src="/img/post1.png" /><span></span><div class="date"> Oct 18, 2010</div></div> CSS: .news-img { position: relative; } .date { padding-right: 24px; background: url('../img/date-arrow.png') no-repeat right; position: absolute; top: 20%; } .date p { background: #2da8d2; padding: 5px 6px 6px 0; } .news-img > span { width: 14px; height: 55px; display: block; position: absolute; left: …

   Asked by MC WEST, October 18, 2010

   0 votes
   7 answers
7. Не работает a:active в IE8?

   Точнее не хочет работать так как во всех остальных браузерах. Ситуация вот какая. Значит у меня есть такого плана код: <a class="tovar" href="#"><img src="../images.jpg" alt="Люблю я ИЕ" /></a> Ситуация следующая. Моя картинка имеет размер 100х100 пикселей. Я присваиваю для тега "а" display:block; и задаю ему размеры width:100px; height:100px; В общем, имею внутри блока "а" картинку такого же размера. Ну и скажем хочу, чтобы при ситуации клика у меня вокруг блока "а" появился бордер. Пишу: a:active.tovar {border:1px solid #000;} И что я имею? Блин, все браузеры нормально работают, а новый мега-продвинутый ИЕ8 не работает. Причём, причина его отказа заклю…

   Asked by Belovsan, October 18, 2010

   0 votes
   13 answers
8. Объясните отличие

   Здравствуйте. Сильно не ругайте, но сколько не читал не могу понять отличия: .class a:hover a.class:hover

   Asked by magwar, October 18, 2010

   0 votes
   1 answer
9. проблема с занулением родительских свойств

   Сломал себе голову, прошу помощи у всезнающего all. есть стиль div.random_img { border: 5px solid #6B5C51; width: 84px; height: 80px; background-color:#fff !important; margin:0; padding:0; overflow:hidden; } и код <div class="iec" style='width:100px;' align='center'><div class="random_img"><a href="..."><img src="...." width="90" alt="Запонки Dalvey" border="0" /></a></div></div> на пустой странице все ок ( пример http://kvv77.jino.ru/share/test2.htm ) - рамка, картинка. но в контексте этот же див расползается, у картинки появляется отступ слева и даже размер другой! http://kvv77.jino.ru/share/test1.htm справа. ОТКУ…

   Asked by kvv77, October 18, 2010

   0 votes
   6 answers
10. Картинки-ссылки + надписи на картинках

    Здравствуйте все. Нужна ваша помощь. Есть такой код: <div id="navi"> <a href="#"><img src="images/head_navi01.jpg" title="about company"></a> <a href="#"><img src="images/head_navi02.jpg" title="our product"></a> <a href="#"><img src="images/head_navi03.jpg" title="our partnes"></a> <a href="#"><img src="images/head_navi04.jpg" title="our clients"></a> <a href="#"><img src="images/head_navi05.jpg" title="best company offers"></a> <a href="#"><img src="images/head_navi06.jpg" title="contact us"></a> </div> CSS: img { border: 0; f…

    Asked by Sober, October 18, 2010

    0 votes
    2 answers
11. Проблема с кодом

    Есть у меня проблема ,больше часа питаюсь решить <hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" /> <div style="margin-left:20px; white-space:nowrap; "><span id="navigator" >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link]</span> | <form action="http://skrypalej.net" name="go_on_page" method="get" > <input style="width:30px;height:18px;" type="text" name="cstart" class="perexod" /> <input type="submit" value="Go" style="width:30px" class="button_vote"/> </form> | <span id="navigator" ><a href="java script:window.scrollTo(0,0);">Вверх</a></span> <…

    Asked by Mr.Black, October 18, 2010

    0 votes
    14 answers
12. создание списка?

    Здравствуйте, подскажите каким образом лучше создать список- образец: точнее как сделать чтоб цифры шли ровно в столбик, не зависимо от длинны слова? Хотелось бы максимальной оптимизации кода.

    Asked by pattaya, October 18, 2010

    0 votes
    7 answers
13. Таблица со сложной подсветкой ячеек

    Есть таблица (16×41) значений функции Лапласа, надо, чтобы при наведении курсора на ячейку, подсвечивались её родительские ячейки, расположенные на первой сроке и первом столбце, либо вся строка и весь столбец до данной ячейки. Может быть кто-то знает, как это реализовать в HTML/CSS (желательно без скриптов)? Спасибо за внимание!

    Asked by NonCommalg, October 18, 2010

    0 votes
    2 answers
14. Хочу сделать свою галерею+вопрос про пунктиры.

    Здравствуйте. Делаю сейчас сайт для фотографа. Вот как он выглядит: http://sharepix.ru/request_original/s3q9ky...mage9340057.png . Буду безумно рад, если вы мне поможете. Во первых как убрать эту рамку при щелчке на мини картинку? Эта рамка только в фаерворксе есть. Ну рамка ладно, фиг с ней. Как мне сделать, чтобы при нажатии на двойные стрелки перелистывалось 5 миниизображейний, а при нажатии на 1, только 1. Готовые галерии я искал, они либо на флеше, либо на js, но они совсем другие, либо внешний вид я понятия не имею как у них переделать. Хочу сам такое написать на js. Скажите, есть ли что то готовое для моего случая? А то в гугле я для себя ничего найти не могу. И ес…

    Asked by prowoke, October 19, 2010

    0 votes
    6 answers
15. Задачка по верстке

    Есть такая задачка по верстке (просто кому интересно): -- 1-1 Есть див (фиксированной ширины, см. рис. id="main") высотой Y (высота динамическая зависит от содержимого) заполнен повторяющимся по вертикали background-image (высота изображения бэкграунда = X). Необходимо: - если Y кратно Х - (делится без остатка) то высоту id="main" оставить какая есть (т.е. Y) - если Y/X - дает остаток (т.е. будет смотреться так, что торчит не полностью кусок бэкграунда), необходимо чтобы этот "кусок" (остаток в px) имел другой фон. Задача: Найти и реализовать такое решение (можно использовать впринципе - все js, php, вставлять дивы если нужно, и даже <img/>) но: решение должно быть…

    Asked by Radik_45, October 19, 2010

    0 votes
    32 answers
16. свойство background в бразуерах не соответствует w3c?

    В стандарте http://www.w3.org/TR/CSS2/colors.html#propdef-background говорится, что фоновое изображение можно устанавливать таким образом: background:transparent url('images/1.gif') no-repeat fixed center; Но на практике значение "fixed" оказывается лишним. Только IE6 понимает свойство с этим словом. В остальных браузерах фон просто не отображается. Что с этим свойством не так?

    Asked by clavin, October 19, 2010

    0 votes
    16 answers
17. Относительные величины line-height

    Если задавать line-height в процентах или em, относительно чего эта величина будет считаться (относительна размера шрифта или размера line-height, определённого в родительском элементе)?

    Asked by clavin, October 19, 2010

    0 votes
    3 answers
18. проблема с картинками

    я создал html файл, загрузил в браузере Mozilla Firefox. Вставил в него картинку, а она не отображается на странице на моем компе, а на другом компе отображается. Файл и картинка находятся на рабочем столе в обоих случаях (на моем и другом компе). Кто что может посоветовать? В чем причина? Причем, если вставлять картинку с сайта (по ссилке), то она отображается.

    Asked by iGO25, October 19, 2010

    0 votes
    10 answers
19. минимальная ширина ячейки

    Вроде не нашёл такой темы.. Почему минимальная ширина ячейки - порядка 20 пкс? как задать меньшую величину?

    Asked by dudin, October 19, 2010

    0 votes
    3 answers
20. Ребята, подскажите пожалуйста.

    Здравствуйте уважаемые Люди. Подскажите, как сделать так что бы сайт не показывался абсолютно во всех версиях браузера IE? Что-бы вообще во всех IE он не показывался а выводился специальный текст. Как это возможно осуществить?

    Asked by ААА, October 20, 2010

    0 votes
    13 answers
21. помогите с горизонтальными списками-меню

    Доброе всем время суток! У меня непонятная проблема: Структура: <div class='wrapper'> <div class='head'> <!--Регион "Заголовок"--> <div class='user-login'></div> <div class='searchbox'>ПОИСК </div> <!--Конец "Заголовок"--> <div class='logo'> <b>logo</b> </div> <div class='site-title'> Система Коммуникации </div> <div class='top-menu'> <ul> <li>MENU1</li> <li>MENU2</li> <li>MENU3</li> <li>MENU4</li> </ul> </div> </div><!--end head-->…

    Asked by otmoroz095, October 20, 2010

    0 votes
    1 answer
22. Overflow-y в IE

    Здравствуйте. Помогите пожалуйста, юзеру. Есть сайт http://nnnymph.ru/ сделан он на jooomla. Проблема в следующем на сайте выпадающее горизонтальное меню, меню сделано в виде списка Li. В Mozilla Firefox все отлично, а в IE возникают большие зазоры от меню до полосы прокрутки. Что делать? Код из template.css .item11 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item8 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item27 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .art-nav li.…

    Asked by zolga7, October 20, 2010

    0 votes
    2 answers
23. Абсолютное и статическое позиционирование

    Доброе время суток. Есть абсолютно позиционированная менюшка на центрированном сайте. если окно браузера не развернуто, то, естественно, она накладывается на остальной контент. как этого избежать? Пример: <body> <div id='весь сайт'> весь контент </div> <div id='menu'>абсолютно позиционированно так, чтобы оно было слева от контента </div> </body> Абсолютное позиционированние нужно для СЕО. То есть контент должен быть выше менюшки. Помогите разобраться, пожалуйста! В поиске не нашел

    Asked by otmoroz095, October 20, 2010

    0 votes
    25 answers
24. Составные инпуты в FF: что откуда?

    В FF есть файл forms.css (под WinXP — в подпапке res папки установки), в котором написаны интересные вещи (спасибо мозилловскому форуму за наводку, а этому форуму — за наводку на мозилловский). В частности, упоминаются некие select > input[type="button"] input[type="file"] > input[type="text"] input[type="file"] > input[type="button"]а также их особые состояния, комбинации и т.п. Что это? Действительно ли для Мозиллы некоторые элементы форм являются составными и если да, можно ли стилизовать их по частям (я попробовал — "в лоб" не получилось, но, может, я что-то делал не так)? Или эти строчки — пережиток какой-то древней версии движка (версия навеяна комментом "…

    Asked by SelenIT, October 20, 2010

    0 votes
    6 answers
25. Наложение изображения поверх текста

    Пробовал наложить картинку на текст для плавного затемнения на краях блока, вот так: .sloi1 { overflow: hidden; z-index: 1; } .sloi2 { background: url(http://site.ru/fon.png) repeat-y; background-position: right; z-index: 2; } <div class="sloi2"> <div class="sloi1"> Текст </div> </div> Получается под текстом. Как её на текст наложить?

    Asked by maxs, October 20, 2010

    0 votes
    5 answers