HTML Coding

29542 questions in this forum

1. Выравнивание контента по вертикали

   Вопрос: У меня на странице расположен блок в которым меняется высота в зависимости от содержимого, под этим блоком расположена таблица как сделать так чтобы эта таблица выравнивалась по вертикали, по центру между низом блока и нижней частью окна браузера, margin-top почему то не помогает, отступ берется от самого верхнего края окна браузера. Может я что то не понимаю? Если необходимо могу выложить код и картинку. Надеюсь на понимание и заранее благодарю!

   Asked by Alexsays, April 11, 2010

   0 votes
   10 answers
2. keyframe анимация не работает в chrome

   keyframe анимация не работает в chrome. Пробовал с префиксами, не работает. Как это решить? http://jsbin.com/menezamu/1/edit @keyframes huge { 0% {transform: scale(1.0, 1.0); background-color: #ff375a } 50% {transform: scale(1.2, 1.2); background-color: #379bff } 100% {transform: scale(1.0, 1.0); background-color: #ff375a} }.animButton { color:white; font:italic 20px Impact; letter-spacing:1px; text-shadow: 0 1px 1px rgba(0,0,0,0.6); display:table; text-align:center; line-height:150px; width:150px; height:150px; border-radius:100px; background:url(/img/usa/herbals.png) no-repeat bottom, -moz-radial-gradient(center, ellipse cover, rgba(0,0,…

   Asked by apexis, June 18, 2014

   0 votes
   3 answers
3. Фиксирование

   Добрый день всем! Я начал верстать макет, в задании сказано: Т.к. я новичёк, мне хотелось бы узнать, что это и как это сделать? Насколько я понял это делается вот так: body { background: #ffffff; background-image: url(images/bg.gif); width: fix; height: fix; }

   Asked by Feers1de, September 17, 2011

   0 votes
   54 answers
4. как упростить процесс создания сайта, или переменные в html. need help

   во-первых, приветствую! это мой первый постинг на этом форуме. htmlbook - очень полезный для меня ресурс, и, я думаю, не только для меня, за что спасибо! но вот меня интересует такой вопрос, на который я здесь ответа не наш?л (может, просто плохо искал): как сделать эээ... переменные? не знаю даже как правильно называются такие вещи.. В общем, сайт простой, только html и css, каркас из одних таблиц. и вот пока сайт делаешь, меняются то одни, то другие детали, и приходится каждую страницу переделывать индивидуально, хотя элемент один и тот же. интересует следующее: можно ли сделать (в таблице) какое-то "нечто", которое при обработке страницы будет отображаться нужным значе…

   Asked by brainless, September 7, 2007

   0 votes
   10 answers
5. Как установить SmartyDWT

   Здравствуйте! У меня такой вопрос в эту ветку форума: на днях скачал плагин SmartyDWT для Dreamwear, но никак не могу разобраться как его установить? Подскажите советами...

   Asked by Sanmon, February 2, 2008

   0 votes
   2 answers
6. Как разместить блоки один над другим?

   Есть вот такая заявка http://www.rostovpatent.ru/index.php/onlinez/onlz на основе ckform, хочется её преобразовать таким образом, чтобы текстовые блоки располагались над блоками для ввода данных (каждый над своим), а все вместе блоки (и текстовые и для ввода данных) выравнивались по левому краю. В настройках программы такую возможность не нашёл. Рыл CSS, сам не справился. Подскажите пожалуйста как можно это сделать? (скорее всего это не сложно, но мне пока неведомо ). Вот код файла, если поможет.

   Asked by ankoch, February 19, 2010

   0 votes
   3 answers
7. Задача: подключить css для выбранного <div>

   День добрый други ! Общий вид задачи таков: Допустим есть 3 дива по порядку голова, боди, футер. Как подключить css файл так, чтоб его правила распространялись, например, только на Боди ?? Вроде как вариант - в сам боди вставить include. Но тогда стили зацепят и футер. Каскадные стили тоже не вариант (типа в самом CSS перед каждым свойством дописать .боди) - предположим что ЦСС менять нельзя. Есть ли варианты решения данной задачи ? ==================== И собственно, частные случай этой же задачи: Надо подключить bootstrap так, чтоб его стили работали только в определенном диве, а в других дивай этой же страницы он ничего не затрагивал (в частности он подм…

   Asked by volkoff, April 2, 2014

   • css
   • bootstrap
   0 votes
   5 answers
8. Пробел между картинками

   Есть две картинки, нам надо их разместить вертикально одна под другой. Ничего сложного, используем следующий код. <p><img src="sample.gif" alt="1"><br> <img src="sample.gif" alt="2"></p> Так вот, при строгом доктайпе между картинками будет промежуток, при переходном доктайпе промежутка не будет. Проверял в Opera 9.2, Safari 3.1, FF 2. Один IE6 игнорирует доктайп и отображает без пробелов в любом случае. Никак не могу понять логику, при чем же здесь доктайп, однозначно влияет на line-height, которое меняется. Хотя казалось бы не должно. У кого какие соображения?

   Asked by Vlad, September 6, 2008

   0 votes
   3 answers
9. Резиновый блок

   Здравствуйте. Я затрудняюсь на создании резинового блока. дело в том, что я делаю два резиновых блока, присоединённых друг за другом. если в файле стилей я прописываю 50% на каждый, то при смене разрешения они искривляются и искажаются, в зависимости от количества слов в тексте в них. Если у кого есть опыт, скажите, как сделать два резиновых блока. высоту можно сделать фиксированной 200px. <div>Блок 1</div<div>Блок 2</div

   Asked by Sayitright, April 30, 2010

   0 votes
   6 answers
10. Как создать вложенное dropdown меню второго уровня с bootstrap 3?

    Здравствуйте! Пытаюсь сделать мобильно-дружелюбным меню второго уровня вложенности с использованием компонента navbar от bootstrap 3. Пока вот что получается Может у вас есть какая идея, как заставить раскрыться вложенный подпункт Dropdown2 по клику бутстрапным образом? Или нужно свой скрипт-обработчик вешать?

    Asked by borus, June 8, 2015

    • bootstrap 3
    • navbar
    • dropdown
    • многоуровневое меню
    0 votes
    1 answer
11. Хак для IE 5.5

    Господа, подскажите хак для ишака 5.5 персональный чтоб его понимал только 5.5 и никто кроме него.

    Asked by Mr Loga, December 15, 2010

    0 votes
    23 answers
12. Картинка вместо кнопки отправки данных

    Здравствуйте. Подскажите, пожалуйста, возможно ли сделать вместо кнопки для отправки данных картинку? type="image" пробовал, картинка вставляется, при нажатии переходит на нужную страницу, но данные формы не отправляются. Как я понял данные отсылаются только при submit. Возможно ли с submit вместо кнопки сделать картинку? Извините за беспокойство. Уже нашел

    Asked by m4es, October 5, 2008

    0 votes
    1 answer
13. Принудительная отмена стиля

    Здравствуйте. Подскажите пожалуйста, как можно принудительно отменить стиль таблицы, действующий для всего сайта. Имеется тема на wordpress. Там есть стиль (зебра), он распространяется на все таблицы, создаваемые на страницах. Но мне нужно просто вертикально выстроить картинки, решил применить табличку, чтобы было красиво, но они поочередно выделяются белым/серым фоном.

    Asked by johnnybravo, May 6, 2011

    0 votes
    14 answers
14. Задача по CSS

    Возникла задача, которую я не смог осилить. Поэтому прошу вашей помощи. Дано: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Задачка по CSS</title> <style type="text/css"> * { margin: 0; padding: 0;} .nav { list-style: none;} .nav > li { display: inline-block; width: 100px; border: 1px solid #000; vertical-align: top; } </style> </head> <body> <ul class="nav"> <li> &lt…

    Asked by psywalker, October 27, 2011

    0 votes
    26 answers
15. Высший пилотаж CSS

    Доброго дня, Уважаемые! Наткнулся случайно на немецком сайте http://www.yaml.de на интересные вещи. Сразу скажу, некоторые я увидел впервые. (рекомендую скачать примеры с их же сайта (вс? бесплатно) Download YAML ) А вот то до чего у меня не доходит или я просто шокирован таким применением...: (куски из разных мест) body { background: #4d87c7 url("../../../images/bg_blue.gif") repeat-x top left fixed; padding: 10px 0; } */ !компактно #page_margins { min-width: 740px; max-width: 80em; margin: 0 auto; border: 0px #889 solid; } */mini-width - даже не видел в применении... #topnav { color: #aaa; background: transparent; } */ прозрачный? как? #nav_main ul li#current s…

    Asked by sl, December 11, 2007

    0 votes
    12 answers
16. Полоса прокрутки при абсолютном позиционировании

    Имеется такая конструкция. В блок вложен блок с фоновой картинкой. <div class="outer"> <div class="block"></div> </div> Css: .outer{ width:980px; margin:0 auto; position:relative; } .block{ position:absolute; width:200px; height:200px; left:-100px; top:-50px; } В данном случае, если окно браузера сужается менее 1180px, полоса прокрутки не появляется, Но если задать .block { right:-100px } при сужении окна, полоса прокрутки появляется. Как обойти данный момент? То же самое и если сдвигать .block вверх- полосы прокрутки нет, а если сдвигать .block вниз, то полоса появляется.

    Asked by vip, June 22, 2016

    0 votes
    8 answers
17. Как сделать такие же тени в css, как и на макете в PS

    Здравствуйте! Имеется блок, у которого заданы вот такие параметры: Подскажите, пожалуйста, как сделать точно в css? Пробовала вырезать сам блок с тенями без бэкграунда - получается абсолютно не такой цвет как нужно: Должно быть так: А получается вот так:

    Asked by Xenia Wanger, December 6, 2013

    • photoshop
    • тени
    • box-shadows
    0 votes
    7 answers
18. Ie6 + Xp

    Делаю сайт. В написание кода не силен, делаю по образу и подобию . У меня на сайте появилась страница http://www.aquapage.ru/eretmodus_cyanostictus.html причем одна (остальные отображаются нормально) у которой под меню пропуск текста на пол страницы. И именно в таком соотношении IE6 + XP, в Opera и IE7 отображается нормально. Код у нее такой же как и у остальных страниц (я отличий не нашел) в чем может быть проблема? Подскажите, кто знает. Желательно не переписывать CSS, а исправить ручками на странице. Спасибо.

    Asked by aquapage, August 24, 2008

    0 votes
    4 answers
19. Ударение над буквами

    Знаю, что есть ´ (акут) - вычитал на википедии. И там же увидел как его юзают. Захотелось попробовать, но когда я пишу догово´р, то получаю такую строку - договоґр. Возникает вопрос, а как делают на википедии, что ударение над буквой стоит? Посмотрел html - никакими тегами ударение не обрамлено, значит ни скриптом, ни стилями оно не сдвигается. Может в шрифте дело (хотя вроде там обычный Ариал юзают)? Кто-нибудь делал такое? О, случайно в сети наткнулся на решение оказывается есть в юникоде ́ (combining acute). И писать его надо перед буквой, типа докум́ент. Если кому интересно, то вот. Еще пишут, что не все шрифты его поддерживают нормально, но популярные (Arial, Trebuch…

    Asked by Great Rash, July 16, 2009

    0 votes
    4 answers
20. рамка таблицы в виде картинок

    Можно как нибудь сделать рамку таблицы в виде картинок, чтоб не сполшная линия какого-либо цвета, а картинка была !?

    Asked by paladin, September 15, 2007

    0 votes
    8 answers
21. древовидная структура ссылок

    Всем привет! Люди плз помогите как в html можно реализовать дерево ссылок. Тость что б в правой части окна было как в винде дерево (при нажатии на + открывалось все что прописано или лутьше все что в нем находится). Возможно ли это вообще?

    Asked by hoot, July 2, 2007

    0 votes
    4 answers
22. Выпадающее меню на CSS

    Ребята, подскажите пример Выпадающего вертикального меню на css, чтобы работало в IE, Opere и Mozile Меню такого плана, Раздел и подразделы, когда кликаешь по Разделу раздвигается по вериткали и сдвигает снизу стоящий текст: | Меню1 | | Раздвигающиеся меню1| - | Подменю 1.1 | - | Подменю 1.2 | - | Подменю 1.3 | - | Подменю 1.4 | | Меню2 |

    Asked by okunev2, June 30, 2007

    0 votes
    5 answers
23. как зафиксировать меню посли клика мышки

    Есть такая проблема. Сделал меню по вот этому уроку https://www.youtube.com/watch?v=Vcb4DCts1yc, проблема в следующим: Как сделать так, что-бы при нажатии на квадрат, он остовалься в положении как при наведенной мышой на него. И назат не складывалься. (это ссылка на строницу ну там (главная или контакты)). В уроки у него квадрат увеличиваеться при наведении мыши. Эфект сделан с помощью html <div id="conteiner"> <a href="index.html"><div class="menu"> <p class="p1">Sites</p> <!-- <p class="p2">Paint design</p> </div> css .menu { width: 150px; height: 100px; background-color: #F28802; float:left;…

    Asked by jatisto, September 11, 2015

    • css
    • html
    0 votes
    8 answers
24. Скрыть путь к изображению

    Здравствуйте Уважаемые форумчане! У меня возник вопрос: «Как скрыть ссылки на определенные рисунки?». Сайт на движке DLE 8.0, есть краткая и полная новость в обеих по картинке. В браузере Opera нажимаем правой кнопкой мыши на фото => «Свойства изображения…» и получаем полный путь к картинке на сайте. Например “http://mysait.ru/library/files/arc_61883/003/screen.jpg”. Вот его мне и нужно скрыть т.к. это вопрос безопасности остального содержимого в той же папке. Скажите пожалуйста, можно ли скрыть с помощью кода адрес рисунка и как? Т.е. какие технологии применить, чтобы картинка отображалась, а ее местоположение было скрыто?

    Asked by Holli, December 11, 2009

    0 votes
    11 answers
25. как создать такие же кнопки

    как создать такие же кнопки как на этом сайте http://www.break-down.ru/

    Asked by neeed, August 8, 2010

    0 votes
    38 answers