HTML Coding

29,542 questions in this forum

1. Подскажите по вёрстке 2х блоков

   Есть 2 колонки right и left В каждой из них находится по блоку right1 и left2 соответственно в исходном положении это выглядит примерно: при раскрытии контента в right1 блок увеличивается по высоте (там аккордеон) Соответственно это выглядит: в результате нужно , что бы при "раскрытии" right1 - left1 стремился к низу, ну скажем к футеру. Так никак не получается сделать, т.к. если ставишь везде высоту 100% то блок растягивается на экран, а если контента больше чем на экран всё остаётся как на 2й картинке. Поможите советом как реализовать???

   Asked by xtr, May 11, 2012

   0 votes
   4 answers
2. Какой вариант лучше использовать?

   Задача встроить в слайд шоу табличные данные Естественно на ум сразу пришла таблица. Короткий пример: <table> <tr> <td>Дисковое место</td> <td>1Gb</td> </tr> <tr> <td>Дисковое место</td> <td>1Gb</td> </tr> <tr> <td>Дисковое место</td> <td>1Gb</td> </tr> </table> Строк намного больше если не ошибаюсь 18 и таких таблиц нужно около двадцати. Сами понимаете сколько кода. Понимаю что если есть табличные данные, то обычно применяется таблица. Но уж больно не хочется её использовать из-за большого количества кода. Сделал вот…

   Asked by Modestes, May 11, 2012

   0 votes
   4 answers
3. отображение в разных браузерах

   Проблема вот в чем: на сайт (prisvete.ru) поставил блок с выводом топ новостей, при наведении на которую(картинку-новость), показывает ее название, но в мазиле вроде все нормально,а вот в хроме (на других браузерах не пробовал) название появляется с боку, не наводя на нее,тем самым отодвигая картинку-новость на длину названия, тем самым портя весь вид.Подскажите как это можно исправить. вот PHP код новости: <?php $sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY date DESC LIMIT 10" ); while ( $row = $db->get_row()){$row['date'] = strtotime( $row['date'] ); $row['category…

   Asked by dts, May 11, 2012

   0 votes
   3 answers
4. Проблемы с фоном на маленьких разрешениях

   Всем привет. Собственно, вопрос: Так получилось, что в шапке должна быть картинка шириной в 1800 пикселей, она не тянется и всегда стоит по центру. Весь контент сайта умещается в 960 пикселей, а вот в шапке и футере должен быть непоторяющийся фон в 1800. Т.е. в любом случае приходится задавать: #head{ width: 1800px; } Естественно, что при маленьком разрешении экрана появляется скролл, и сайт отображается не по центру. Так вот. Как сделать, чтобы фон масштабировался? Чтобы не было этого скролла, а фон как бы по бокам обрезался? И при любом разрешении сайт всегда был по центру. В общем, нужно сделать как на: http://ofs21.ru/ сделана шапка. Смотрите в разных разрешениях. З…

   Asked by Sedacove, May 14, 2012

   0 votes
   1 answer
5. Выравнивание

   Всем доброго времени суток. Такой вопрос: Есть <div id="ololo"> Ололо</div> нужно выровнять <p> так, что бы он был в центре(по Х и по У) <div>'a. Как это можно сделать "максимально кроссбраузерно"(что бы не писать для разных браузеров разный код)? Размеры дива не заданы, а если и заданы, то в процентах. "Количество" текста и параметры(тип, размер) шрифта внутри параграфа неизвестны. И еще: чем это будет проще, тем лучше. Заранее спасибо!

   Asked by gism, May 12, 2012

   0 votes
   3 answers
6. Скругленные углы заданные в процентах у прямогульной кнопки

   Доброго времени суток, уважаемые форумчане. Имеется обычная прямоугольная кнопка, допустим div. Кнопка может менять ширину, но не высоту. Требуется скруглить ей углы, но задать значения в процентах. Пишу следующий код:

   Asked by Cypher76, May 12, 2012

   0 votes
   1 answer
7. Как реализованы эффекты на сайте

   Добрый день! Прошу подсказать, как называется эффект используемый на сайте Речь об уплывающих буквах и появляющихся твиттах. Где почитать о реализации таких эффектов. Как реализовать такое с помощью html 4 и html 5 Есть ли готовая библиотека для такой реализации

   Asked by roma86, May 12, 2012

   0 votes
   3 answers
8. CSS + SVG animation

   1) Как реализовать, чтобы при наведении мышки начиналась анимация svg, без дубиката картинки (когда одна половина статическая, а другая движется, а css только сдвигает картинку). Хотелось бы напрямую. 2) Как реализовать, чтоб анимация была подвязана к положению курсора мыши (слева подвожу - одна анимация, справа подвожу - другая анимация) На сколько я понял в svg есть привязка анимации к css - не разобрался пока. Прошу помощи у тех кто разобрался.

   Asked by VitaliyAT, May 12, 2012

   0 votes
   1 answer
9. Навигационное меню–слайдер

   С помощью чего можно оргранизовать такое меню?

   Asked by chocolate_moles, May 11, 2012

   0 votes
   4 answers
10. :active в ie8

    У меня при клике на ссылку в меню с помощью псевдокласса active меняется фон меню. Во всех браузерах нормально работает, а в IE 8 фон меняется только тогда, когда клик около ссылки, а не на ней самой. Когда делаешь клик на самой ссылке, напримес "о нас", фон не меняется. Возможно поправить? Меню простое, горизонтальное, список ul. И в Опере 9й версии тоже тупит, то работает, то не работает.

    Asked by Маленьке Звірятко, May 12, 2012

    0 votes
    1 answer
11. Скругленные углы заданные в процентах у прямогульной кнопки

    Доброго времени суток, уважаемые форумчане. Имеется обычная прямоугольная кнопка, допустим div. Кнопка может менять ширину, но не высоту. Требуется скруглить ей углы, но задать значения в процентах. Пишу следующий код: div { ... width: 50%; height 80px; border-radius: 5%; ... }Радиус скругления по горизонтали получаю 5% от нефиксированной ширины кнопки, а по вертикали 5% от фиксированной высоты. Скругление получается овальное, а надо круглое, зависящее только от ширины. В описании свойства border-radius в справочнике по CSS сказанно: Как раз то, что мне нужно! Но, судя по всему, это не так. Получается, что: В случае применения процентов, отсчет горизонтального ради…

    Asked by Cypher76, May 12, 2012

    0 votes
    14 answers
12. Растянуть блок по высоте

    Добрый день. подскажите пожалуйста, как можно растянуть блок сайдбара на всю высоту контейнера? (от шапки до футера) Выглядит это примерно так: http://clip2net.com/s/1UqTj

    Asked by WabFad, May 12, 2012

    0 votes
    8 answers
13. Создать обтекаемый слева и снизу div с картинкой

    Доброго времени суток. Есть задание по одному предмету в ВУЗе: создать свой сайт. Самый простой, но не в этом суть. Я набросала в фотошопе, что хочу изобразить. Сайт делается в IE9 и демонстрироваться будет в IE7 или 8. Сейчас он выглядит так: И проблема в том, что не выходит расположить картинку с собакой так, как хотелось бы. Всё делается в слоях. Структура div'ов на рисунке ниже. Свойства border сделаны, просто чтобы видеть границы слоёв. Ну, и возможно ли сделать как я хочу? Если да, то каким образом, в каком направлении двигаться?

    Asked by ForSecond, May 12, 2012

    0 votes
    5 answers
14. Язык для сценариев

    Я учусь верстать сайты, но понимаю что мне скучно писать только статичные страници. Решил добавить немного интерактивности, но не знаю что выбрать: пхп, яваскрипт, может еще что. Знаю только хтмл и ксс, с чего советуете начать? и еще. Я не буду писать сложные сценарии, пока мне хватит только чего-то типа проверки заполнения форм, подсчетов и т.п. В будущем интересто выучить еще что-то(вроде питона, руби)

    Asked by DarkPrelat, May 12, 2012

    0 votes
    0 answers
15. Динамический сайт

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

    Asked by Rubik, May 14, 2012

    0 votes
    0 answers
16. Помогите ради бога!

    Люди добрые, помогите! Делаю тестовое задание для работодателя. Нельзя упасть лицом в грязь... Как лучше реализовать эту полоску с текстом посередине?

    Asked by JosePerez, May 12, 2012

    0 votes
    9 answers
17. Тянущийся фон

    Приветствую. В очередной раз обращаюсь за мудрым советом. Есть фон шириной 1400px и делать его фиксированным не хочется. Очевидно, что при меньшем разрешении он должен "сжиматься". В первых строчках выдачи серпа нашел вариант с background-size: cover, но мне кажется на больших экранах будет ужасно смотреться. Так как же быть?

    Asked by uteelers5, May 12, 2012

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

    Делаю "резиновую" страницу на которой есть флеш. Масштабирование флеша должно происходить с уменьшением размера окна браузера. НО с масштабированием есть проблема - появляются чёрные полосы сверху и с низу, хотя само изображение масштабируется нормально. Как сделать нормальное масштабирование, т.е. что бы с уменьшением изображения уменьшалась и область отображение, а не заполнялась чёрным? Код HTML: <head> <link href="style.css" rel="stylesheet" type="text/css"> <link href="media-queries.css" rel="stylesheet" type="text/css"> </head> <body> <div id="pagewrap"> <header id="header"> <div class="top_flash"> …

    Asked by arthur1974, May 12, 2012

    0 votes
    12 answers
19. Меню LI

    Доброго времени суток! В очередной раз зашёл в тупик и вынужден просить Вашей помощи. Проблема заключается в том, что при графическом строительстве менюшки, я столкнулся с проблемой визуализации некой графики, а именно с "hover" отображением. делаю меню. назначаю "LI" делать отделение ссылок 2-х пиксельной полосочкой. назначаю "LI:hover" отображать другую картинку при наведение мышки и вот тут и начинаеться баг. или даже возможно кривизна моих рук. При наведение на ссылку, срабатывает "LI:hover" и тем самым, убирает полность визуализацию "LI", а именно ту саму, разделительную полосочку в 2 пикселя. измучился весь, самостоятельно не могу найти выход из ситуации. Код прило…

    Asked by oscora, May 12, 2012

    0 votes
    4 answers
20. Построчный overflow

    Всем добрый день. Пытаюсь обрезать текст в блоке с фиксированной высотой и шириной. Соответственно, блоку задано свойство overflow: hidden;. Получаем текст, последняя видимая строка которого видна на половину. Вопрос: как ее скрыть? Пример: <!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 165px; overflow: hidden; } p { margin: 5px 0 0; } </style> </head> <body> <div> <p>Здесь идет многострочный текст.</p> <p>Управлять свойствами line-height и margin'ами параграфов вообще не хочется.</p> <p>Да и вверху может идти картинка неопределенной высоты.</p> &lt…

    Asked by MiReQ, May 13, 2012

    0 votes
    3 answers
21. Как можно скрыть ссылки на картинках

    Помогите пожалуйста мне реализовать скрытие ссылок на картинках. Суть вот в чем: на странице есть текстовые ссылки и ссылки с картинок. Как можно сделать что бы ссылки с картинок были не активны (при нажатии не происходил переход), а текстовые ссылки остались как есть. Сайт стоит на ДЛЕ и класс или идентификатор к каждой ссылки сделать достаточно трудоемко, могу только всё взять в див и уже див"у назначить класс или идентификатор. Вот для примера: <div class="hidelink"> <a href="page1"><img src="image1.jpg"></a> <a href="page2"><img src="image2.jpg"></a> <a href="page3">text link</a> </div> <a href="">сде…

    Asked by alleclf, May 13, 2012

    0 votes
    3 answers
22. Выровнить меню по центру

    html <!doctype html> <html> <head> <meta charset="windows-1251"> <title>Тест</title> <link href="test.css" rel="stylesheet" type="text/css"> </head> <body> <div class="menu"> <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> <li><a href="">Форум</a></li> </ul> </div> </body> </html> и css @ch…

    Asked by RussiaStorm, May 13, 2012

    0 votes
    10 answers
23. Проблеме промежутка

    Все доброе время суток! У меня проблема с промежутком между type="componet" и type="modules" Чтоб я не делал в html и в css не получается сдвинуть блоки между черный блоком и красный большой промежуток Помогите плиз, вся надежда на вас HTML <div id="content_middle"> <div id="content"> <jdoc:include type="component" /> </div><!-- END CONTENT --> <div id="clear"></div> <div id="news"> <jdoc:include type="modules" name="news" /> </div><!--END NEWS--> <div id="banner-bottom"> <jdoc:include type="modules" name="banner-bottom" /> …

    Asked by Bismuth, May 13, 2012

    0 votes
    4 answers
24. z-index и наложение элементов на Google map

    Прошу помощи более опытных товарищей в решении следующей проблемы. Код Google maps перекрывает все <div> и ни как не реагирует на изменения z-index. Если утрировать есть следующая разметка: <div id="logo"></div> <div id="map"> <iframe class="map" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.ua/maps? и т.д. код Google map"></iframe> </div> При этом карта перекрывает все элементы, не действует и изменение z-index. Каким образом можно сделать, что бы log "залазило на карту"? Буду очень благодарен за помощь.

    Asked by k0sm0s, May 13, 2012

    0 votes
    10 answers
25. проблема с меню

    добрый день форумчане, проблема заключается вот в чем: меню футера само по себе написано обычным шрифтом, а при ховерном состоянии жирным, то при наведении левая часть отодвигается, так как слово увеличиваетя, вопрос вот в чем можно ли чтобы оно при наведении не двигалось?

    Asked by maruwa, May 13, 2012

    0 votes
    1 answer