HTML Coding

29,542 questions in this forum

1. позиционирование картинок на одном уровне с текстом

   привет давно видел эту неприятность, но как-то не обращал на нее внимания, до тех пор пока она не начала мне реально докучать - нынешних. вот код: <a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;">MP3</a> <a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;"><img src="/pics/hi.png" width="30" height="17" alt="192"/></a> а вот что он выводит: для наглядности приписал белый border, а для надежности - параметр высоты. не сработало. а проблема, как вы уже поняли, в том, что текст не на одном уровне с картинкой. точнее, последняя немного выше. vspace, align, ma…

   Asked by burn, September 5, 2008

   0 votes
   3 answers
2. Позиционирование кнопки.

   Сайт на джумле. Установил плагин кнопку "Наверх". Но она отображается в правом нижнем углу браузера. Вот часть кода: <a href="#top" class="backtotop" style="position: fixed; bottom:0px; right:0px;"><><img src="/plugins/content/top.png" alt="scroll back to top" border="0" /> Как можно изменить стиль, чтобы кнопка отображалась в футере сайта или как прописать чтобы позиционирование считалось не от правого угла браузера, а от правого угла рамки сайта?

   Asked by vladmitrich, September 19, 2011

   0 votes
   7 answers
3. Позиционирование логотипа по центру

   Доброго времени суток всем! Помогите пожалуйста нубчику=)! Скачал шаблон, начал его изменять как мне нужно, и тсолдкнулся с такой проблемой, не могу позиционировать логотип по центру, логотип "Anastasia Catruc", он сейчас находится слева. Сайт anastasiacatruc.com Судя по всему задачка простая, но мне не хватает знаний, подскажите кому не трудно, как позиционировать логотип по центру? Заранее всем спасибо!

   Asked by nuon, April 30, 2012

   0 votes
   5 answers
4. Позиционирование маркера списка

   Привет! подскажите плз, есть код: http://jsfiddle.net/Pen7d/ проблема такая, ставлю свои маркеры, они вылазят за бордер, двигаю маргином, не помогает. Собственно вопрос как придвинуть маркер к тексту? Спс.

   Asked by comSaaxov, August 3, 2014

   0 votes
   6 answers
5. Позиционирование маркеров в списках

   Есть допустим вот такой вот код: <style type="stylesheet"> ul { list-style-type: outside; } </style> <ul> <li>one<br/>gg</li> <li>two</li> </ul> как можно маркеры подвинуть правее - ближе к тексту?

   Asked by Razor, March 11, 2010

   0 votes
   3 answers
6. Позиционирование меню

   Добрый вечер. Буду благодарен тому кто поможет, сместить меню из верхнего положения шапки в нижнее. Спасибо! http://jsfiddle.net/y8cmbg32/

   Asked by perec200, March 20, 2015

   • меню
   0 votes
   2 answers
7. Позиционирование меню поверх слайдера

   Всем доброго времени суток! Не могу определиться, как сделать следующее => есть слайдер (использую slick), поверх которого нужно разместить менюшку и логотип. Изначально я планировал слайдеру задать "position: absolute", а блоку с менюшкой и логотипом - "z-index: 2" (чтобы он был поверх слайдера). Но когда я задаю слайдеру "position: absolute" - с ним происходит что-то ужасное (он в несколько десятков раз увеличивается и соответственно все ломается). Подскажите, как такое можно сделать??

   Asked by Igor_Dp, February 26, 2017

   0 votes
   13 answers
8. позиционирование обьекта вне экрана

   Имеется шаблон на 1000px, он резинится до 1280px. Поэтому необходимо чтобы два объекта А и B на разрешении 1000px скрывали половину себя за экраном. Соответственно на разрешении свыше 1280px они были бы видны на все 100px. Объект А интегрировался успешно при помощи отрицательного margin-left, а вот правый как не стараюсь вылазит горизонтальная прокрутка. У объекта А и B position: absolute; width: 100px; height: 50px; Вопрос, как мне скрыть половина объекта B, чтобы при этом не появлялась горизонтальная полоса прокрутки? И как вообще позиционировать объект вне экрана без появления полос прокрутки?

   Asked by arthur37, April 30, 2010

   0 votes
   1 answer
9. позиционирование от верха для резинового шаблона

   Доброе время суток! Не удается задать относительное значение для параметра top, чтобы основная часть сайта смогла подстраиваться под разную высоту мониторов. html, body { height: 100%; width: 100%; margin: 0; padding: 0; font-family: "Verdana"; font-size: 12px; color: #090733; /*основной цвет текста сайта */ /* background-color: #365401; */ } #background{top:0;left:0;width:100%;height:100%;position:fixed;z-index:-1} #wrap { width: 100%; min-width: 980px; position: relative; } /* основное содержимое */ #content { position: absolute; line-height: 19px; top: 560px; left: 32%; /* 32% …

   Asked by devadas, October 20, 2012

   0 votes
   2 answers
10. Позиционирование от родителя

    Подскажите, как сделать чтобы блоки позиционировались относительно картинки фона, которая закреплена по центру, а не от края браузера? Всё делал как в инструкции на этом сайте, но это не сработало - в чем же проблема? <div class="mainfon"> <div class="logo1"> надпись </div> </div> body { background-color:#FFF; margin:0px; padding:0px} div { display:block} .mainfon { height:925px; width:1365; background-image:url(images/mainfon.jpg); background-repeat:no-repeat; background-position:center} .logo1 { position: absolute; width:222px; height:25px; border:#F00 solid 1px}

    Asked by Hum9k, February 29, 2012

    0 votes
    4 answers
11. Позиционирование плавающего flash-объекта

    Народ! Столкнулся с такой задачей. Есть на сайте модуль flash. Он плавает (перемещается вверх-вниз), когда прокручиваешь страницу. Однако, если смотреть на широкоформатном мониторе, то этот блок (плавающий flash-объект) уходит слишком низко и перекрывает нижнюю часть сайта. Это выглядит очень некрасиво. Кто подскажет - какие правила применить можно сюда, чтобы этот модуль ниже определённого значения не опускался? Вот как он наезжает А вот на сайте можно посмотреть как он перемещается Сайт

    Asked by madison21, January 12, 2012

    0 votes
    0 answers
12. Позиционирование по центру с CSS

    Доброго дня. Напоролся на простейшем. Нужно поставить все элементы ( http://itmages.ru/image/view/526730/9d29a20c ) по центру. С текстом, понятно, все удалось. А вот с полем и кнопкой - нет. Гуглил, везде пишут, что да, мол, задать ширину и поставить поля на авто - это хорошее решение. Помогите разобраться, может, я ошибся в чем?

    Asked by sezaralvalho, May 24, 2012

    0 votes
    5 answers
13. позиционирование по центру экрана.

    всем добрый день. проблема в следующем: есть div с шириной 1450px, таких размеров требует его содержимое. <body> <div class="wraper"> его нужно спозиционировать по центру экрана причем скрол должен появляться только если ширина меньше 1000px. а до этого момента содержимое блока должно прятаться часть с левой стороны экрана и часть с правой стороны экрана. подскажите плиз как это сделать.

    Asked by guffer, December 4, 2010

    0 votes
    5 answers
14. Позиционирование под меню относительно главного меню средствами CSS

    Добрый день. Сижу над следующей задачей: 1. Есть левое боковое меню из ul, li 2. При наведении на пункт меню li, отображаю блок div с подменю. Но проблема в том, что если боковое меню ul высотою с экран, или более, то всплывающее подменю div (возле последнего пункта меню li) не полностью выводиться на экран, оно уходит за границу нижней часть страницы и видно не полностью. Решение вижу так: 1. Для верхних пунктов (li) меню (ul), всплывающее под меню (div) позиционирую свойством top. Если всплывающее под меню (div) отображается для самых последних пунктов (li) вертикального меню (ul), то в место свойства top:0; для div думаю использовать свойс…

    Asked by hitec, June 28, 2016

    0 votes
    3 answers
15. Позиционирование слоев в HTML.

    Ребята, как спозиционировать картинку айфона, чтобы была как на макете ( нижняя часть телефона была спрятана за фон и верх чуть отталкивался от фона ) ? Взял бутстраповскую карусель. Скрины макета и того, что получается кинул в описании. Все верстал блоками.

    Asked by oleg27, January 5, 2017

    • слои позиционирование.
    0 votes
    1 answer
16. Позиционирование слоев в разных браузерах

    Следующий код в браузере Chrome и Operа отображается по разному: <!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" /> <style type="text/css"> #id { position: absolute; margin-top: 10%; margin-left: 10%; width: 100px; height: 10%; background-color: black; } #id2 { position: absolute; margin-top: 20%; margin-left: 10%; width: 100px; height: 10%; background-color: green; } </style> </head> <body> <div id="id">First layer&l…

    Asked by Safronik, March 6, 2011

    0 votes
    6 answers
17. позиционирование слоя

    Подскажите пожалуйста как сделать так чтобы определенный слой всегда оставался на месте в определенном месте на экране и не менял своего положения даже при пролистывании веб-страницы. С помощью position: fixed; ничего сделать не получаеться!

    Asked by Ddroid, September 19, 2007

    0 votes
    6 answers
18. Позиционирование слоя в гибридной странице

    Возникла необходимость внести на страницы, свёрстанные таблицами, элемент, который должен располагаться над всеми другими элементами(ячейками таблиц) страницы, на пересечении границ ячеек. Скажите пожалуйста, как вывести эту картинку "на верхнем слое", и отпозиционировать её относительно ячеек таблицы (таблица расположена всегда по центру окна, поэтому от границ окна устанавливать фиксированные координаты к сожалению нельзя ). Очень прошу помочь.

    Asked by zuldek, December 7, 2010

    0 votes
    4 answers
19. Позиционирование со знаком минус (-)

    Здравствуйте. Я никогда не использовал позиционирование (margin,paddint,top,left,right,bottom) со знаком минус (-), как будто этого "боялся" Меня интересует все по этому поводу: Можно ли минусовое позиционирование смело использовать? Работает ли это у всех браузерах? И работает это так же отлично и просто как позиционирование элементов со знаком плюс...? и т.д. Ведь если минусовое позиционирование так же отлично работает как и со знаком плюс ( точнее никакого знака вообще)) ), то это очень часто упростило бы задачу веб-мастеру, и придало бы больше возможностей... Спасибо

    Asked by maasja, December 20, 2010

    0 votes
    8 answers
20. Позиционирование содержимого

    Посмотрите пожалуйста, на данный скрин На данной странице, я закрепил - содержание - к экрану 2 вопроса: Если я оставлю ссылки слева, то последняя глава останется в блоке, и не будет залезать на общий текст,а если переношу на права, то как видите накладывается текст на текст Почему "Содержание!!!" осталось слева ? <nav class="content"> <h2>Содержание!!!</h2><br> <a href="..." class="href">ссылки</a> </nav> css .content{ background: #fff; position: sticky; top:0; padding-bottom: 20px; padd…

    Asked by BblIIIu6aJIa>onlypro, July 31, 2019

    0 votes
    5 answers
21. Позиционирование списков

    Привет всем, делал менюшку на сайте и столкнулся с одной проблемой Есть тег div, в нем ul и 5 li в строчку с помощью inline-block li должны быть равными по ширине и при том менять её в зависимости от ширины экрана на ум пришла только эта идея: Поскольку div = 100% для li я поставил 20% и, как я понимаю, li должны вплотную занять всю ширину div и при том быть не статичными тк % но не получается и последняя пятая переходит на новую строчку, когда ставлю 19% то всё влазит, но справа остаётся место и получается не красиво в чем дело? Никаких отступов нет, padding 0, что еще занимает место? Или способ не правильный? так же думал, что это из за про…

    Asked by Mewow, February 17, 2018

    • div
    • ul
    • li
    0 votes
    3 answers
22. Позиционирование ссылки на картнике

    Друзья! Я уже отчаялся решить проблему. Задача такая. На разных частях рисунка скажем 700*600 px нужно разместить 5 ссылок. Для меня позиционирование осложняется тем, что текст нужно выравнивать строго слева, т.е. ссылка не одну строку, а в несколько. Если бы не выравнивание текста слева, я решал задачу следующим образом: В CSS прописывал стили (укажу только для одной ссылки для простоты) #layer1 { position: relative; top: -600px; left: 185px; color: #ffa500; font-size:15px; z-index: 1; Слой прописываю так: <div align="center"><img src="image.jpg"></div> <div align="center" id="layer1"><a href="#">Слой - первый</a></div> Так,…

    Asked by walek, December 6, 2007

    0 votes
    25 answers
23. позиционирование странице при открытии.

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

    Asked by byzuka1, August 21, 2011

    0 votes
    2 answers
24. Позиционирование страници по центру экрана

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

    Asked by Kos87, June 7, 2008

    0 votes
    8 answers
25. Позиционирование строки внутри объекта ввода (input)

    CSS: input { margin:0; padding:0; border:solid 1px #E0E0E0; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; text-indent:5px } HTML: В HTML строке ввода просто присвоен класс. Ну вот во всех браузерах все нормально, а в IE выглядит вот так:

    Asked by Cmaster2K, May 1, 2010

    0 votes
    3 answers