HTML Coding

29,542 questions in this forum

1. Закругление углов у изображений при помощи CSS

   Здравствуйте. Задался вопросом. Есть изображение <img src="1.jpg">. Есть стиль для него: border:1px solid black; Попросту говоря, добавляется граница изображению. В CSS3 есть замечательное свойство border-radius. С его помощью я закруглил углы у границы, но острые углы изображения как бы "выпирают" из-за границы. Есть ли способ закруглить и углы самого изображения, не редактируя картинку? То есть средствами html и css. Вроде как углы закруглятся, если изображение установлено фоном (background), а для изображения тегом есть способ? Заранее спасибо.

   Asked by FRUTALITY, October 31, 2010

   0 votes
   3 answers
2. Проблемы с правильным отображением в браузере IE

   Сайт auts.ru отображается правильно в FF, Opera, IE8, а вот в IE7, IE6 - неправильно. И даже не могу понять в чем причина. Может кто-нибудь знает, почему? Заранее благодарю!

   Asked by alex2008, September 3, 2008

   0 votes
   5 answers
3. Высота таблицы

   http://htmlbook.ru/html/table.htmlЧитаю: В том случае, когда в документе задан <!DOCTYPE>, браузеры высоту таблицы, заданную через параметр height, игнорируют. Как тогда задать высоту таблицы?

   Asked by olgastaf, April 3, 2009

   0 votes
   8 answers
4. Ссылка с якорем

   Есть HTML страница на локальном диске, на ней есть якоря. Открываю, к примеру, с помощью IE8, в строке вижу "C:\file.htm". Переход к абзацам осуществляется путем добавления имени якоря (#test и т.д.) - можно ли из командной строки, ярлыка или еще как-нибудь открывать файл сразу на нужном абзаце ("C:\file.htm#test")?

   Asked by Online, July 14, 2009

   0 votes
   8 answers
5. Выравнивание текста в одной строке

   Требуется выровнять часть текста в одной строке по левому краю, часть по центру и часть по провому краю. Пробовал сделать список и с помощью first-child и last-child изменять text-align (см. пример) Но ie не понимает last-child. Есть ли другие способы? ul{ list-style-type: none; margin:0; padding:0; } ul li{ margin:0; padding:0; float: left; width: 33%; text-align: center; } ul li:first-child{ text-align: left; } ul li:last-child{ text-align: right; }

   Asked by bodnar, February 23, 2010

   0 votes
   4 answers
6. Многоуровневое выпадающее меню на CSS

   День добрый. Пытаюсь создать многоуровневое выпадающее меню. Пока, все устраивало. Но в IE 9 (другого нет, подскажите, где взять сборку версий без установки - буду благодарен), появились непонятные отступы. Почитал кучу статей, пробовал разные меню, но они не совсем подходят. Помогите, пожалуйста. Пример здесь Меню

   Asked by MIB, August 20, 2011

   0 votes
   1 answer
7. Очередной глюк ие6

   Добрый день. Столкнулся с интересным, но непонятным глюком в ие6. В статичной верстке, при ресайзе окна пропадает часть блоков http://nird.kotkompot.ru/layout/datafox_layout/ Если страницу обновить - то они появляются. Как я понял, пропадают те блоки, у которых position:relative и не указан overflow:hidden; Но скрывать переполнение я не могу, потому что, например в горизонтальном меню есть выпадающие списки. В чем здесь кроется проблема: в хезлойаут или в пересчете размеров блоков? как можно решить?

   Asked by Nird, April 14, 2010

   0 votes
   7 answers
8. *.chm

   У меня вопрос: с помощью какой программы можно создать *.chm файл!

   Asked by Elendor, March 11, 2008

   0 votes
   8 answers
9. Как фиксить затирание полей формы с селектами в IE6 при скроллинге?

   Собственно такая проблема мучила наверняка каждого. В IE6 при прокрутке, если на странице присутствует форма с селектами (<form/> <select/>).. селект затирается, тупо перестаёт быть видимым. Только ли с position:relative; в стилях это связано?

   Asked by BassEast, May 18, 2009

   0 votes
   3 answers
10. Список в несколько столбцов

    Здравствуйте. Помогите пожалуйста в следующем вопросе: мне нужно сделать список (<ul> <ol> или <dir>), который будет состоять из динамического количества элементов и разделяться на несколько (4 столбца). Как это можно реализовать? Сделать 4 отдельных списка я не могу сделать, так как содержимое их тоже будет динамическое (то бишь будет изменяться постоянно). Заранее благодарен за помощь.

    Asked by borinets, May 20, 2009

    0 votes
    8 answers
11. Не уходит файл через POST запрос

    Возникла неожиданная проблема вообще непонятно из-за чего. Возможно даже это не проблема HTML'a, точнее это точно не его проблема,но всетаки спрошу, вдруг кто сталкивался. Есть форма, multipart/form-data прописан, все вроде правильно, но пост массив не содержит информацию о передаваемом файле. Ячейки с именем logo (<input type=file name=logo>) просто нет. Уже все излазал, хтаксесы проверял...везде смотрел, вообще без понятия что за дела.

    Asked by paShaman, December 1, 2009

    0 votes
    13 answers
12. проблемы с padding в IE7

    Добрый день. подскажите, пожалуйста, как исправить маленькую проблему с отступом в подвале(меню) На сайте, на главной странице, меню прижато вплотную к полосе с копирайтом, но это только на главной странице и только в IE 7. Что можно сделать в этой ситуации?

    Asked by slo_nik, March 14, 2011

    0 votes
    7 answers
13. Прблема С Версткой Меню

    Здравствуйте уважаемы гуру,помогите с советом как сверстать вот такое меню http://clip2net.com/clip/m32940/1284365706-clip-155kb.png Чтоб растягивались плашки и в активном состоянии и при наведении.Спасибо за советы

    Asked by sertu, September 13, 2010

    0 votes
    18 answers
14. нужна критика

    Табличную верстку я знаю хорошо, а вот с блочной дела пока плохо обстоят, просьба, прокомментировать мой код. В хроме и ФФ ображается все правильно, но наверняка есть какие-то подводные камни о которых мне пока не известно... и еще вопрос как заставить работать с ним IE? <html> <head> <title>1234567890-09876543234567890-987654</title> <style type="text/css"> a { color:#FFF; text-decoration:underline } a:hover { color:#FFF; text-decoration:none } #menu { border-radius:10px; margin-left:40px; text-decoration:none; width:334px } #menutable { background:url(images/menu.png) #FB9338; font-family:verdana; font-size:12px; padding-left:20px; wid…

    Asked by belka0011, April 24, 2011

    0 votes
    12 answers
15. rowspan не проходит html 5 валидацию

    Фрагмент кода: <table class=flt_img> <tbody> <tr> <td> ТИП</td> <td colspan="6"> 560 GX</td> <td> Изображение</td> </tr> <tr> <td> Диаметр шланга, мм</td> <td> 82</td> <td> 63</td> <td> 70</td> <td> 70</td> <td> 75</td> <td> 75</td> <td rowspan="6"> <a href="/thsstfls/files/images/irrigator/560.jpg"> <img src="/thsstfls/files/images/irrigator/560s.jpg" alt="катушечный ирригатор" height=135 width=100> </a> </td> </tr> <tr> <td> Длина шл…

    Asked by Neokortex, September 15, 2011

    0 votes
    2 answers
16. Экранирование кавычек в sass

    Как это сделать? В лесс можно поставить тильду и кавычки .. А тут как быть? Вот так, в sass-е не работает .. Без скобок тоже не будет работать, т.к там есть двоеточие. $tablet-width: (min-width: 750px); .main-header { width: 100px; height: 100px; @media $tablet-width { } }

    Asked by Hasiev, September 2, 2017

    0 votes
    2 answers
17. Как так сверстать?

    Если кто видел помогите, http://www.artlebedev.ru/everything/nokia/n93/ Там смысл такой что грубо говоря длинная картинка горизонтальная, разбита на 4 раздела, в браузере естественно видно только 1, и если крутить колесом мыши плавно сверху появляется следующий раздел.

    Asked by Webdel, February 23, 2008

    0 votes
    5 answers
18. Все те же скругленные углы, но...

    Как делается css-обвязка я в курсе, начитался. Отлично, работает. А тут вдруг верстаю себе, верстаю, и вижу что НУЖНО сделать эти самые скругленные уголки с прозрачной частью, а не белой. Попробуйте, если все делать как в этой статье, но например верхний левый угол сделать прозрачным гифом - на месте прозрачности увидим соответствующую серый фон от левой\верхней стороны обвязки. Как быть? Наверняка есть адекватное валидное решение! Помогите пожалуйста)

    Asked by splean, January 13, 2009

    0 votes
    10 answers
19. visibility:hidden;

    Есть ли аналог этого свойства? Ато, как выяснила практика, он не работает в ие.

    Asked by Павел Билькис, April 23, 2009

    0 votes
    9 answers
20. position:fixed; - IE6

    Ребят, помогите побороть ИЕ6, задача простая, нужно что-бы слева сверху вниз были расположены 4 вкладки, они должны быть фиксированные и по 25% в высоту, тоесть каждая ровно четверть экрана, что-бы в экран они умещались чётко как нужно и при прокрутке всегда были зафиксированы, как и изначально. Проблема в том, что в ИЕ6 никак не хочет работать такая конструкция, поэтому прошу помощи, так как сам уже не знаю, что делать и есть вопросики: 1) Можно ли решить эту проблему в ИЕ6 без использования скрипта? (экспрешаны одобряются) 2) Можно ли как нибудь по другому обыграть это решение для всех браузеров, включая ИЕ6. Может быть есть другие решения этой задачи? Тут пример задачи…

    Asked by psywalker, September 13, 2009

    0 votes
    18 answers
21. Как сделать html таблицу с объединением ячеек?

    Доброго дня всем матерым верстальщикам. Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями. А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил. Каркас table tr td без объединения ячеек могу сделать, но нужно объединить. Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.

    Asked by Evsey, April 20, 2019

    • таблица
    • верстка
    • html
    • css
    0 votes
    3 answers
22. Помогите пожалуйста!

    Здравствуйте, помоги, пожалуйста. Имеется css файл: html{ height: 100%; } body{ margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFFFFF; height: 100%; } #wrapper { margin: 0 auto; width: 880px; } #header { width: 870px; height: 2px; margin: 0px; background: url("/images/top_line.jpg") no-repeat; } #leftcolumn { float:left; background: url("/images/gradient_left.jpg") repeat-y; margin:0; height:133px; width:35px; } #content { float:left; background:#0795bd; margin:0; height:133px; width:802px; display:inline; } #rightcolumn { background:url("/images/gradient_right.jpg") repeat-y; margin: 0; height:133px; width: 35px; float: l…

    Asked by lily_88, November 3, 2008

    0 votes
    2 answers
23. Условное форматирование для IE

    Подскажите плиз кто знает: насколько правильным с точки зрения валидности, и просто правильности кода является использование условного форматирования для IE6? Является ли использование условного форматирования нормальным для борьбы с багами IE6 и IE7, или из любой ситуации можно всётаки выкрутится без его использования?

    Asked by droncl, June 24, 2009

    0 votes
    6 answers
24. Сдвигание фона в FF и Opera

    Всем привет! Не пойму где загвоздка = сдвигается фон на 1 пиксель... В FF влево, в Opera - вправо! Но только с одним НО - если установить для дива "love" высоту... Если высота не установлена - все тип-топ... Вот код <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>" СДВИГАНИЕ ФОНА " в FF и Opera</title> <style type="text/css"> <!-- body {margin: 0px; background-color:#333333;} #page {background:url(http://styleroom.ru/news…

    Asked by styleroom, October 12, 2008

    0 votes
    7 answers
25. Непонятный зазод для hr в div

    Уважаемые форумчане помогите разобраться с проблемой Как убрать зазор между hr и верхней границей div помогите разобраться. Из следующего кода <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <style type="text/css"> * { margin: 0; padding: 0 } div {border:solid 1px red;} hr { border: 0; height: 1px; line-height:0; background-color: #b7b7b7; font-size:0;} </style> </head> <body> <div style="width: 360px; float: left;"> <h1>Test Header</h1> <div> <hr/> <h3&g…

    Asked by devmen, October 21, 2008

    0 votes
    4 answers