HTML Coding

29,542 questions in this forum

1. Проблема с паддингом.

   Суть проблемы: Не могу понять поведение свойства padding. Почему когда я задаю padding sidebar'у, отступ создается за счет контента?...причем по разному действует с разных сторон, в зависимости от расположения sidebar'а. body {margin:0; padding:0; background-color:black; background-image:url('bg images/bg_body.jpg'); background-position:top center;} #container {width:80%; background-color:; margin:50px 10% 100px 10%; min-width:800px;} #header {background-image:url('bg images/bg_header.jpg'); width:100%; height:300px; border:solid 2px black;} #header_layer_one {background-image:url('bg images/bg_header_layer_one.jpg'); background-position:center; background-repeat:no-r…

   Asked by Mark Ghaphes, January 9, 2012

   0 votes
   8 answers
2. проблема с переворотом стрелочки

   у меня есть картинка стрелки,нужно при наведении на неё курсора,чтобы она повернулась на 180 градусов вот что я написал #org:hover{-webkit-transform: rotate(180deg); transform: rotate(180deg); } <div id="right" > <div id="org"><p ><img src="img\strlka2.png" style="width:35px; height:35px" onclick="org();"></p></div> </div> и когда я навожу на картинку,она переворачивается,но она перемещается в другой конец div в чем дела?как сделать чтобы она оставалась на прежнем месте?

   Asked by BeetleJuice541, October 14, 2014

   0 votes
   5 answers
3. Проблема с перегрузкой стиля класса

   Доброго все времени суток. Сделал тут фичу, дабы сэкономить место и более организованно его запользовать http://www.beavers-net.narod.ru/arch_news.html Само оно работает, если нету вложенных блоков, но вот стили к вложенным блокам перегрузить не могу. Итого задача: Есть уже настроенные стили заголовка (.part, .part: hover - http://www.beavers-net.narod.ru/style_arch.css), которые у меня применяются на остальных страницах. Есть список в списке, в котором этот стиль должен поменяться( p.inner_out p.part, p.inner_out p.part:hover ). Суть проблемы - не работает(. Уже и так и эдак - ничё не помогает. Жую сапог непонятной консистенции, вобщем. Я, конечно, могу просто сделать …

   Asked by tt48, September 28, 2009

   0 votes
   5 answers
4. Проблема с передачей данных между страницами

   Здравствуйте дорогие форумчане! Наткнулся на проблему при передаче данных. Дело в том, что через форму хочу передать данные про товар на вторую страницу. С помощью <input type="hidden" name="price" value="1000 рублей"> можно передать цену на второю страницу. Но дело в том, что при изменении исходного кода в браузере на <input type="hidden" name="price" value="1 рублей">, то на новой странице передается значение 1. Может быть это из-за того, что сайт работает на локальном сервере? Попробовал также вариант с php <input type="hidden" name="price" value="<?php echo "1000"; ?>" /> но такой же результат. Если перейти на хостинг,…

   Asked by ABC555, August 28, 2016

   0 votes
   1 answer
5. Проблема с перемещением изображения по вертикали, по горизонтали.

   Дорогие друзья, всем добрый вечер! При создании сайта столкнулся со следующей проблемой. Когда вставляю на сайт изображение (изображение небольшое, под размеры шапки), устанавливаю правило: background-position: top center, но изображение получается слишком высоко и мне его нужно отпустить, если рассматривать в см то приблизительно на 5-7 и сдвинуть в бок на аналогичное расстояние. Подскажите пожалуйста, как это сделать? Сейчас в моем редакторе CSS следующее: Парни, небольшое примечание. Пользовался правилом вроде "margin-left", но перемещается не картинка - как мне нужно, а все содержимое сайта

   Asked by Gentls, November 17, 2015

   0 votes
   2 answers
6. Проблема с переносом внутри inline-block

   Привет всем. Есть четырёх-колонная страница. В каждой колонке: заголовок и список. Каждый элемент списка состоит из одного input'а типа checkbox и блока с двумя span'ами текста. Страница выглядит вот так. Проблема в следующих участках кода: <li> <input name="" type="checkbox"> <section> <span class="first-line">Текст</span><br> <span class="second-line">Текст</span> </section> </li> li { white-space: nowrap; /* Иначе после input'а section переносится на след. строку */ } input { margin-top: 0.4em; vertical-align: top; } section { display: inline-block; margin-left: 5px; white-space: normal; …

   Asked by Ovjer, January 4, 2011

   0 votes
   0 answers
7. Проблема с переносом наименований товаров на следующую строчку

   Здравствуйте. У меня проблема с переносом на следующую строку в наименовании. Слишком длинные наименования, из-за чего то съедаются следующим блоком товара. Скрин: https://gyazo.com/42a126ede899769e7b2e5305d9a4f460 Просьба помочь, как исправить. И каким оператором/командой. Благодарю заранее.

   Asked by Rhapsody, March 30, 2016

   • перенос строки в наименовании товара
   0 votes
   1 answer
8. Проблема с переносом подчеркнутого текста

   Как сделать, чтобы при переносе подчеркнутого текста это подчеркивание не съезжало вниз (см. картинку), а фиксировалось под словами? Для примера желаемый вариант выглядел бы как "Описание Описание Описание Описание Описание"

   Asked by DmitriyS, July 28, 2017

   0 votes
   3 answers
9. Проблема с переносом слов в IE

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

   Asked by Damnedest, September 5, 2007

   0 votes
   3 answers
10. Проблема с пересекающимися блоками

    У меня проблема с соседними блоками на странице. Для того, чтобы выпадающее меню разворачивалось на полную длину, я приписал ему padding-bottom: 60px; #menu { background: transparent url('menu.png') repeat-x 100% 2px; width: 100%; height: 66px; margin: 0; padding-bottom: 60px; text-align: left; } Теперь меню работает нормально, но на эти 60px опустился нижележащий блок. Если поднять его при помощи отрицательного margin, то в IE6 нижние ссылки выпадающего меню, которые попадают на нижний блок - сворачиваются, не успеваешь подвести к ним курсор. На всякий случай, вот стиль нижнего блока: .container { position: relative; float: left; text-align: le…

    Asked by Serge, October 10, 2009

    0 votes
    2 answers
11. Проблема с переходом на другую страницу по кнопке

    Есть код: <a class="order" href="http://мойсайт.ру/uslugi">Подробнее</a>по нажатию на "подробнее", должен открываться другая страница, но чтобы было красиво, сделал кнопку: .order {margin-top: 15px;width: 180px;height: 40px;display: block;background: #35a833;}.order:hover {background: #176fb7;И тут возникла проблема, если отключаю "order", то всё нормально работает и переходит, но стоит только включить обратно, переход перестаёт срабатывать. Т.е. при наведении на кнопку показывает, куда надо перейти, но при нажатии ни чего не происходит! Почему? Что не так? ((( Если сделать "якорь" на странице, то перемещение по странице работает.

    Asked by shiirx, November 12, 2015

    0 votes
    5 answers
12. Проблема с печатью документа

    Здравствуйте. Опишу вкратце ситуацию. В общем есть биллинг.(может кто знает UTM5). В нем все документы, которые печатаются из него редактируются на html. Редактируются прямо в окне самого биллинга. И просматривается результат там же. Оформляю шаблон договора в биллинге. Вроде все нормально сделал, но появляется проблема при печати. Некоторые слова в тексте либо наслаиваются друг на друга либо становятся без пробела. При предварительном просмотре такой проблемы не видно. Только при печати на листе бумаги. Плюс ко всем открыл код html в отдельном файле через браузер - при печати на странице такой проблемы нет. Подскажите в чем может быть проблема? Спасибо.

    Asked by dovzz, October 19, 2011

    0 votes
    0 answers
13. Проблема с плавающим фреймом

    Здравствуйте! На странице имеются плавающий фрейм (чат) и скрипт для его сокрытия/показа по клике на ссылку. Все прекрасно работает во всех браузерах, кроме Лисы. Почему-то, при назначении свойства display:none через атрибут style непосредственно диву с фреймом последний тут же куда-то уезжает. Причем в остальных случаях (например, при вытаскивании свойства через айдишник и подвешивания на наведение/убирание мыши) никаких проблем не возникает. Прошу помощи в поиске мистической связи свойства с глюком и способов его решения. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>..…

    Asked by Gamer, March 6, 2009

    0 votes
    28 answers
14. Проблема с плавающими блоками

    Здравствуйте. Подскажите, возможно ли реализовать вертикальное обтекание блоков средствами CSS, как показано на рисунке. сейчас страница выглядит следующим образом: html: <div class="hlist"> <a class="name" href="#">Link 1</a> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> ... css: .hlist { background: #eee; border: 1px solid #ddd; display: block; float: left; padding: 10px 10px 8px 10px; width: 200px; …

    Asked by senrize, July 9, 2012

    0 votes
    2 answers
15. Проблема с плавающими элементами

    Вот есть такая структура. Здесь сайдбару задан float: left; он идет перед блоком content, которому задан левый маржин. Так же пост с такой вот структурой: <div class="post"> <a href="" class="post-title"</a> <div class="post-meta"> <div class="date"></div> </div> <div class="post-conten clearfix"> <img class="thumbnail" /> </div> </div> Картинке с классом htumbnail задан флоат, чтобы посты не налазили на друг друга из за этого флоата, то задан блоку с классом post-content clearfix. Но из за этого первый пост по высоте как сайдбар, помогите пожалуйста решить эту проблему. Сайдбару position: abso…

    Asked by tini.kRyptoNite, November 27, 2012

    0 votes
    4 answers
16. Проблема с плавной сменой картинки

    Дорогие форумчане! Пытаюсь сделать плавную смену одной картинки другой. Использую JQuery. Всё вроде ничего, но почему-то вторая картинка "не понимает", что находится в ячейке. Подозреваю, что это из-за position:absolute;. Подскажите, как обойти этот момент. http://jsfiddle.net/LBRSg/ .image.first,.image.second {margin:0;padding:0;}.image.first {opacity:1px;display:block;position:absolute;/z-index:100;transition-duration:0.96s;-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}.image.first:hover {opacity:0.00;} div.ImgField {display:inline-block;background-position:center center;background-repe…

    Asked by lersen, December 9, 2013

    0 votes
    4 answers
17. Проблема с плагином FCP на WordPress

    День добрый! У меня такая проблема: плагин Facebook Comments Point (FCP) отображает свою шапку на страницах (внизу страницы), где я запретил комментарии. Кто-нибудь может помочь или знает, как изменить код, чтобы он не отображал шапку, где запрещены комментарии.. Пример такой страницы на моем сайте: http://harmony-body.ru/o-sayte/ Внизу самом. Помогите исправить) Заранее спасибо!

    Asked by Salladorn, November 17, 2012

    0 votes
    0 answers
18. Проблема с плагином IE6

    Добрый вечер, сейчас верстаю один макет (в верстке недавно). Возникла проблема закругления углов, решил использовать JS (jquery.corners), но в IE6 при нечетной высоте возникает вот такая проблема: Может кто знает решение?

    Asked by Faradey99, October 25, 2010

    0 votes
    4 answers
19. Проблема с плагином для ff

    Всем привет! У меня следующая проблема, при запуске видео с моей html-страницы на firefox, браузер мне отвечает, что нету подходящего плагина, и нужно запустить его вручную, и отправляет меня на официальный сайт Adobe, где предлагает мне загрузить Flash Player, но безрезультатно - видео не запускается. Затем попробовала переконвертировать .avi в .flv, а type:"video/avi" в type:video/x-flv....в общем эксперементировала с расширениями и MIME-типами - тоже ничего не дало Может pluginspage не тот(использовала этот вариант:pluginspage="http://www.macromedia.com/go/getflashplayer") Не знаю, где ошиблась, помогите! Вот мой код: <body> <embed src="Wildlife.f4v" wid…

    Asked by Nailya, September 29, 2012

    0 votes
    1 answer
20. Проблема с плашкой

    Сделал плашку, Вот код; .title_red_grad{ background:url(../images/red_title_grad.gif) repeat-x; height:24px; width:auto; margin:0 0 0 10px; text-align:center; position:absolute; } .title_red_left{ background:url(../images/red_title_left.gif) no-repeat left; height:24px; margin:0 0 0 16px; } .title_red_right{ background:url(../images/red_title_right.gif) no-repeat right; height:24px; } title_red_grad внутри этого дива стоит заголовок, плашка расятгивает в ширину от размера заголовка. Все отлично работает в Мозилле и Опере, в IE 6 Плашка растягивается во весь контейнер. Вопрос что делать?

    Asked by leros, March 22, 2008

    0 votes
    3 answers
21. Проблема с плеером на сайте ucoz

    Здравствуйте! Я понимаю, что ucoz здесь не приветствуется, но все же, может, кто-нибудь подскажет решение задачи... А проблема в следующем: На этой странице http://grafikaplus.ucoz.ru/forum/7-3-1 стоят плеера прослушки (2 вида), у кого-то звук идет нормально, у кого-то вообще не идет. Причем и браузеры разные, и флеш у людей установлен. В чем проблема? Есть решение? Заранее спасибо!

    Asked by Тамрико, August 10, 2010

    0 votes
    12 answers
22. Проблема с плиточной версткой

    Буду краток: Нужно что бы вот это: http://ynws.esy.es/index2.html выглядело как это: http://ynws.esy.es/index.html В чём соль: По второй ссылке новости заданы структурой 4 колонки, а в них уже плитки. По первой ссылке задан фиксированный размер родителя, а в нем плитки прижатые float:left. Как видите в этом случае вторая и последующие строки разъезжаются. Фиксированную высоту, пожалуйста, не предлагайте

    Asked by Адель, March 14, 2014

    0 votes
    14 answers
23. Проблема с повотором

    http://hostingkartinok.com/show-image.php?id=80422c0aca0fc2a65197481cd2b40eed Парни при каждом выводом поста,у меня повторяеться панель меню и приветствие. Помогите исправить бок( background-repeat: no-repeat; пробывал,не помагает,или мб я не туда пишу его( Что скажете? Код php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" ><head><title>Shop</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="style.css" /></head><body><?php$DBH …

    Asked by vitaxastifler, February 4, 2014

    0 votes
    2 answers
24. проблема с подвалом

    помогите пожалуйста решить проблему с подвалом. сверстал страничку, используя этот шаблон. в результате подвал обрублен с правой строны и (что главное) при уменишении размера экрана(ctrl+колесо мыши)прилипает к левому краю экрана так же буду раз любым замечаниям и критике

    Asked by cyklop77, August 2, 2011

    0 votes
    9 answers
25. проблема с подвалом

    Всем доброе время суток У меня проблема с резиновой версткой, а точнее с подвалом. он у меня прижать основным блоком Wrapper, все бы хорошо, но когда заполняется контетом, он остается на месте, а все остальное спускается как надо. Куда мне нужно поставить блок див с классом clear:both;? вот html <body> <div id="wrapper"> <div id="header"> <div id="logo"> <a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/the_gamer.png" width="286" height="66" title="The Gamer"></a> </div><!--logo--> <div id="banner"> …

    Asked by Bismuth, April 11, 2012

    0 votes
    6 answers