HTML Coding

29,542 questions in this forum

1. Блочная ссылка, вылезающая за границы предка

   Имеется ряд ссылок с display:block, выступающих за границы родительского элемента с display: inline-block (живой пример — главное меню на www.zgames.com). В IE7-8, FF и Вебкитах это работает как ожидается, но в актуальных Операх (как минимум начиная с 10.61, включая альфу 11) и IE9 beta в режиме IE9 наблюдается странная вещь: нижние выступающие части ссылок почему-то некликабельны, а в Операх вдобавок текст этих выступающих частей исчезает при скроллинге и появляется заново только после наведения. Неужели так и должно быть по стандарту? Буду крайне благодарен за подсказку, какому месту стандарта противоречит такая конструкция. Задача, для которой понадобился такой изврат …

   Asked by SelenIT, November 24, 2010

   0 votes
   5 answers
2. Подскажите, как выровнять картинки по вертикали в списке li?

   Необходимо картинки разных размеров в теге li, выровнять по высоте, чтобы было красиво Но ничего не получается. Был уверен, что всё должно быть просто). Уже запарился, неужели в li не работает vertical-align: middle; ? Проблему можно увидеть на сайте, например, в описании товара: http://www.foto-cam.ru/catalog/videokamery...110e-black.html на странице описания товара есть куча превьюшек разных размеров, но все они не более, чем 100 на 100. Я в li задал, чтобы этот элемент был размером 100 на 100, с рамкой. Вроде смотрится отлично), но один косяк мне не нравится. Не могу выровнять в этих li сами фотки по вертикали, думаю, так вообще смотрелось бы чтонадо. Если нетрудно, м…

   Asked by VashMaster, November 24, 2010

   0 votes
   4 answers
3. Градиент и Img

   Есть два вопроса 1. Как зделать градиент в блоке ? Как нужно - http://img100.imageshack.us/img100/1907/43514349.png 2. Как зделать чтоб в некотрих браузерах картинку в теге Img нельзя было виделить так как background???

   Asked by Mr.Black, November 24, 2010

   0 votes
   11 answers
4. Кнопка

   Не могу сообразить, как сделать вот такую кнопку Нужно, чтобы она растягивалась, когда текста больше. я ее разрезала пополам, так как там градиент сплошной и вырезала полоску пиксельной ширины посередине. Код такой <div id="top"></div><div id="middle">Недвижимость Доминикана</div><div id="bottom"></div> .left #menu li div{ width:215px; } .left #menu li #top{ background-image:url(../img/left_menu_top.png); height:41px; } .left #menu li #middle{ background:url(../img/left_menu_middle.png); padding:0 20px 0 20px; width:175px; } .left #menu li #bottom{ background-image:url(../img/left_menu_bottom.png); height:41px; } Но, она, естественно…

   Asked by Ayaweb, November 24, 2010

   0 votes
   8 answers
5. background и IE

   На сайте необходимо фоновое изображение растянуть по ширине экрана. Для этого использую: #header-panel { background: url(../images/style2/bg-top.jpg) 0 0 no-repeat; background-size: 100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size:100%; -khtml-background-size:100% auto; } Но IE игнорирует и отображает картинку не растягивая. Подскажите, как разрешить эту проблему? Может есть специально для IE свойство или решение?

   Asked by nikcool, November 24, 2010

   0 votes
   2 answers
6. Проблема с отображением картинки

   Добрый день. Возник такой вопрос, если в internet explorer нет картинки, но существует тег img, то на его месте появляется квадратик с крестом, в opere квадратик с надписью "изображение". Как это убрать, в mozille ничего такого нет все это дело там скрыто, как добится такого же в IE и Opera?

   Asked by Aleksrip, November 24, 2010

   0 votes
   12 answers
7. Вопрос по textarea

   Нужно сделать такую вот штуку: Стал использовать <textarea></textarea>. Собственно, такие вопросы: 1. Как сделать текст по-умолчанию "ваше сообщение" ? ведь у <textarea> нету параметра value или чего-то похожего... 2. Как сделать, чтобы при наборе текста, допечатав до правого края, текст автоматически переносился на новую строку ?

   Asked by dimacat, November 23, 2010

   0 votes
   5 answers
8. Изменение цвета(заднего фона) у отдельного слова (элемента)

   Ребят,как можно у отдельного слова изменить задний фон или цвет записью во внешнем файле CSS? Вот,пример <div id="left"> <ul class="menu"> <li><a href="#">Животные</a> <ul> <li><a href="#">Жираф</a></li> <li><a href="#">Кролик</a></li> <li><a href="#">Собака</a></li> <li><a href="#">Кошка</a></li> <li><a href="#">Кенгуру</a></li> …

   Asked by m1cky, November 23, 2010

   0 votes
   2 answers
9. Прокрутка

   Asked by ankris, November 23, 2010

   0 votes
   6 answers
10. Верстаю первый сайт

    Здравствуйте! 2 вопроса.. 1: Как убрать отступ между правым и левым контентом(на картинке проблема указана под номером 1) Пробовал и маржины обнулять и паддинги и бордеры.. Не фурычет...((( 2: Как сделать так, чтобы правый контент изменял свою height одновременно с левым... Может как-то наследованием?! ставил height:inherit - не помогло... (на картинке под номером 2) Картинка и код прилагаются: body { margin: 0 auto; padding: 0 1.6em; background: url('12.jpg'); overflow: auto; } /* все для меню */ #menu{ width:766px; margin:15px; position: absolute; } ul{ list-style:none; } #menu li{ list-style:none; display:block; float:left; margin:…

    Asked by Diego, November 23, 2010

    0 votes
    2 answers
11. 100% видимой области.. а дальше? Тянем таблицу.

    Здравствуйте. Уже 6 часов ищу в интернете как сделать - ничего найти не могу.. Если перенаправите на решение или поможете советом - буду очень благодарен. Проблема: Есть таблица. Три строки, один столбец. Высота верхней и нижней ячеек заданы жестко. Средняя - 100% Высота таблицы 100%. Таблица растягавается на всю ВИДИМУЮ область, и если документ больше в высоту, чем экран - нижняя картинка повисает в воздухе при прокрутке страницы вниз, что логично. Как определить высоту всей страницы, чтоб задавать ее в высоту таблицы вместо 100% (ну а средняя ячейка сама подстроится и все будет отлично). Скрипт, наверное, нужен.. Ну или какой вариант есть растянуть таблицу на всю высоту…

    Asked by rooty, November 23, 2010

    0 votes
    15 answers
12. Непонятки с 960gs

    Всем привет. Нашел туториал для дизайнеров по верстке для 960gs http://www.tutorial9.net/photoshop/design-...h-the-960-grid/ . PSD примера: http://www.tutorial9.net/wp-content/upload...04/BlueGrid.psd Но макет который там представлен вызывает у меня вопросы насчет верстки блоков чисто по фреймворку. Блок с телефоном в шапке имеет темную рамку, которая вылазит слева на область где будет margin, с первой колонкой списка Summary of Service справа то же самое. Понятно, что это некритично, можно все это в одном блоке по сетке сверстать, а внутри него уже использовать обычные плавающие блоки. Но я хочу тогда понять почему не сделали все по сетке, это же туториал, т.е. образец?…

    Asked by optimismous, November 23, 2010

    0 votes
    4 answers
13. Помогите доработать деталь в меню

    Здравствуйте народ! столкнулся со следующей проблемой, у меня менюшка, вертикальная , вот такая <ul class="menu2"> <li><a href="razdel1.php"><span>Раздел 1</span></a> <ul> <li><a href="#">подраздел №1</a></li> <li><a href="#">подраздел №2</a></li> <li><a href="#">подраздел №3</a></li> <li><a href="#">подраздел №4</a></li> </ul> </li> <li><a href="razdel2.php"><span>Раздел 2</span></a></li> </ul> и css вот такой .menu2{margin:0; padding:0; width…

    Asked by Frie, November 23, 2010

    0 votes
    6 answers
14. Выравнивание содержимого DIV

    Верстаю страницу при помощи DIVов со свойствами display: table*. Всё выравнивается, но содержимое разных DIVов зависит друг от друга. Допустим, что: <DIV class="post"> ___<DIV class="picture"><IMG src="image.png"></DIV> ______<DIV class="text">Без постановки рук и элементарной музыкальной грамоты польза от занятий сомнительная. Для второго инет сгодится а вот постановку заочно тебе никто не сделает. Можешь найти инфу но не факт что она достоверна и контролировать правильность будет в любом случае некому.</DIV> ______<DIV class="answer"> ____</DIV> </DIV> В левом DIV отображается картинка, а текст среднего DIV идёт от…

    Asked by iamncm, November 23, 2010

    0 votes
    2 answers
15. Всё как-то сложно и непонятно

    Очень прошу помочь, видимо началась какая-то война браузеров Значит адрес: ac-audit.pp.ua Сайт отображается корректно в Опере, ГуглХроме, Мозиле ИЕ - непонятно куда центральный блок опускается. Что не так ? Посмотрите пожалуйста

    Asked by valek, November 22, 2010

    0 votes
    6 answers
16. Верста модуля Вывод последних сообщений из phpBB3 в DLE 9

    Начнем с того что автор не я, человек который его сделал, сильно занят и как он сказал нет времени его доработать и проверить, но какие притензии к человеку за бесплатный труд, правильно ни каких, а только благодарность. Но все же в модуле есть проблема с версткой в разных браузерах, разобраться сам не смог, так как не хватает ещё знаний ксс, что то пытался придумать но не получилось. Так вот ближе к суте... Что бы понять в чем проблема лучше зайти на мой сайт через мозилу и ослика например _http://www.net-wars.su/, что бы увидеть проблему. В мозиле все отображаться как и должно быть, но вот в ослике и других, картинка как то поплыла и не правильно выставляется. по этой с…

    Asked by papay, November 22, 2010

    0 votes
    0 answers
17. font-size и line-height

    Проблема такого плана. Есть строка текста со шрифтами разных размеров. Например так: text <span>qwerty</span> Здесь текст в теге <span> может иметь отличный от остального теста font-size И Line-height. Выравнивание определено как vertical-align:baseline; Вот моя тестовая страница: <!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="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="ru" /> <meta http-equiv="Con…

    Asked by clavin, November 22, 2010

    0 votes
    1 answer
18. filter и expression

    Вопрос такой: У меня есть 10 классов в стилях, у которых один и тот же фильтр (к примеру: "filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);" ). Есть ли смысл группировать стили и писать один раз "filter: "? Конкретно интересует, повлияет ли это на скорость? O_o Тот же вопрос и про использование "expression". Спасибо.

    Asked by DjTarik, November 22, 2010

    0 votes
    9 answers
19. Проблемма с Opera9

    Здравствуйте, проблемма такая - есть 2 блока один должен находиться справа, т. е. у него заданы float:right; width и margin. У второго, который должен обтекать, соответственно overflow:hidden; во всех браузерах все хорошо, т. е. ровно. Но в Opera меньшей 9.5 блок с overflow улетает вниз как будто после блока с float:right; стоит <div class="clear"></div>. Убераеш overflow блок становиться на место и все хорошо. Но вариант без overflow меня не устраивает. Гуглил по этой теме - ничего путного не нашел. Зарание благодарен за помощь.

    Asked by pro100set, November 22, 2010

    0 votes
    2 answers
20. Выпадающее меню .inc

    Доброго времени суток! Очень нужна помощь, ковыряюсь уже несколько дней и все без результатно((( На странице сделано выпадающее меню, прописано оно в файлике .inc, оно прекрасно работает во всех браузерах кроме IE! Я нашел скрипт для того чтобы оно работало в IE, добавил его прописал пути, но все тщетно, что делать уже не знаю, даже не очень понимаю где искать помогите пожалуйста! Index1.html <html> <head> ....................................... <script type="text/javascript" src="cssmenu.js"></script> <link rel="shortcut icon" href="images/lapa.gif"> <link href="css/style.css" rel="stylesheet" type="text/css"> <link href="css/styl…

    Asked by beetljuice, November 22, 2010

    0 votes
    1 answer
21. перехват данных стороннего сайта и отправление ему же...

    Собственно интересует вопрос перехвата данных стороннего сайта На примере ulmart.org - как это работает и есть ли статейки которые можно по этом вопросу почитать?

    Asked by Nikolas, November 22, 2010

    0 votes
    6 answers
22. Градиентный бэкграунд

    Возникла проблема с версткой градиентного бэкграунда. Смысл в том, что градиент идет не строго по вертикали или по горизонтали, а из нижнего левого угла в верхний правый. Блок не строго фиксированный, а должен тянуться по вертикали вниз в зависимости от наполнения его контентом, при этом независимо от вертикального размера блока градиент должен быть строго по диагонали из нижнего левого угла в верхний правый. Скрин прилагаю. Изображением бэкграунд вставить нельзя, так как блок должен тянуться.

    Asked by vadimon, November 21, 2010

    0 votes
    14 answers
23. Сделать сброс стилей

    Добрый день. Насколько разумно подключить такой фаил css, чтоб убрать всё лишнее? Стоит ли вообще такое использовать? 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, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; /* обнуляем внешние отступы */ padding: 0; /* обнуляем внутренние отступы */ border: 0; /* убираем бордюры */ outline: 0; /* убираем контуры */ font-size: 100%; /* задаем базовый размер шрифта, значе…

    Asked by Karacb, November 21, 2010

    0 votes
    7 answers
24. Помогите советом

    Приветствую ! Хотелось бы попросить более опытных верстальщиков посоветовать: на картинке ниже то, как мне нужно сделать. Посоветуйте, как бы вы делали это ? Хочу просто понять, как делать такие надписи семантически правильно.

    Asked by dimacat, November 21, 2010

    0 votes
    10 answers
25. Затемнение

    Можно средствами ксс и хтмл создать затемнение фона http://www.radikal.ru/action.aspx (в рамке)???

    Asked by Mr.Black, November 21, 2010

    0 votes
    9 answers