HTML Coding

29,542 questions in this forum

1. Ограничение DIV

   Как ограничить слои? тоесть что бы текст не вылезал и не обрезался, а переносился на новую строку. Размер слоя неизвестен.

   Asked by Ururu, April 26, 2009

   0 votes
   15 answers
2. Как растянуть сайдбар по высоте, вровень с контентом?

   Всем привет, Как растянуть сайдбар по высоте, вровень с контентом? height:100%; - не работает, min-height:100%; - не работает, margin-bottom: -32767px; padding-bottom: 32767px; - не работает, есть ли ещё способы? Дивы стоят так: <div id="wrapper"> [indent]<div class="sidebar" style="float:left;"></div>[/indent] [indent]<div class="content" style="float:left;></div>[/indent] </div>

   Asked by freeentr, September 30, 2010

   0 votes
   3 answers
3. Изменение свойства при клике

   Подскажите пожалуйста, как сделать в js. Чтобы по клику элемент передвигался влево, а при повторном клике на этот элемент возвращался на свое место?) Сделал вот так, оно только одинажды работает. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#language').click(function() { $('#language input').css('right', '28px'); $(this).css('right', '4px'); }); }); </script>

   Asked by Rezpektor, January 27, 2012

   0 votes
   4 answers
4. не работает text-decoration

   есть такой css div.ws {color:#000000; text-decoration:underline} .ws a {text-decoration:none; color:#FF0000} и такой HTML <div class="ws"> <h3>Влияние лунного света</h3> <p><a href="pages/mont/vk.html">на рост бараньих рогов</a></p> получается вот это: Почему цвет ссылки FF0000, т.е. красный, а подчеркивание все равно остается?

   Asked by fakss, January 9, 2017

   0 votes
   2 answers
5. Растягивающие кнопки в меню.

   Как правильно сделать такую менюшку? Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся. <ul type="none" style="margin-top: -5px;" dir="rtl"> <li> <div style="width: 146px;" class="button_active"> <div id="content" > HOMEPAGE </div> </div> </li> <li> <div style="width: 114px;" class="button_in_active"> <div id="content" > LINE-UPP </div> </div> </li> </ul>

   Asked by optimist32, June 4, 2011

   0 votes
   60 answers
6. Таблица с квадратными ячейками.

   Здравствуйте! Такой вопрос нужно сделать таблицу, которая занимает 100% доступной ширины. Она имеет 31 стобец и 7 строк. Нужно, чтобы ячейки всегда были квадратные. Я задаю фиксированные ширину и высоту для ячейки и это прокатывает, но если увеличивать контейнер в котором раположена таблица, ячейки становятся прямоугольные, а должны всегда сохранять форму квадрата. Может кто-нибудь подскажет, как решить этот вопрос? Спасибо!

   Asked by 9EVIL, April 26, 2012

   0 votes
   6 answers
7. Тень от текста в html

   Подскажите, реально-ли сделать тень от текста при помощи стандартных средств html и css, если текст находится сверху бэкграунда? Если нет, подскажите простое решение плиз.

   Asked by santechnik, June 24, 2007

   0 votes
   9 answers
8. Резиновая строка между 2х таблиц???

   Как сделать что бы последняя (нижняя) таблица прилипала к нижнему краю экрана? Структура: Таблица1 Таблица2 Таблица3 Что нужно: Структура: Таблица1 Таблица2 резиновая строка, пробел и т.д. и т.п. Таблица3 (прилипшая к нижнему краю экрана) код оч длинный так что вот www.karta-fitness.ru Фуф...с надеждой что хоть кто-то поймет что я тут нацарапал...

   Asked by Shkur, May 5, 2008

   0 votes
   10 answers
9. CSS, растягивание блока в высоту

   Суть следующая: есть один большой блок, содержащий два других: один слева, другой справа. большой блок содержит ТОЛЬКО другие блоки и больше ничего. а вот левый и правый внутренние блоки содержат текст. причём, на каждой странице сайта - кол-во текста разное. задача: сделать так, чтобы высота большого блока равнялась высоте самого большого из двух внутренних блоков, а самое главное: чтобы другой внутренний блок имел такую же высоту! проще говоря: высота ВСЕХ трёх блоков должна быть РАВНА и зависеть от высоты самого большого из внутренних! Проблема в том, что если большому блоку задать фиксированную высоту в пикселях, то внутренним можно поставить по 100% и всё работает. а…

   Asked by strobik, April 1, 2012

   0 votes
   4 answers
10. про float и width

    хреновый все-таки из меня дизайнер. имеем: .pic {float:left; padding:4px; margin:6px; background-color:#3c3c3c; border:1px solid #bdbdbd;} <div class="pic"> <a> <img> text </a> text </div> глюк - идут подряд картинки. пока размер одинаковый все нормально. как только встречается вместо 150*113 вертикальная 113*150, следующие две 150*113 благодаря float позиционируются вертикально и прилипают друг к другу. очевидное решение - задать постоянную высоту, одинаковую для всех картинок. ну, 150px+13pt+11pt примерно 185px. ширина 150px+4px*2(padding)+1px*2(border)=160px. чтоб избежать большого фона снизу, вводим внешний контейнер. получило…

    Asked by D.S.Denton, May 18, 2007

    0 votes
    12 answers
11. Создание простенького сайта, нужна помощь

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

    Asked by AiNt, May 13, 2008

    0 votes
    37 answers
12. как определить десктопный браузер или нет

    Всем здрасте. Суть проблемы: есть обычная версия и мобильная. Пользователям ПК сразу должна выдаваться обычная версия (ddd.ru) с этим проблем нет , пользователям мобильных устройств (кпк, смарт) предлагается на выбор или обычная, или кпк версия (pda.ddd.ru) вот тут-то я и стопанулся. Гипотетически надо определять по юзер агенту, но подробной информации по этому вопросуне нашел. Если кто поможет - буду очень благодарен.

    Asked by mongoose, July 8, 2009

    0 votes
    4 answers
13. Шапка из 3 картинок + Беграунд

    Добрый день, Уважаемые Гуру! Есть такой вопрос, как сделать на дивах следующее. Есть 3 картинки которые находятся в шапке сайта: Left.gif, center.gif, right.gif Надо чтобы центральная картинка была на месте по центру страници а левая и правая при изменении размера прятались или появлялись. Уже парюсь 3 дня все мысли кончились

    Asked by murzik123, September 1, 2009

    0 votes
    21 answers
14. Кнопка формы выпадающего списка

    Здравствуйте ребят .при верстке макета возник вопрос с кнопками в форме (см скрин ниже выделены красным цветом) google так и не дал вразумительного ответа по поводу того как их редактировать и можно ли их в обще редактировать с помощью css и как вставить эту оранжевую картинку впереди текста у меня получается так (см скрин ниже) как ни старался вставить картинку в форму не смог.она либо перекрывает текст.либо залезает за рамку формы вниз.как от центровать её тоже не разобрался у меня получилось так итог) 1вопрос? Как изменить картинку кнопки (если возможно ) 2 вопрос? как вставить картинку (если возможно) 3 вопрос? Как отцентровать текст по ц…

    Asked by Евгений_SB, November 8, 2013

    • Кнопка формы выпадающего спис
    0 votes
    3 answers
15. gmail не видит картинки в html письме

    Добрый день, я ранее задавал этот вопрос, пожалуйста, кто разбирается в html письмах, помогите. Сверстал письмо, перепробовал и картинки на хостинг заливать и задавать им путь оттуда, gmail не видит, пробовал и локальные изображения через сервисы рассылки email, заливая туда свой шаблон, гугл все равно их не хочет видеть, в чем беда?

    Asked by exoty, August 8, 2018

    0 votes
    14 answers
16. Индексация поисковиками страници с фреймами (frameset)

    Здравствуйте! Пришел к вам на форум, чтобы спросить следующее: Я вообще флешер. Делаю сейчас сайт приятелю. Нужно сделать красивым, и в тоже время, очень важно отображение в поисковиках. Для этого, я решил использовать фреймы. Раньше никогда их не пробовал, но изучив понял, что все просто. Только вот моя логика подсказывает, что возможны проблемы с поисковиками. Подробности: Я буду делать сайт таким: 1. Страница index.html в которой прописано вместо Фреймов будет 4. первый будет флеш шапка, второй, флеш подвал, третий левая колонка, а четвертый все остальное. Т.е Первые три флейма будут полностью заняты флешками, а четвертый, будет подгружать и менять html страници сай…

    Asked by джонатан, March 30, 2008

    0 votes
    32 answers
17. Как сделать, чтобы при нажатии на ссылку появлялся сбоку блок(div)?

    Есть список услуг, каждая категория - это ссылка, список находится слева. Нужно так, чтобы при нажатии на категорию сбоку появлялся блок. При этом, нужно, чтобы при нажатии на другую категорию этот блок закрывался и появлялся новый. если можно чтобы плавно появлялся блок. Помогите пожалуйста, народ, очень нужно.

    Asked by alex1998, February 27, 2014

    • html
    • css
    • div
    • javascript
    • веверстка
    • .js
    0 votes
    5 answers
18. Возможно ли убрать название якоря из строки браузера

    Как убрать название якоря из строки браузера когда нажимаешь на ссылку такого вида <a href="#link"> link <a> в строку браузера добавляется #link, нужно чтобы этого не происходило

    Asked by swandev, April 24, 2014

    0 votes
    5 answers
19. Как сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину

    Здравствуйте. Такая проблема. Имеется - резиновая верстка и надобность сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину. Не выходит. Обернул таблицу в div. overflow-x: scroll; желает работать только со строго заданным width. С max-width он тоже работает, но резиновым элемент от этого не становится. Вот эта благодать - http://pskov.izbirkom.ru/quantity.html table обернута в <div id="qty-table"></div> со стилем #qty-table { float: left; overflow-x: scroll; width: 600px; -width: 600px; } Вопрос - как же сделать резину? Спасибо.

    Asked by 7ion, March 14, 2012

    0 votes
    3 answers
20. IE6 как обычно портит всю картину! Изменение высоты ячеек по вертикали

    Доброго времени суток! Уже руки опускаются, не знаю что придумать. В общем дизайн сайта корректно отображается в Opera и FF, но в IE как обычно что-то отображается криво. Ссылка удалена автором темы! В нижней части рамки для ссылок, IE растягивает по вертикали одну строку ячеек (хотя задана точная высота первой ячейки) и происходит дублирование фонового изображения. Мне-то все-равно, т.к. материал на сайте будет предназначен в основном для Линуксойдов, но все-равно неприятно... Я конечно могу и отключить при помощи CSS дублирование фона конкретных ячеек, но хотелось бы узнать - может быть есть способ, с которым IE станет отображать разбивку страницы сайта нормально? Прост…

    Asked by Boron, August 13, 2007

    0 votes
    9 answers
21. Проблема с меню

    В общем мне нужно чтобы меню в css разпологалось горизонтально, оно состоит из рисунков и разбито на классы. #menu_graf { width:100px; background:#0000FF;} #menu_graf a { text-decoration:none; } #menu_graf div { width:100px; height:30px; cursor:pointer; } #menu_graf a.knopka1 { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1 div { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1:hover { background: url("images/button_1_hover.gif") no-repeat; } #menu_graf a.knopka1:hover div { background: url("images/button_1_hover.gif") no-repeat; } А вот следующая кнопка разпологается сразу после предыдущего, как сделать чтобы было горизо…

    Asked by ret, June 4, 2010

    0 votes
    34 answers
22. Помогите решить проблему с дивом в таблице

    В таблице есть 2 строки: верхняя имеет высоту=100%, а нижняя просто 100. В верхнее поле вписан див, в стиле которого так же стоит высота=100%, добавлен оверфлоу=авто и скролл=авто. Но проблема в том, что Опера некорректно отображает этот див (высота в 0 пиксель, не показывая содержимое дива и отображая только его только границы). Проблему с Оперой можно побороть, поставив в стиле дива свойство display, равное table. Но тогда начинает выпендриваться Фаерфокс, бесконечно увеличивая высоту дива и не показывая скроллбары. Пример вот: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <…

    Asked by partiz, April 3, 2008

    0 votes
    26 answers
23. Как обрезать картинку снизу?

    Друзья, возникла задача построения ряда блоков. Блоки располагаются один под другим. В каждом есть изображение, которое должно обрезаться снизу. Однако сам div нестандартный. Смотрим картинку Какие у меня были варианты решения: Использовать overflow: hidden; Но идея потерпела крах, потому что он обрезает не по линии, а по горизонтали. Использовать clip; Тоже крах, потому что теряется адаптивность и каждый раз рассчитывать clip даже с помощью js тяжело Разные варианты совмещения. Например, взять из макета дугу и картинку, сохранить как PNG и установить в основном слое как background-position: bottom; Пока это самая лучшая идея, но она не унив…

    Asked by Libiros, July 28, 2017

    • html
    • css
    • div
    • img
    • background
    0 votes
    17 answers
24. Кроссбраузерность

    Заранее прошу прощения за возможно глупый вопрос, но вот как при верстке сайта проверять его на кроссбраузерность ? От меня требуют, что б сайт отображался одинаково практически во всех браузерах, начиная с ie6 и заканчивая safari. Не ставить же себе на компьютер все эти браузеры Или всетаки ставить ?

    Asked by bobo, May 12, 2011

    0 votes
    43 answers
25. подчеркивание многострочного абзаца

    Гуры HTML Подскажите пожалуйста как замутить такое text text text text text text text text text text text text text text text text text text text text text text text text text text text __________ Чтобы подчеркивание растягивалось именно с текстом последней строки, при изменении размера страницы.

    Asked by den33, June 1, 2007

    0 votes
    11 answers