HTML Coding

29,542 questions in this forum

1. Таблица портит жизнь

   Поручили исправить макет уже готового сайта. Средина сайта выполнена таблицей, стандартные 2 колонки, слева узкая фиксированная, справа растягивающаяся. Если в область контетна (в правую колонку) вставить блок большой ширины, то он рвет всю верстку он растягивает эту колонку так, что появляется горизонтальный скроллинг страницы. Вроде бы логично, ага? Но вот зараза, почему когда этому блоку задаешь css свойство overflow: hidded, он не прячет содержимое, которое вылезает? Блок по прежнему растягивает эту правую колонку. Я тестировал без таблицы, здесь все ОК. А как быть с таблицей? На деле мне необходимо вставить горизонтальный ротатор изображений. Изображений очень много.…

   Asked by safiullin.at, March 5, 2012

   0 votes
   3 answers
2. Прошу совета по верстке

   Привет, ребят! Пришел макет от дизайнера. Всё бы ничего, но я в растерянности. Совершенно не представляю, как добавить декоративный элемент - кольца, те что от дива к диву на картинки. Все идеи, что пришли на ум - абсолютное позиционирование - отмёл, слишком неудобно; и вариант - сделать background-image по краям дивов, как бы псевдо-промежуток между блоками - не уверен в его состоятельности. Подскажите идеи, как осуществить, т.к. сам еще не сталкивался с такой задачей! Заранее спасибо!

   Asked by Coder_D, March 5, 2012

   0 votes
   4 answers
3. Выравнивание таблиц

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

   Asked by Gatalsky, March 5, 2012

   0 votes
   3 answers
4. Непонятная мне проблема с :after и :before

   Добрый вечер. Есть небольшая проблема с :after и :before, а именно, когда задаю абсолютное позиционирование, елемент дальше считается в потоке. Скриншот, можно посмотреть на правый нижний угол, где видна полоса прокрутки. - Код который я использую (не весь) #main .wrapper { position: relative; } #main .wrapper:before, #main .wrapper:after { background: url('images/mainBg.png') no-repeat; position: absolute; bottom: 0; width: 318px; height: 384px; content: ' '; border: 1px solid red; } #main .wrapper:before { left: -318px; } #main .wrapper:after { background-position: right top; right: -318px; }

   Asked by Mr.Black, March 5, 2012

   0 votes
   2 answers
5. Модуль смены картинок с слайдером под ним

   На главную сайта хочу сделать 5-6 меняющихся больших фотографий, и под ними слайдер с точками или квадратиками (как на nvidia.com), которые переклачаются вместе с фотографиями. Ну пример вот - http://www.franckmuller.com/ Подскажите как вообще такая штука называется, ну и может быть есть готовые решения. Спасибо!

   Asked by Alexey Menshikov, March 5, 2012

   0 votes
   3 answers
6. Хочу чтоб новость была в центре

   Захотел чтоб категории были на левом стороне выглядило вот так А теперь вот так Но когда я перемешаю иво с помошью position; relative i px_елями в фаиле style.css выглядет вот так! Одним словам там скривает обьект который ранше был помогите пожалуйста! Вот мой shortstory.tpl <div class="story"> <div class="story_b"> <div class="story_rating"> <div class="story_h_rating"><span> <div class="rating_b"> <a href="#" class="rating_plus"></a> <div class="rating_numm"><a href="#">1254</a></div> <a href="#" class="rating_minus"></a> </div> </span></div> </div> &l…

   Asked by erekle, March 5, 2012

   0 votes
   0 answers
7. Что нужно дописать в коде?

   Смотрите, на картинке есть обведенный в красный кружок треугольник. При наводе мышкой на пункт меню он отображается, и , как правило он должен оставаться на около страницы пункта меню, которая открыта. например, если я нажму "О нас" то с "Главная" этот треугольник перейдет на "о нас". Но он не переходит, а остается на "главной", когда открыты другие страницы. Что нужно дописать в коде чтобы на странице "О нас" треугольник не был на "Главной", а был на "О нас" чтобы было понятно на какой странице посетитель сайта находится, и чтобы Пункт меню был таким же белым цветом, как "Главная"? А то не понятно перешел ты на страницу "О нас" или нет. Вот этот код:

   Asked by GeorgGood, March 5, 2012

   0 votes
   10 answers
8. Группа checkbox

   Здравствуйте! Прелюдия: Есть список checkbox: Задача: Сделать так, чтобы при нажатии на "Спирально навивные", пункты "Oasis" и "Воздуховоды", были как-бы полу-выбранными (чтобы не галочка стояла, а квардартик). Эта технология работает прекрасно в ОС Windows. Вопрос: Как сделать такую вещь на jQuery?

   Asked by webDoktor, March 5, 2012

   0 votes
   2 answers
9. Двойной перенос строки через стили

   Как сделать двойно перенос строки между абзацами как на этой странице Моя ссылка В коде перенос только один, но абзацы не сливаются друг с другом.

   Asked by gadjet, March 5, 2012

   0 votes
   5 answers
10. Блок на растягивается на height:100%; min-height: 100%;

    Подскажите пожалуйста, почему мне не получается растянуть блок во всю высоту браузера? Вроде бы везде где нужно стоит height:100%; min-height: 100%; http://77.105.164.89/stat.aspx

    Asked by vlad275, March 5, 2012

    0 votes
    3 answers
11. Помогите к кодом

    Вот начал создавать сайт. Хочу что бы он был ПОЛНОСТЬЮ резиновый по высоте и ширине! Мне нужно что бы блоки (шапка, новости, меню, и подвал) были определенных размеров в %. Помогите плиз.... Вот HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Delesive Game - игровые сервера Counter Strike 1.6</title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="container"> <div class="header"> <b><i>Delesive Game</i&g…

    Asked by Sodeum, March 5, 2012

    0 votes
    2 answers
12. Передача данных

    Приветствую. Наверное, не совсем относится к вёрстке, но в других разделах создать тему не дает Необходимо реализовать фичу, которая будет при переносе на страницу заказа товара вносить автоматически название товара в инпут под лейблом "Название товара*". Возможно ли такое реализовать? Если да, то с помощью чего? CMS - FlexoCMS.

    Asked by Seemann, March 5, 2012

    0 votes
    2 answers
13. 2 вопроса по CSS

    Вопрос: 1 У меня тут таков вопрос как сделать по типу списка в блоке типо: ? Меню ? - моя стрелочка (картинка) Меню - текст ! если не понятно вот скрин: http://s017.radikal.ru/i443/1203/3e/700365f6bfa9.png Вопрос: 2 короче у меня такая проблема как бэ как сделать так что-бы сайдбар и контент прижимался к футеру а то у меня такая фигня получаеться 1. http://s018.radikal.ru/i500/1203/7a/8f0a3ed8651c.png 2. http://s001.radikal.ru/i193/1203/92/4c697aab143d.png ПРоблема в том щито у меня ещё бордер прописан на контент так вот он не до конца доходит

    Asked by vasa3000, March 5, 2012

    0 votes
    6 answers
14. Заполнение input'ом свободного пространства

    Здравствуйте! Необходимо растянуть input#child на свободную ширину div#parent, причём учесть, что текст label'а может быть любой длины. Всю ночь работал, под утро уже голова не варит... Пример на JSFiddle.

    Asked by Crystall, March 4, 2012

    0 votes
    2 answers
15. Подключение плагина для радиобаттона

    Всем Привет. Решил попробовать написать для себя скрипт по кастомизации радиобаттонов(с подключением через классы) и столкнулся с непонимаем того, почему при клике на инпут начинает появлятся и сама картинка в теге: <i class="myVirtualRadio">? Такого по моим планам возникать не должно Также хотелось бы понять как правильно организовать исчезание ’галочки’ при клике на другой радиобаттон? Убирается почему 'галочка' то только с радио под названием 'шестой'? Остальные не реагируют... (Буду признателен — если кто подскажет...) Js код выглядит следующим образом: var myClassRadio = document.getElementsByTagName('input'); var virtualClassRadio = document.getElementsByT…

    Asked by Yamaradg, March 3, 2012

    0 votes
    6 answers
16. DLE дополнительные поля

    Всем привет. Помогите пожалуйста с движком DLE 9.5 null У меня есть 2 вопроса. ответьте хотяб на 1 1. как ограничить количество символов в дополнительном поле? (желательно чтоб не орезало слова и кончалось на "....") 2. Есть модуль "Topnews v1 alternativ" выводит в топ тока те новости в каторых есть картинка. у меня картинки идут через дополнительное поле [xfvalue_image] и модуль их не видит... помогите исправить код <?php $sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY news_read DESC LIMIT 0,10" ); while ( $row = $db->get_row()){$row['date'] = strtotime( $row['date'] )…

    Asked by Pro100User, March 3, 2012

    0 votes
    7 answers
17. В Джумле

    Проблема или в настройках джумлы, или в верстке. Не знаю. Главное меню. Если убираешь пункт в меню, то пропадает логотип (ну и вообще все что в шапке находится). Было у меня 5 пунктов. Сделал два - все пропало. Выровнял их по центру сайта (чтобы не справа эти 2 пункта были, а по центру) - все появилось. Сдвигаю чуть влево или вправо - опять пропадает...

    Asked by Imperil, March 3, 2012

    0 votes
    2 answers
18. аналог background-position-y

    Есть ли валидный аналог CSS свойства background-position-y? Использовал его, чтобы изменять координаты фона независимо друг от друга (в страйтах), но наткнулся на то, что его к сожалению не поддерживает опера и фаерфокс.

    Asked by Tmin10, March 3, 2012

    0 votes
    11 answers
19. Хочу чтоб новость была в центре

    Хочу чтоб новость была в центре много чево пробовал но не получился а в фаиле style.css где ети обекти при прописке position: relative; top: X px; left: X px вот мешают другие обекты. вот картинка чтоб хорошо посмотрели Заранее спасибо!

    Asked by erekle, March 3, 2012

    0 votes
    2 answers
20. Стоит ли угождать динозавру?

    Имеется сайт с софтом под win всех версий, вплоть до NT (хоть их очень мало). Нужно ли писать фикс для IE<7 (не включительно)?

    Asked by and_zheltukhin, March 3, 2012

    0 votes
    2 answers
21. Меню - раздвижное

    Встретил вот такую проблему. Как можно сделать, чтобы после нажатия ссылки "News" - выехала "вертикальная" табличка с новостями. Видимо тут уже javascript нужен? Если есть у кого пример выполнения такой задачи или "если не сложно кто может продемонстрировать примерчик" прямо тут. Горит ппц . <table width="100%"> <tr> <td width="100%"> <table width="100%"> <tr> <td class="bgcolornews" align="left"> <img src="img/3star.png" width="9" height="8"><span class="news"><a href="">News</a></span> <-- Клик </td> </tr> </table> <!-- Во…

    Asked by sparta, March 3, 2012

    0 votes
    5 answers
22. Подскажите скрипт местоположения

    Добрый день. http://s018.radikal.ru/i509/1203/d0/21d1cdd747ec.jpg У кого есть данный скрипт? Заранее благодарю.

    Asked by arturhome, March 3, 2012

    0 votes
    3 answers
23. Искажение шрифта в IE7 и ШУ9-10

    Получил искажение текста (шрифта) в самодельном выпадающем select-е. Проблема наблюдаема в только IE7 и IE9-10. В остальных браузерах проблемы нет. Когда я прокручиваю список ползунком вниз, у некоторых пунктом искажен текст. Он или вытянут по высоте или приплюснут. Когда я навожу указатель мыши на эти пункты, текст становится нормальным. Пробовал разные шрифты, это не помогает. Ничего особенного в css не применялось: font-size, line-height, padding, hover и так далее. Скрин (искаженные пункты селекта отмечены стрелками): The items of the drop-down select are loaded by the .js. It has the following code: window.indx = 1; $(document).ready(function () { $.fn…

    Asked by Zero108, March 3, 2012

    0 votes
    3 answers
24. ie 9 не рисует тень :(

    Помогите разобраться. Есть код: #header, #deviz h1, #content, #footer { max-width: 1400px; min-width: 980px; padding: 10px; margin: 0 auto; } ... #deviz{ width:100%; background:#00baf0} #deviz h1{ background: inherit; color: white; filter: Shadow(Color=#000000, Direction=45, Strength=2); font-weight: normal; font-size: 16pt; padding: 7px 17px; text-shadow: black -1px -1px 2px; white-space: nowrap; } И вроде бы все работает нормально, но IE9(из ослов пока установлен только он) отказывается рисовать тень. Точнее он ее рисует, но прячет за фоном. Собственно вопрос - как исправить? Я думаю можно дублировать слой для…

    Asked by perfecto, March 3, 2012

    0 votes
    1 answer
25. нет фона

    у стиля middle задан фон background: #988780; Но почему то, если не переменить стиль #middle:after фон не отображается. Я понимаю что стиль #middle:after растягивает #middle на всю высоту текста, но разве #middle не должен сам растягиваться без помощи #middle:after? Заранее спасибо. Просто сам могу на этот вопрос угрохать ни один день. CSS: #wrapper { width: 100%; min-width: 1000px; } /* Header —————————————*/ #header { height: 150px; background: #FFE680; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; height: 100%; position: relative; background: #988780; } /*#middle:afte…

    Asked by dmr, March 3, 2012

    0 votes
    2 answers