HTML Coding

29,542 questions in this forum

1. Высота <div>

   Всем привет!) есть у меня div с идентификатором #photo1. В нем плавающая картинка (чтоб текст обтекал). Я хочу, чтоб высота блока #photo1 была определена высотой всего содержимого, но там высота картинки почему-то не учитывается (может потому что плавающая) и получается, что высота определяется по высоте содержащегося в блоке текста. Почему я не хочу просто установить высоту(height)? Потому что при увеличении в браузере текст может выйти за пределы блока, ну вы наверное понимаете о чем я). Как можно это сделать не используя height? Вот ссылка. (png версия макета, скачать макет)

   Asked by Bava, September 24, 2012

   0 votes
   2 answers
2. помогите с шапкой

   как убрать отступы от края до шапки

   Asked by xenux58, September 24, 2012

   0 votes
   2 answers
3. Трудности с позиционированием

   Доброго времени суток. Начал применять свои теоретические навыки на практике и столкнулся с небольшими трудностями. Прикладываю рисунок, того что должно быть и результат получившейся вёрстки. Вроде, всё кроссбраузерно, кроме как в IE. Как там округлить границы блоков? И ещё когда нажимаешь на textInput, то он выделяется жёлтым цветом, видел в Twitter-e и на других сайтах, он либо вообще не выделяется, либо выделяется, другим цветов(под цвет дизайна). Как это сделать? Теперь непосредственно к основной задаче: Вот как должно выйти: http://i082.radikal.ru/1209/96/c71bd55a88a9.png Вот вёрстка, которую я сделал: http://rghost.ru/40568111 Вероятно, вы увидели различия. Хотелось…

   Asked by ohinem, September 25, 2012

   0 votes
   2 answers
4. Отображение категорий при наведении

   Здравствуйте, подскажите как сделать, чтобы поле категорий появлялось только при наведении курсора? HTML: <div class="main-news-hidden">{link-category}</div> CSS: .main-news-hidden { font-size: 11px; color: #fff; position: absolute; background: red; } .main-news-hidden a { color: #fff; } .main-news-hidden a:hover { text-decoration: underline; }

   Asked by skyter, September 26, 2012

   0 votes
   2 answers
5. Из двух стилей как определить главный

   В общем у меня применяеться два стиля к менюшке, как сделать так чтобы один стиль был главнее другого /* - Этот стиль игнорируеться "Точнее игнорируеться цвет текста" - */ .nav li.re-menu-b a { color: #fff; font: 700 11px/18px "Tahoma";} /* - А этот применяеться - */ .nav.nav-userbar li a { color: #231F20;} <ul class="nav nav-userbar"> <li class="re-menu-b"><a>Сопсно текст к которому применяеться цвев</a></li> </ul> В общем а надо что бы было наоборот,

   Asked by oopster, September 26, 2012

   0 votes
   2 answers
6. проблема с position:fixed во всех IE

   Поскажите пожалуйста какую-то хитрую особенность для IE С position:fixed (актуально для всех версий) для контейнера sidebar. Свойство не работает совсем. Absolute работает, но он не подходит. При установке absolute виден ещё один хитрый баг - свойство padding для контейнера page почему то не применяется нормально и содержимое контейнера заходит под абсолютно позиционированный элемент. Сайт: http://kaprize-moda.ru/kollektsii Картинка со структурой

   Asked by Hobu4ek, September 27, 2012

   0 votes
   2 answers
7. Увеличение шрифта + проблема с таблицей

   Всем привет! Сделал таблицу и на первую колонку повесил стиль, который при наведении курсором на ячейку в первой колонке увеличивает её шрифт на 1 пиксель (font-size:12px), а если курсор убрать, то шрифт снова становится 11px. Выглядит это симпатично, но хотелось бы закрепить ширину колонок (<td width="30px"> не спасает), т.к. на некоторые ячейки навожу курсор и вместе с увеличением шрифта начинают "ездить" границы внутри таблицы (ширина). Подскажите в какую сторону покопать, чтобы только текст увеличивался в ячейке, а границы ячейки оставались неизменными?

   Asked by MailRes, September 27, 2012

   0 votes
   2 answers
8. проблема с overflow:hidden

   День добрый, столкнулся с такой проблемой. резиновая колонка в ней находится блок с class="info". чтоб текста всегда хватало, он находится в избыточном количестве и лишний текст обрезается с помощью overflow:hidden. проблема подробно показана на картинке ниже. заключается она в том, что при 119px обрезанные заглавные символы видны в Firefox, а при 118px обрезаются нижние окончания у букв типа g y в Opera, Chrome, Safari, Internet Explorer. пробовал играться с line-height, не помогло. пожалуйста подскажите как можно решить такую проблему. <style type="text/css"> .column-1 { width:24% } .info { height:119px; overflow:hidden; font-size:15px; font-style: italic; …

   Asked by llis456, September 27, 2012

   0 votes
   2 answers
9. Подвал

   Гляньте пожжалуйста сайт: http://kofe.16mb.com/. при разрешении примерно от 1600x1300px и ниже футтер отлипает от низа экрана и отображается как будто на нём стоит position: fixed; Подвал должен лежать всегда после контента. Как это исправить? Сам сайт: http://webfile.ru/6141563

   Asked by vova.a99, September 29, 2012

   0 votes
   2 answers
10. Расположение крестика

    Добрый день Рисую галерею <ul> <li><p><img></p><li> <li><p><img></p><li> <li><p><img></p><li> </ul> к li применяю max-width, max-heigth. нужно вставить блок с крестиком чтобы он был вверху и справа картинки, что посоветуете

    Asked by vladimircape, September 28, 2012

    0 votes
    2 answers
11. Преобразования табличной верстки на блочную

    Здравствуйте, я в этом новичок, помогите с блочной версткой. Нужно разделить страницу, пример приведу таблицу, потому что именно так и нужно сделать, но блоками. <table width="100%" height="100%" border="1"> <tr> <td rowspan="3" width="302px"> </ td> <td height="150px"> </ td> </ tr> <tr> <td> </ td> </ tr> <tr> <td height="100px"> </ td> </ tr> </ table> Писал так: # left_cauntainer { position: absolute; width: 302px; height: 100%; float: left; } # right_countainer { position: absolute; width: 100%; height: 100%; float: rig…

    Asked by Vov4uk, September 29, 2012

    0 votes
    2 answers
12. Значение input.submit пропадает при нажатии

    Добрый день. Такое дело: в Опере, ИЕ и Файрфоксе кнопка <input type="submit" value="ok"> обнуляет значение value. (Не отправляя форму, просто нажав на кнопку.) Скриптов или экшенов на кнопку еще нет, только стили навешаны (hover, active). html5, доктайп соответствующий. Использовать button - выход. Но хотелось бы узнать причину поведения input.submit. Кто занет?

    Asked by tius, October 1, 2012

    0 votes
    2 answers
13. Встраивание <span> внутри <a>

    Подскажите с решением такой проблемы: Есть ссылка, допустим <a>Необходимо решить проблему</a>. У ссылки есть определенный стиль (пусть: синяя, подчеркнутая). Внутри ссылки слово РЕШИТЬ надо выделить другим цветом (пусть, черным). Реализовали это через <a>Необходимо <span>решить</span> проблему </a>. После, надо чтобы при наведении на ссылку вся ссылка, включая РЕШИТЬ, выравнивалась в один цвет (синий как у всей ссылки) и убрать подчеркивание. Делаем стили, добавляем hover для <а>, но тут проблема - span наследует то, что нужно убрать подчеркивание, но не наследует цвет. Заранее спасибо.

    Asked by Ex.clusive, October 1, 2012

    0 votes
    2 answers
14. Всплывающее окно просмотра

    Кто подскажет простое всплывающее окно для просмотра фоток фотки разных размеров,и чтобы оно подстраивалось по пропорции но было не больше чем max-width, max-height, и меньше min

    Asked by vladimircape, October 1, 2012

    0 votes
    2 answers
15. правила синтаксиса

    #sideLeft a, span{} в браузере получается что при такой записи правила распространяются на все span`ы а не только те которые внутри тега с айди sideLeft это неправильная запись? нужно писать #sideLeft a{} #sideLeft span{} правильно?

    Asked by Sub-zerro, October 1, 2012

    0 votes
    2 answers
16. Разбивка страницы (частичное отображение)

    Как сделать что бы на странице сайта выводилось определенное количество новостей, а в низу странички кнопка при нажатии на которую к странице еще добавляется такое же количество новостей и так пока новости не закончатся. Заранее спасибо за помощь!

    Asked by Zeferot, October 1, 2012

    0 votes
    2 answers
17. Как убрать полосу прокрутки?

    Вот сайт Справа там сейчас пустая область. И внизу из-за неё полоса прокрутки. Вопрос как сделать, чтобы выглядело Так: немного пустоты-лепестки-контент-лепестки-немного пустоты. т.е. убрать эту полосу..

    Asked by nikki4, October 2, 2012

    0 votes
    2 answers
18. Блочная верстка [Помогите!]

    Привет всем! Я уже заморочился... Такая простая задача, а решить никак не могу. Сижу уже третий час над этой фигней... Придумал "левый" способ как это сделать, но не хочу заниматься "лево-писанием". Проблема собственно в чем: Вот что у меня: А мне надо чтобы эти 2 блока были рядом и по центру. Ну никак не получается В чем моя ошибка? HELP! Вот HTML код: <html> <head> <title>Players Table</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <CENTER> <DIV ID="container"> <div class="tableContent"> <div class="playerNickname">Player1</div> <div class="statusTable">St…

    Asked by zwar, October 2, 2012

    0 votes
    2 answers
19. semantics :)

    Допустим, у меня на странице есть некий листинг кода, в котором я хочу прояснить некоторые моменты (например, смысл передаваемых аргументов в функцию). Как я могу семантически это оформить, т.е. "привязать" список определений к листингу? Сейчас я использую такую конструкцию: <pre> var method = function doSuperAction(doSmile, doNotSmile) { console.log(""); } </pre> <dl> <dt>doSmile</dt> <dd>Some description</dd> <dt>doNotSmile</dt> <dd>Some another description</dd> </dl>

    Asked by hedgehog, October 2, 2012

    0 votes
    2 answers
20. Элемент на весь DIV

    Приветствую всех! Есть DIV (main), внутри которого расположен некоторый набор элементов. <div id="main"> <span>Форма чего-нибудь</span><br /> <div>Кнопки, картинки, текст и т.п.</div> </div> Иногда нужно блокировать все элементы и выводить анимацию поверх. Подобное я делал для всего экрана с помощью DIV и CSS. <style> #block { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url("../img/wait.gif"); background-repeat: no-repeat; background-position: center; z-index: 5; } </style> <div id="block"> </div> Но вот как это сделать для DIV? Пробовал растянуть DIV…

    Asked by Sinot, October 3, 2012

    0 votes
    2 answers
21. печать формата А3

    Добрый день! Заранее прощу прощения, если вопрос слишком прост или совсем не для этого форума или ветки, искал, что то подобное но безрезультатно. Есть нарисованный с помощью canvas трафарет который нужно распечатать, что бы сделать выкройку. Трафарет рисуется по точкам, который вводит пользователь, на холсте происходит обрисовка. После этого необходимо распечатать, получившейся рисунок в формате А3, т.е. должно получиться несколько листов А4. Подскажите пожалуйста, каким образом это можно устроить? Заранее спасибо!

    Asked by Pavvel_, October 4, 2012

    0 votes
    2 answers
22. Как реализовать градиент с прозрачностью?

    Есть круговой градиент (кроссбраузерный), однако его фон полностью непрозрачный. Очень хорошо смотрится, если фон за градиентом - однотонный цвет (тот, в который градиент переходит), но если фон за градиентом - картинка, тогда градиент смотрится громоздким блоком. Возможно ли создать круговой градиент, указанный ниже, для перехода белого цвета из центра в прозрачный (такое как бы растворение/свечение)? background: -moz-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -ms-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -o-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -webkit-radial-gradient(circle, #33…

    Asked by Resager, October 5, 2012

    0 votes
    2 answers
23. Проблема с фулл скрин слайдером

    Привет всем, Никак не могу добиться чтобы слайдшоу не зумило картинку при рефреше. http://designdaytona.com/shore/ Если у кого есть идея в чем проблема, буду благодрен за помощь!

    Asked by rusmn, October 4, 2012

    0 votes
    2 answers
24. <div> в строку без перехода на след. строку

    Здравствуйте еще раз Снова требуется помощь знающих Нужно реализовать n кол-во <div> элементов расположенных в одной строке, но самое главное, что бы при окончании окна браузера, эта строка продолжалась, а не превращалась в две, три и т.д. (исходя из размера окна браузера) То есть, когда, в моем примере, двигаешь правый край браузера, не помещающиеся див элементы переходят на следующую строку, образуя тем самым 2 ... 5 и т.д. строк. Перепробовал все что знал, помещал див строку в новый элемент див, центрировал, применял дисплей инлайн, позиционировал по разному Результату - ноль. Через таблицу делать не хочется. Есть у кого нибудь идеи как можно реализовать такую в…

    Asked by a1rborn, October 4, 2012

    0 votes
    2 answers
25. Центрировать галерею Widgetkit

    Добрый день. Столкнулся с такой проблемой. Установил на Joomla 1.5 галерею Widgetkit. В материале прописал <p style="text-align: center;">[widgetkit id=4]</p> И о чудо! Галерея появилась в материале, но она не по центру, т.е. она становится по левому краю и все тут. Подскажите какие есть варианты решения проблемы. Вот страничка с проблемой: http://10dance.com.ua/ Спасибо.

    Asked by gumuch, October 4, 2012

    0 votes
    2 answers