HTML Coding

29,542 questions in this forum

1. Проблема с выравниванием

   Есть елемент: <input type="text" value="поиск по каталогу"> А так же стиль к нему: input { display:inline; float:left; height:28px; margin-top:6px; border:1px solid #dddddd; border-left:0; font:12px Arial, Helvetica, sans-serif; color:#6c6b6d; vertical-align:middle; } Как сделать так, чтобы во всех браузерах текст внутри елемента выравнивался по середине по вертикали? В даном случае он выводится так только в Опере. В Файрфоксе и ИЕ - выравнивается по верху

   Asked by Singer, February 15, 2010

   0 votes
   3 answers
2. Проблема с выравниванием

   Я хочу выровнить изображение по центру объекта ниже, а также создать отступ внизу 5px, вот код html: <div class="shapka" align="center"> <img src="http://worldcity.16mb.com/templates/siteground-j16-22/images/had.png"></img> </div> Код css: div .shapka{ height:200px; width:900px; margin-bottom: 5px; text-align: center; } Но получается вот такая картина:

   Asked by skorpion97, February 5, 2012

   0 votes
   4 answers
3. Проблема с выравниванием 2-х кнопок

   Здравствуйте, всем! Благодарю за то, что посмотрели тему! Добавил на сайт 2 кнопки Скайпа: http://murmot.ru/contact/ Пробовал различными способами сделать так, чтобы они шли в одну строку в месте с текстом "по Skype", т.е. по Skype: Кнопка1 Кнопка2 но так ничего и не вышло. Код страницы такой: Вы можете связаться с нами наиболее удобным для Вас способом: <ul> <li>по телефону <strong>+7 499 6 388 995</strong></li> <li>по Skype: <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> <a href="skype:boris_biz?add"><img src="http://download.skype.com/share/skypeb…

   Asked by Glaz_Go, November 14, 2012

   0 votes
   5 answers
4. Проблема с выравниванием div

   Как сделать так, чтобы один див прижимался к левому краю, а другой к правому и при этом никуда не пропадал базовый div? Вот, что имеется в виду: <div style="background: #f6f6f6;"> <div style="float: left;">123</div> <div style="float: right;">456</div> </div> Проблема в том, что при таком раскладе базовый div (тот, что с бекграундом) как бы схлопывается. Однако если ему указать высоту в 1 пиксель, то в IE всё работает просто замечательно. Базовый div сразу подстраивается под высоту двух других. А вот в FF и Opera этого почему-то не происходит . Как решить такую проблему без задания высоты каждому диву, так как она может быть разной?…

   Asked by thekap, February 15, 2011

   0 votes
   5 answers
5. Проблема с выравниванием DIV блоков по вертикали

   Проблема такая делаю шаблон к сайту. Сделал правый и левый сайдбары с помощью DIV блоков одинаковыми. Проблема заключается в том что если внести в один из сайт баров информацию, то другой блок выравнивается по низу. В общем "пляшут" у меня оба блока. Подскажите как их зафиксировать вертикально, чтоб не "плясали" при добавления в сайдбары информации. З.Ы. сами блоки входят в строку таблицы, которая поделина на два столбца сайдбара и столбец с контентом.

   Asked by Scorpio2011, July 20, 2011

   0 votes
   8 answers
6. Проблема с выравниванием всплывающих блоков в FF и Chrome!?

   Добрый день, друзья! Буду рад любой помощи! Возникли проблемы со всплывающими блоками в Firefox и Chrome ... в Opera и IE вроде нормально, а именно: они почему-то скачут (( вот css: <style type="text/css"> <!-- td.compact.border-bottom { position:relative; z-index:0; width:182px !important; height:280px !important; } td.compact.border-bottom span{ display: none; } td.compact.border-bottom:hover{ z-index:25; background:;} td.compact.border-bottom:hover span.tooltip{ display:block; position: absolute; top:0px; left:-5px; padding: 15px 0 0 0; width:182px; text-align: center; } html:not([lang*=""]):not(:only-child) td.compact.border-bottom…

   Asked by GansICH, March 15, 2011

   0 votes
   0 answers
7. Проблема с выравниванием картинок по центру

   люди добрые, помогите разобраться, как сделать так чтобы картинки позиционировались по центру экрана а крыло ангела при разрешении 1024х768 при этом заходило за картинку http://www.annatischenko.ru/razdely/Kartin...rospisi_all.htm P.S. у меня если и получается добиться центрирования картинок с помощью div'ной верстки всего макета, то не получается его потом подогнать под большое разрешение P.S. ссылка почему то обрезается, так что я ее разделил на две части http://www.annatischenko.ru/razdely/ Kartiny/rospisi/rospisi_all.htm"

   Asked by ArtBilly, February 6, 2009

   0 votes
   0 answers
8. Проблема с выравниванием картинок по центру

   люди добрые, помогите разобраться, как сделать так чтобы картинки позиционировались по центру экрана а крыло ангела при разрешении 1024х768 при этом заходило за картинку http://www.annatischenko.ru/razdely/Kartin...rospisi_all.htm P.S. у меня если и получается добиться центрирования картинок с помощью div'ной верстки всего макета, то не получается его потом подогнать под большое разрешение P.S. ссылка действительно почему то обрезается, так что я ее разделил на две части

   Asked by ArtBilly, February 6, 2009

   0 votes
   4 answers
9. проблема с выравниванием меню

   Добрый вечер. Есть сайт Проблема с нижним меню в футере, в белой рамке. Надо выравнять по центру, чтобы не съезжало влево. И проблема эта в Google Chrome и в padding, который пытаюсь установить между пунктами меню. Если сделать чтобы в Mozilla и Opera отображалось нормально, то в Chrome съезжает влево(не хватает padding), и наоборот, если сделать, чтобы в Chrome всё было нормально, то в Mozilla и Opera меню переходит на вторую строку(значение padding большое). Перепробовал кучу вариантов, но ни один не подошёл, ни как не могу понять, как всё сделать нормально. Помогите пожалуйста.

   Asked by slo_nik, June 22, 2012

   0 votes
   8 answers
10. Проблема с выравниванием объекта в линию..

    Добрый день. Я так чувствую я уже 145 человек, приходящий с такой проблемой, но честно перепробывал все известные танцы с бубном, ничего не помогло. Есть Полоса: Вот так её плющит при маленьком разрешении экрана: #information { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; vertical-align:middle; color:#fff; font-weight: bold; list-style: none; padding-top: 4px; background:#10347B; margin:0px; margin-bottom:1px; margin-left:0px; height:20px; border:0px; white-space: nowrap; } #information li{ float:left; padding-left: 8px; padding-right:16px; background: url('img/crosser.png'); background-position: right center; background-repe…

    Asked by Feiron, November 8, 2009

    0 votes
    5 answers
11. Проблема с выравниванием по вертикали в css

    2 элемента в одном диве должны быть расположены на одном уровне по горизонтали. Высота этого дива 50пкс,высота текста(span)50пкс,высота картинки справа от текста тоже 50. С картинкой то все ок,но вот текст не в центре по вертикали,а внизу,просто лежит и я не знаю как сделать что бы закрепить его в центре. Пробовал line-height:50px; на всех елементах,пробовал margin:auto 0px auto 20px; тоже не помогает...

    Asked by pudge, December 2, 2013

    0 votes
    14 answers
12. Проблема с выравниванием по центру в InternetExplorer

    Добрый день! Не подскажите в чём причина проблемы и как её решить? В следующем примере страницы контент выравнивается посередине. Но вот почему-то в Internet Explorer контент не выравнивается по центру, а во всех других браузерах всё работает нормально. Выравнивание производится стилем #wrap { .. margin:0 auto; .. } Код: HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" href="css/Blocs.css" rel="Stylesheet" /> </head> <body> <div id="wrap"> <!-- Header --> <div id="header"…

    Asked by pavel_martin, September 26, 2011

    0 votes
    4 answers
13. проблема с выравниванием таблице по ширине окна

    пишу выравнивание по ширине 100% не помогает((( в чем может быть причина и как исправит, за рание спасибо

    Asked by set, November 27, 2008

    0 votes
    9 answers
14. Проблема с выравниванием текста

    Всем привет. http://test.premier96.ru/main.html Кто-нибудь может объяснить, почему в верхнем меню странно отображается текст, если он в несколько строк ?

    Asked by lolka84, January 21, 2014

    0 votes
    6 answers
15. Проблема с выравниванием текста по картинке...

    Всем доброй ночи! Интересует такой вопрос: Хочу сделать меню заданной ширины, в меню 6 ссылок, текст и напротив него, картинка. Если текст ссылки короткой, то проблем нет, вертикально выравниваю текст напротив картинки и все. А вот когда текст длинный, его надо уместить на две строчки и выровнять обе строки напротив картинки, это уже никак не удается сделать через div, только через таблицу, что сразу лишает возможности сделать адекватную ссылку. Кто сталкивался с данным вопросом или имеет идеи как победить проблему? Пример того, что нужно получить без div тут: http://owlclay.ru/ Заранее спасибо за внимание.

    Asked by GreyAlex, June 2, 2011

    0 votes
    4 answers
16. Проблема с высотой

    Ну вот никак, НИКАК не хочет этот ... ие отображать целиком мой сайт - обрезает его по правому столбцу. Вот сайт, смотреть в ие. Если нужно выложить код, скажите пожалуйста.

    Asked by Trust, September 27, 2008

    0 votes
    4 answers
17. Проблема с высотой

    Здравствуйте. Столкнулся с проблемой вёрстки. Необходимо получить следующий вид: , однако у меня получается такой вид: Привожу код страницы: <!DOCTYPE html> <html> <head> </head> <body> <div id="wrapper"> <header id="header"> <div>Заголовок</div> <nav id="hor_menu"> Меню </nav> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div> <aside id="sideLeft"> <nav id="ver_menu"> Меню </nav> </aside> <…

    Asked by param, March 21, 2012

    0 votes
    7 answers
18. Проблема с высотой

    Здравствуйте! Не подскажите, как к этому макету применить минимальную высоту всех колонок? Пробовал .with_minheight { min-height:550px; height:auto !important; height:550px; } Но в IE появились отступы в 3px слева и справа от content . Не подскажите, как исправить? Не влазьте в чужие и тем более старые темы. Новый вопрос - новая тема.

    Asked by dimka18, April 20, 2012

    0 votes
    0 answers
19. Проблема с высотой

    Добрый день. На днях сверстал шаблон, но появились ряд проблем с высотой. Мне нужно сделать так, что бы высота центрального блока изменялась, если добавили новый комментарий. Как реализовать? height: 100% не помогает

    Asked by IUMag, July 24, 2012

    0 votes
    9 answers
20. Проблема с высотой

    Есть следующая страница https://webref.ru/course/introduction/browser Для создания вкладок используется Foundation 6, jQuery 2.1.4. Сами задания сделаны через H5P (h5p.org) и некоторые из них неверно отображаются из-за какой-то ошибки с высотой контейнера. Есть какие-то советы, в чём проблема и как её устранить?

    Asked by Vlad, March 18, 2016

    0 votes
    9 answers
21. проблема с высотой (height:100%) при 2 background-image

    Всем привет. Такая проблема возникла, необходимо поставить два баграунда. Один снизу в блоке по центру, простая однопиксельная повторяющаяся полоса, а другой - картинка накладывающийся сверху, необходимо контент наложить на первый, что бы он (первый) продолжался вниз до бесконечности, при: <body> <div class="bg1"> <div class="bg2"> <div class="content"> </div> </div> </div> </body> *{ margin:0;padding:0 } html, body{ height:100%; } .bg2{ background-image: url("../images/background_second.jpg"); background-repeat:no-repeat; /*height:100%;*/ height:100%; } .bg1{ background-image: …

    Asked by hjcnjdobr, October 24, 2011

    0 votes
    11 answers
22. Проблема с высотой <div>

    Здравствуйте! Ситуация такая: блок #page, растянутый на 100% высоты страницы, содержит в себе два блока: #content и #footer. Блок #footer зафиксирован внизу блока #page, и его высота зависит от содержащегося в нем текста (текст, при этом, может быть различный, т.е. высота не фиксирована). Задача: нужно максимально растянуть #content по высоте, так, чтобы он не перекрывал #footer (по центру блока #content будет выровнено изображение). Иными словами, #footer растет вверх от нижнего края страницы, а #content должен занимать все свободное пространство от верха страницы до блока #footer. Подскажите, пожалуйста, как этого добиться.

    Asked by tardosmors, August 30, 2011

    0 votes
    6 answers
23. Проблема с высотой div-а в сайдбаре

    Всем привет, Вроде бональная проблема, но уже несколько часов не могу ее решить. Есть сайт http://aroundthailand.ru. Слева есть блок "сайдбар" ни в какую не тянится на всю ширину экрана. Изначально сайдбар был прилеплен с помощью скрипта. Функция высчитывала высоту и добавляла новые параметры в CSS. Эту фишку отключил, но теперь образовалась пустая область. Надеюсь на помощь. Заранее спасибо.

    Asked by proflead, March 16, 2016

    • div
    • верстка
    0 votes
    2 answers
24. Проблема с высотой input в разных браузерах

    Наткнулся на эту проблему, когда проверял кроссбраузерность. Вот страница: http://cm04741.tmweb.ru/single.html. Внизу есть форма подписки. Там кнопка "Подписаться". В разных браузерах высота кнопки разная (нужно, чтобы кнопка располагалась вместе с полем для ввода). Например, если в хроме все нормально, то в мозиле, опере и осел кнопка на 1px меньше чем нужно. Пробовал и высоту задавать и просто padding - все то же самое. Как решить такую проблему? Заранее спасибо за ответ!

    Asked by IvanRu08, September 1, 2015

    0 votes
    3 answers
25. Проблема с высотой input'ов

    Сейчас верстаю форму поиска и никак не могу понять, как рассчитывается высота. http://jsfiddle.net/ludwigwoltmann/68jQT/2/ По макету высота текстового поля и кнопки должна быть 29px. Кнопка и текстовое поле должны располагаться на одной линии. Я задаю фиксированную высоту в 27px (с учетом верхней и нижней границы в 1px), в результате -- высота поля -- 31px, высота кнопки -- 27px. Не понимаю... Сначала думал что это из-за шрифтов - но изменение их размеров и межстрочного интервала ничего не дает. Подскажите пожалуйста, как решить проблему?

    Asked by Ludwig Voltman, November 22, 2013

    • form
    • input
    • высота
    0 votes
    4 answers