HTML Coding

29,542 questions in this forum

1. Расположение фона страницы

   <style type="text/css"> body { background: url(bg-header.jpg); background-repeat : no-repeat; background-size: cover; background-position-y: center; Помогите расположить фон страницы. background-size: cover - рисунок фоновый занимает размер нужный по ширине. Ввожу параметр center чтобы во вертикали фон центрировался по центру но оно не помогает. Пожалуйста подскажите как сделать чтобы фон растягивался по ширине на всю страницу но при этом центрировался по вертикали?

   Asked by stylelad, July 9, 2011

   0 votes
   7 answers
2. Расположение фото с текстом в ряд

   Всем привет. Подскажите, пожалуйста, как расположить фотографии с текстом в ряд? Как на этом скриншоте: https://dl.dropboxus.../33084185/1.png У меня получается вот так: https://dl.dropboxus.../33084185/3.png Я знаю, что нужно что-то прописать в css, но вот что прописать, что бы поменялось расположение и отступы не знаю. <a href="#"><img alt="" src="http://i2.wp.com/forum.htmlbook.ru/public/style_images/master/profile/default_large.png" width="179" height="109"/> Bolshoy sport 25.06.2013</a> | 19:46 <s1>:</s1> <a href="#"><img alt="" src="http://i2.wp.com/forum.htmlbook.ru/public/style_images/master/profile/default_large.png" width…

   Asked by atatat, August 17, 2013

   • расположение картинок
   • расположение фото
   • расположение фото с текстом
   0 votes
   2 answers
3. Расположение элементов

   Как сделать что-бы меню было ровно с приветствием? CSS #ave{ margin-top: 30px; width: 700px; margin-left: 300px; } #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 205px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); padding-top: 10px; padding-left: 10px; padding-bottom: 10px; }

   Asked by vova.a99, July 11, 2012

   0 votes
   2 answers
4. расположение элементов

   Подскажите пожалуйста, как сделать так без позиционирования. Суть в том что есть h1 и после него к примеру nav. И они идут друг под другом. Как сделать, что бы шло прямо за ним а не под ним? Интересует вариант без использования position, а то как я понял это не правильно. Помойму можно display но я не уверен как это делается!

   Asked by oleg126, July 16, 2014

   0 votes
   1 answer
5. Расположение элементов

   Пытаюсь вот эти кнопочки сделать по макету, на картинках показано как при увеличении сдвигается нижний блок влево,а при уменьшении лепятся друг под друга. Как лучше решить эту проблему? Код у меня такой: https://jsfiddle.net/qcwh4L69/ Надеюсь нормально выложил.

   Asked by instant, June 25, 2017

   0 votes
   0 answers
6. Расположение элементов IMG

   Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка) Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна. Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как

   Asked by DrRobotGranata, May 25, 2022

   • html
   • css3
   0 votes
   1 answer
7. Расположение элементов на резиновой верстке

   Есть такая вот верстка http://portfolio.imatte.us/kitos На этой карте (она задана фоном у #wrap) нужно расположить эти огоньки так, чтобы они находились в нужных местах (сейчас они все вместе просто заданы тоже фоном у #wrap:after). Но проблема в том, что верстка резиновая, и тянется с 1000px до 1500px. Может есть какое-нибудь гениальное решение этой проблемы, кроме позиционирования каждого огонька процентами? (нельзя оставить так, т.к. нужно будет прикрутить всплывающую подсказку к каждому огоньку).

   Asked by posthack, May 29, 2014

   0 votes
   1 answer
8. Расположение элементов на странице

   Очень долгое время меня уже мучает вопрос относительно того, как правильно размещать элементы в нужных позициях. Например есть текст в контейнере. Контейнер без границ, фона. Текст необходимо расположить скажем на некотором расстоянии от верха. Чисто визуально ведь этого можно добиться используя padding-top, или margin-top, или и то и другое вместе. Или используя position, воспользоваться top. То же само касается правого, нижнего и левого краев. И то же самое касается не только текста. Так что же все таки предпочтительнее и в каких ситуациях использовать? Может есть некие "правила"? Например для одних элементов одно, для других другое.. Или это вообще дело вкуса? Подскажи…

   Asked by Vulner, June 7, 2013

   0 votes
   1 answer
9. Расположить 3 блока: 2справа один под другим и 1 слева на всю ширину.

   Изучаю css. Вот, решил сделать тренировочный сайт и бьюсь уже 2й день - не получается получить элементарного. Причем, ИМХО, можно получить нужный результат при использовании "невидимой" таблицы, но меня интересует именно как это сделать через css. Должно быть: 3 окошка. слева одно под другим 2 окна на ширину 200px и справа от них на свю оставшуюся ширину третье окно. (в заголовке право и лево попутал местами - это ошибка) IE показывает то, что я хочу. Opera - располагает 3е окно на всю ширину под первыми двумя. FF- делает почти правильно, но 3е окно не на всю оставшуюся ширину. И как его сделать на всю - хз. Вопросов несколько. 1. Что я делаю не так? как сделать чтоб зар…

   Asked by chabapok, January 31, 2009

   0 votes
   3 answers
10. Расположить div по центру внутри другого div

    Есть такой пример. <style type="text/css"> #div1 {float:left} #div2 {margin:0 65px 0;width:75%} </style> <div> <div id="div1">картанка</div> <div id="div2">текст<br><br>текст<br><br>текст<br><br>текст</div> </div> Как сделать так что бы слово картинка располагалась по центру по вертикали относительно высоты блока div2. (блока с текстом)

    Asked by Prizrak, March 19, 2009

    0 votes
    1 answer
11. Расположить div'ы в ряд

    Нужно расположить элементы DIV по четыре штуки в ряд, примерно как на этой корявенькой картинке: Причем еще желательно чтобы они вели себя, как обычные элементы - если все четыре div'а не влезают по ширине в окно браузера, то чтобы они сами переносились на новую строку. По идее, как я прочитал в справочнике, за такое поведение отвечает display:block; но что-то не срабатывает. Все DIV'ы просто идут один за другим по вертикали, т. е. по одному в ряд. Помучился с display:absolute, но это, похоже, вообще тут не катит. Можно было бы не париться и просто сделать TABLE, но хочется же "по-правильному"

    Asked by hooey_ru, September 25, 2008

    0 votes
    5 answers
12. Расположить блок внизу родительского блока

    В общем вот страничка. http://goo.gl/pynpv Есть список товаров. Нужно расположить блок внизу родительского блока. В инете вычитал что надо использовать table и table-cell, но у меня не получается, есть другой выход?

    Asked by across, August 14, 2012

    0 votes
    5 answers
13. Расположить блок сбоку от основного (margin: 0 auto)

    Здравствуйте! Целый день сегодня мучаюсь. Нужно расположить блок сбоку от основного контента <div id="content">...</div> #content{max-width: 800px; margin: 0 auto} Нарисовала примерно то, что нужно получить.

    Asked by Анастасия Кирина, April 7, 2012

    0 votes
    2 answers
14. Расположить блоки по ширине родителя

    Добрый день! Есть следующий код html и css: <!DOCTYPE html> <html> <head> <title>test-page</title> <meta charset="utf-8" /> <style> body {margin: 0px;} header {width: 1000px; margin: 0px auto} #a {width: 300px; float: left; background: #27408B} #b {width: 200px; float: right; background: #008B00} #c {background: #CD2626; height: 150px} #a, #b {height: 100px;} </style> </head> <body> <header> <div id="a"></div> <div id="b"></div> <div id="c"></div> </header> </body> </html> Задача. Левый синий блок (div id="a") и правый зеленый (div id="b") имеют непо…

    Asked by zodcyi, August 18, 2013

    0 votes
    1 answer
15. Расположить Два фрагмента текста в двух дивах

    Как сделать так, что текст справа не заезжал под звезду, был отбит от звезды на 2em'a и звезда была бы выровнена по середине первой строки текста из правого див-а? <style> .blog_table{/*Holds all blog entries*/ width: 100%; } .blog_title{ font-size:1.5em; margin-right:1.5em; display:inline; } .blog_title_td{ padding-top:3em; padding-bottom:2em; } .small_text{ font-size:0.9em; display:inline; padding-right:2em; } .small_text { display:inline; font-size:0.9em; padding-right:2em; } a { color:#3E93CE; text-decoration:underline; } </style> <table> <tr class="blog_title_tr"><!--Title--> <td style="text-align: left;" class…

    Asked by ХОЛОДный, September 23, 2009

    0 votes
    2 answers
16. Расположить изображение

    Всем привет. Нужно расположить изображение, как на рисунке. Справа внизу. Проблема в том, что контент может быть разной высоты, внутрь меню тоже не засунуть, меню фиксированной высоты. Position: relative создаёт полосу в контенте. Float: left располагает изображение поверх контента слева от меню. Есть идеи? Заранее спасибо.

    Asked by Serg@NT, July 1, 2014

    • вёрстка
    • CSS
    • HTML5
    0 votes
    10 answers
17. Расположить картинку за формой

    Добрый день Подскажите, как расположить картинку с девушкой за формой авторизации?

    Asked by kirill1059, August 16, 2014

    0 votes
    8 answers
18. Распорка в IE6

    Код: <style> #left { float: left; width: 300px; height: 512px; background: transparent url('images/ear.png') no-repeat left top; } #right { margin-left: 300px; height: 512px; background: #FFFFFF; } </style> <div> </div id="left"> </div> <div id="right"> </div> </div> Суть проблемы: в IE6 между этими двумя div'ами идет распорка в 2-3 пиксела. Уже не в первый раз с этой проблемой встречаюсь, не могу понять, в чем дело. Параметры border, padding, margin у всех div'ов проставлены в 0. Хотелось бы понять, в чем ошибка, а не применять кривые методы исправления. Заранее спасибо за ответ.

    Asked by my-name-is-Max, May 5, 2008

    0 votes
    1 answer
19. распределение дивов

    Вопщем такой вопрос созрел: надо сделать из 4 дивов которые выводятся друг за другом, что бы при сжимании окна браузера они смешались вниз тока по 2, а не по 1-ому. <div style="float:left; width:200;">12345</div> <div style="float:left; width:200;">123456</div> <div style="float:left; width:200;">1234567</div> <div style="float:left; width:200;">1234578</div> Может кто уже делал что-то подобное, помогите плиз!) {...перенесено "Слои" kiD}

    Asked by AtskiySOTONA, July 2, 2007

    0 votes
    14 answers
20. Распределение текста по всей длине div

    Задача: Нужно сделать так, что бы текст был расположен как на скрине. Решение:? Заранее спасибо!

    Asked by epog333, August 9, 2011

    0 votes
    5 answers
21. РАсскажите мне о CMS

    Где можно его скачать и как подстроить его под сайт?

    Asked by tray, April 15, 2008

    0 votes
    10 answers
22. Расскажите про TBODY

    Здравствуйте. Разъясните пожалуйста один момент: тэг TBODY может иметь стиль CSS или нет? Если я правильно понимаю спецификацию (в чем я не уверен), то Да, может, но как-то странно стили с этим тэгом работают. Наппример такие свойства, как: font-size или text-align к TBODY применяются, а вот border почему-то нет. Это так и должно быть или я чего-то недопонимаю? Спасибо.

    Asked by UNIX, March 10, 2009

    0 votes
    4 answers
23. Расскрывающееся меню с подсказками

    Надеюсь на помошь людей знающих JavaScript. В общем проблема такая: нужно поставить раскрывающееся меню в форме в количестве двух и более штук на страницу, а при установке из двух меню работает только одно, хотя значения в них разные. Подскажите, пожалуйста какие параметры необходими изменить для того чтобы размесить несколько подобных меню на странице...... Вот пример меню: <form name="a294" > <select name="a969" size="1" style="background-color:#FFFFD7" onChange="displaydesc(document.a294.a969.selectedIndex)"> <option selected value="http://undereform.com/photo/">--Выберите исполнителя--</option> <option value="/photo/17">Aaron Spectre&…

    Asked by dscoma, January 12, 2009

    0 votes
    8 answers
24. Рассортировка новостей по категориям - вопрос от лентяйки

    Добрый день, уважаемые форумчане! Прошу помочь просто направить Где можно было бы узнать о том, как в простой плагин новостей можно добавить подкатегории. Или же (если есть кто очень добрый) пример строения плагина для новостей/статей с подкатегорями. Заранее большое спасибо!

    Asked by marianna9201, February 3, 2015

    0 votes
    5 answers
25. Расставить объекты на карте

    Привет! Я начинающий в веб-программировании, пытаюсь реализовать задачу, когда на карте есть несколько точек, при наведении курсора мыши на эти "точки", всплывает окошко с изображением и подписью. И всё это ещё надо вставить в качестве модуля для joomla. Но всё по порядку. Я опишу как я собираюсь её решить, и большая просьба - сказать, верно ли я всё понял и делаю? Для начала я собираюсь расставить объекты (точки) на карте. Для этого есть пустой контейнер div, у которого в качестве фонового изображения выступает карта. В его стиле я задал ему размер, равный размеру изображения карты, и указал в качестве background саму карту. Далее я планирую с помощью JavaScri…

    Asked by Riddik, November 13, 2013

    0 votes
    0 answers