HTML Coding

29,542 questions in this forum

1. Позицианирование

   Приветствую, подскажите пожалуйста, как разместить красный блок, ровно по центру картинки? http://cssdeck.com/labs/rp6byd3y

   Asked by Vans, March 10, 2015

   0 votes
   1 answer
2. Позицианирование div в резиновой верстке

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

   Asked by skostychev, February 21, 2013

   • div
   0 votes
   1 answer
3. Позицианирование по центру

   Добрый день Уважаемые! Проблема состоит в следующем. Есть 4-ре блока которые нужно вместе выровнять по центру. Ширина у них не фиксированная. Мои Варианты решения: 1. position: absolute; left: 50%;, a внутренним блокам position: relative; right: 50%; (не подходит, т.к. они вместе занимают больше половины экрана) 2. display: table; - здесь проблем в поддержке IE7. Можно ли её обойти? ПРобовал использовать http://tanalin.com/projects/display-table-htc/ но не выходит Предложите свои варианты.

   Asked by systemiv, March 14, 2012

   0 votes
   3 answers
4. Позицианировать элемент внутри TD с обтеканием

   Вобщем народ! есть таблица три строки и 2 столбца. В нижней и верхней строке ячейки обьединены colspan=2. Средняя же строка разбита на 2 ячейки в левой из которых располагается меню сайта а в правой должен распологаться контент. Проблема в том чтобы поместить в правую среднюю ячейку в её правый верхний угол изображение (часть шапки предусмотренной дизайном). Как позицианировать этот элеммент так чтобы он находился в правом верхнем углу, вплотную прилегая к шапке и обтекался с левой стороны и снизу всем размещаемым содержимым??? тоесть в диве картинка w=283 h=202 нужно чтобы текст обтекал этот див и при растягивании ячейки таблицы этот див стоял в правом верхнем углу ячейк…

   Asked by ZO1TER, March 3, 2009

   0 votes
   1 answer
5. Позиции блоков div

   Всем привет. Нужна помощь. Допустим у меня есть два блока, один красный, другой зеленый. Зеленый блок находится над красным. Но когда я задаю красному блоку position: absolude;, зеленый блок становится под ним... Как это исправить? При этом position: absolude нужно указать обязательно...

   Asked by DenjBoss, September 9, 2015

   • div
   0 votes
   8 answers
6. Позиции в ксс, помогите!

   Здравствуйте! Крайне нуждаюсь в помощи по вёрствке! Помогите сделать сайт стабильным (чтобы при разных разрешениях был одинаковым). При разных разрешениях картинки и текст прыгают. Привожу кусок примера: КСС: HTML: Заранее примногом благодарен

   Asked by eklips, May 11, 2011

   0 votes
   8 answers
7. Позициогирование превью в слайдере

   Добрый день, подскажите как можно спозиционировать стрелки в карусели и нижнем слайдере? Как спозиционировать превьюшка так чтоб вытащить из из общего потока, - делаю position:absolute, но превьюшки двигаются внутри блока. http://sport.teslalight.com.ua/Motion/ на картинке показано место где они должны располагаться http://pixs.ru/showimage/mointon2_5799133_14379596.png Спасибо, надеюсь на вашу помощь ))

   Asked by mrfrunze, October 22, 2014

   0 votes
   7 answers
8. позиционирование

   И совсем "тупой вопрос". Не понимаю, ПОЧЕМУ у меня элемент c id="table" не смещается вниз на 10 px , я ведь использую margin-top Хотя влево смещается. <div style="background-color : magenta; height:100px; width:44%"> <div id="table">Наведите курсор, чтобы посмотреть список</div> </div> CSS: #table { width: 283px; background-color: #D8E4F1; color: #6C727B; padding-left: 16px; margin-top:10px; margin-left:10px; } Буду благодарна любым комментариям.

   Asked by girl, February 6, 2008

   0 votes
   7 answers
9. Позиционирование

   Имеем ячейку таблицы заданной высоты и картинку в этой ячейке, высота которой больше этой таблицы. <tr> <td height="38" style="font-size: 1px;"> <div class="raz"> <img src="img/raz.gif" alt="" style="position: absolute;"/> </div> </td> <td height="38" class="foot"> текст </td> </tr> css: div.raz { position: relative; right: -30px; width: 57px; height: 61px; float: right; } Как сделать так, что бы картинка выходила за рамку ячейки вверх, но высота строчки при этом не становилась равной высоте картинки. По идее имеющийся код должен работать, но где у меня ошибка - в мо?м случае он не работает (картинка с…

   Asked by ~Kitty~, April 9, 2008

   0 votes
   15 answers
10. позиционирование

    Здравтсвуйте. Вставляю этот сss код : .shef { position: absolute; top:0; left: 600px; } html код: <div class="shef"><img src="images/shef.jpg" alt="shef" width="160" height="220"/> </div> Все нормально пока не уменьшил окно браузера , это (все вроде ок) до уменьшения окна браузера : http://smages.com/30/db/30db8bba757aedbdb7...4f24948.png.htm а это после уменьшения окна браузера: http://smages.com/cf/b3/cfb3e2283558117ba6...9258933.png.htm Изображение не смещается а остается на месте . Объясните пожалуйста , в чем может быть причина?! Спасибо. P.S. изображение вставил для примера, то что под руку попалось

    Asked by Lobo, July 31, 2008

    0 votes
    15 answers
11. Позиционирование

    Есть меню в дивах,есть таблица,есть ячейка, как зафиксировать это меню относительно левого верхнего угла ячейки ,чтобы про измениние масштаба страницы меню не скакало по странице ,а было прикреплено к этой ячейке?

    Asked by RANCID, December 30, 2008

    0 votes
    5 answers
12. Позиционирование

    Здравствуйте, имеется следующий шаблон При нажатии на div.slide вызывается slideToggle("slow") из jQuery. В итоге получается вот что - А я хочу, чтобы simple text не уезжал вниз, т.е. чтобы div.slide был независим от остального содержимого страницы. Как это реализовать?

    Asked by liberal, January 25, 2009

    0 votes
    1 answer
13. Позиционирование

    Всем привет, есть такое задание. Есть прямоугольник, в нём данная фоновая картинка, прямоугольник в рамке данного цвета. Прямоугольник посередине страницы. Делим этот прямоугольник на 2 части и в каждую часть посередине ставим круг. Не получается сделать это. Вот точто я смог сделать: http://l2-infinity.com.ua/tempus/default.html Заранее спасибо.

    Asked by AiVeR, March 8, 2009

    0 votes
    14 answers
14. Позиционирование

    1-ый блок: .ContentBlock { position: relative; font-size: 1.1em; margin: 0px; background: #fff; border: 1px solid #d1ddea; padding: 10px; text-align: left; height: 100%; width: 66%; } 2-ой блок .ContentBlock_create_new_lists_banner { margin: 0px ; padding: 0px; background: #fff; text-align: left; position: absolute; top: 127px; left: 715px; } Удаляю скролом, 2-ой блок прячется под первый, приближаю, 2-ой блок отдаляется от первого. А нужно, чтобы второй блок постоянно находился на одном и том же месте - никуда не прятался и не уезжал.

    Asked by Alek7y7, April 12, 2009

    0 votes
    1 answer
15. Позиционирование

    Всем привет! Друзья,помогите понять,для чего/зачем и когда нужно применять position,читаю книжки/самоучители,токо я чё то допереть никак не могу,кому не трудно,расскажите по подробнее о позиционирование,если можно с примерами,мб есть статьи какие,на русском,где,как говорится,всё расжёванно... Хелп!)

    Asked by ote4ek, June 12, 2009

    0 votes
    1 answer
16. позиционирование

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

    Asked by alexeurodnepr, July 6, 2009

    0 votes
    11 answers
17. позиционирование

    сделал меню на js, функционал работает, вот только проблема с позиционированием уровней меню есть. приложил скрин для того, чтобы было понятней. мышка наведена на пункт "обратная связь", однако элементы подменю выводятся наверху, и так со всеми существующими подменю есть элемент ul <ul id="left_menu"> далее идет li с классом, у которого задано position : relative <li class="relative_block"> в этом li идет сначала ссылка основного меню <a href="#" class="left_menu_item"><span class="left_menu_item_title">Главная</span></a> ну и далее, если есть подменю, то непосредственно оно и следует <ul class="left_popup_menu" > <li c…

    Asked by theo_, August 17, 2009

    0 votes
    2 answers
18. Позиционирование

    Вот спозиционировал кратинку на экране, в стилях прописал. .foto{position:absolute; border:8px; border-color:red; border-style:dotted; top:2.1cm; left:18cm; width:2cm; height:2cm; background-image:url(mini.jpg); background-repeat:no-repeat; } Когда во весь єкран, всё отлично. Когда окно браузера начать сворачивать начинается съезжать вправо. Что можно сделать?

    Asked by people2010, March 25, 2010

    0 votes
    4 answers
19. позиционирование

    Добрый день. Хочу расположить текст на форе картинки, точно в нужном месте. (номера участков на карте) Делаю так: <td> <div style="height:806px; width:497px; background-image:url(limber_test.png)"> <span id="m1" style="position:absolute;top:97;left:101">1</span> <span id="m2" style="position:absolute;top:115;left:117">2</span> <span id="m3" style="position:absolute;top:133;left:133">3</span> <span id="m4" style="position:absolute;top:81;left:137">4</span> ......................... </div> </td> Но положение циферок относительно картинки в разных браузерах отличается. Как это исправить? (Да, за…

    Asked by rgl, December 15, 2010

    0 votes
    4 answers
20. Позиционирование

    помогите никак не можу розобратся, перепробывал кучу способов. Если решил сайт выровнять по центру примером шириной в 1000px, то при больших разрешения экрана элементы страницы здвигаются со своих мест. Пробывал загнять в таблицу но есть места где нужно наложить обьект поверх обьекта, там применяю свойство position:absolute; и в итоге также елементы при другом разрешении здвигаются как быть подскажите пожалуйста?

    Asked by Floran, February 13, 2011

    0 votes
    21 answers
21. Позиционирование

    Вот что сейчас имеется http://itmages.ru/image/view/240226/cad68f97 , Как выровнять текст по центру(по вертикали) внутри картинки background:url(3.png)? #menu_itc { font-size: 16px; height:30px; text-align:center; background-color: #949494; } #menu_itc div { width:736px; margin: auto; } #menu_itc a { display:block; width:184px; height:30px; float:left; color: #fff; text-align:center; text-decoration: none; } #menu_itc a:hover { background:url(3.png); } <div> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 4</a> </div…

    Asked by Rambo2045, July 26, 2011

    0 votes
    13 answers
22. Позиционирование

    Здравствуйте Хочу сделать так чтобы меню выходило за рамки таблицы. Примерно вот так.. Само меню запихано в див, как выравнить див по центру ровненько, чтоб как через margin:0 auto;? #nav1{ width:700px; z-index:2; position:absolute; top:30%; left:450px; } вот так пытался добиться желаемого, но так не выравнить автоматически и при изменении размера окна браузера он все равно останется на том месте и будет ужас...) какие есть пути решения?

    Asked by Dumle, September 4, 2011

    0 votes
    7 answers
23. Позиционирование

    есть пример проблемный в нем длинна div с поиском растягивается от длинны меню но если убрать меню поиск становится так как мне нужно помогите сделать их независимыми если можно то обьясните проблему

    Asked by Actticus, February 23, 2012

    0 votes
    2 answers
24. Позиционирование

    Почему не работает ? http://jsfiddle.net/ В основном не пашет вертикальное позиционирования, а тут оба (

    Asked by Hoax, April 22, 2012

    0 votes
    12 answers
25. позиционирование

    Подскажите,пожалуйста,поче му один и тот же div с position:absolute в опере и ИЕ выглядит так http://hostingkartinok.com/show-image.php?id=d4bf099a17e1e26216c09dec23ef790e а в мозилле и хроме так http://hostingkartinok.com/show-image.php?id=5ce614899458a1cc0bd84f6ea136eee4 CSS данного блока #footer{ position:absolute; bottom:0; left:560px; color:#dcd686; text-align:right; }

    Asked by Dimanchik87, November 18, 2012

    0 votes
    8 answers