HTML Coding

29,542 questions in this forum

1. Как отцентрировать по X - асболютн.поз.элемент?

   День добрый! Подскажите пожалуйста как можно сделать так что элемент (треугольник) позиционировался посередине каждого блока li? bottom я задал,а вот как отцентрировать не знаю.Либо надо было изначально задавать всем блокам одинаковую ширину,тогда можно было сделать это через обычный left,ведь ширина у каждого блока одинакова - но так выглядит не красиво и вообще не соответствует макету. http://cssdeck.com/labs/eohauqtt Извините,закрывайте тему.

   Asked by Temik2704, November 19, 2013

   0 votes
   2 answers
2. Как отцентрировать по вертикали position: absolute

   Подскажи, как отцентрировать по вертикали position: absolute относительно <img> ? <div style="width: 100%; text-align: center; position: relative"> <img src="" alt="{формула}" title="{TEXT2}" /> <span style="position: absolute; right: 1px; font: 12pt Calibri;">(номер формулы)</span> </div> Код нужен для нумерованных мат. формул, то есть когда формула строго по центру по горизонтали относительно страницы, а её номер возле правого края. Когда высота формулы в одну строку, проблем нет; но, если высота формулы более одной строки (например, дробь, матрица), то номер не центрируется относительно неё - всегда сверху.

   Asked by NonCommalg, May 11, 2011

   0 votes
   0 answers
3. Как отцентрировать список внутри дива по вертикали?

   html: <div id="header"> <div id="menu"> <ul> <li class = "first"><a href="">О нас</a></li> <li><a href="">Ароматы</a></li> <li><a href="" target = "_blanc">Подарочные наборы</a></li> <li><a href="" target = "_blanc">Галерея</a></li> <li><a href="" target = "_blanc">Уход за кожей</a></li> <li><a href="" target = "_blanc">Косметика</a></li> <li><a href="" target = "_blanc">Аксессуары</a></li> <li><a href="" target = "_blanc">Контакты</a&gt…

   Asked by zhuravlik, October 8, 2011

   0 votes
   0 answers
4. Как отцентрировать таблицу в диве (или не в диве)?

   Как отцентрировать таблицу в диве? Таблицу с фиксированной шириной (400 пикселей) надо разместить по центру странички. Не пойму как это делать. Вроде в див вкладываю, прописываю диву style="text-align: center;" и ничего, таблица так и остается прижатой к левому краю.

   Asked by rug_1, March 29, 2009

   0 votes
   1 answer
5. Как отцентрировать текст

   Подскажите, пожалуйста, как в каталоге http://goo.gl/WRuHBEможно сделать текст не слева, как сейчас, а по центру картинки. Css код заголовков такой: .category-view .row .category .spacer h2 a span { position: absolute; left: 0px; display: inline; color: #fff; padding: 1px 1px; text-align: center;}

   Asked by mopch, April 19, 2015

   0 votes
   3 answers
6. Как отцентрировать текст по вертикали?

   Никак не могу найти ответ на такой вопрос: как отцентрировать по вертикали в теге текст, изображение, дугой блок, или что-то еще?Простейший код: <div style="height:200px; vertical-align:middle; text-align:center; border:solid #dadada 3px;"> <h1>HAY!</h1> </div> Проблема в том, что текст внутри блока выравнивается по вертикали по верхнему краю, а нужно по середине... Как сделать?

   Asked by mozart, May 24, 2008

   0 votes
   3 answers
7. Как отцентрировать центральный блок?

   Сабж https://jsfiddle.net/vpy7sn26/1/ Как отцентрировать центральный блок? Можно сделать так же, но без float? (без padding и margin) margin: auto для inline-block походу не работает? исправил наименование блоков

   Asked by torsar, July 19, 2016

   0 votes
   12 answers
8. Как отцентровать блоки?

   Проблема в том, что бы отцентровать последнее изображение, но и каждый ряд так же. Так как под изображением должна быть ссылка, то изображение со ссылкой приходится помещать в div. Изображения могут быть различной ширины, и помещаться в ряд столько, сколько влезет, остальные переносятся на следующую строку. Это делается просто через float: left; Но дело в том, что в каждой строке, изображения(блоки) должны быть отцентрованы, а как вы знаете, если задано float, то text-align:center уже не прокатит Собственно вопрос: Как отцентровать блоки в каждом ряде не странице? Код не обязательно, достаточно доступно изложить идею реализации. Заранее благодарен!

   Asked by Single074, January 9, 2012

   0 votes
   2 answers
9. как отцентровать вложеный объект?

   Привет, All! на страничке реализовано выпадающее меню (CSS) перекрывающее flash элемент но столкнулся с тем что теперь не могу отцентровать flash подскажите как правильно это реализовать не удаляя строки <div align="center" style="position:absolute; z-index:1"> <table> ... <tr align="center"><td> <div align="center" style="position:absolute; z-index:1"> <embed src="my.swf" wmode="opaque" /> </div> </td></tr> </table> спасибо

   Asked by ravend, April 2, 2010

   0 votes
   5 answers
10. Как отцентровать дивы?

    Здравствуйте. Вопрос такой. Есть код: <body> <div class="center"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> </div> </body> И CSS к нему: body { margin: 0; padding: 0; font-family: Arial; line-height: 25px; background: #fff;} .clear{clear:both;} .center { width: 100%;} .block { float:left; margin: 6px; …

    Asked by laradice, October 29, 2008

    0 votes
    6 answers
11. Как отцентровать контент колонки?

    Приветствую! Не подскажите что нужно прописать в css чтобы отцентровать анонсы и вывод комментариев в колонке?

    Asked by Aspirant, January 23, 2014

    0 votes
    3 answers
12. Как отцентровать содержимое по вертикали?

    Никак не могу отцентровать содержимое по вертикали. Можно превратить <a> в table-cell, тогда можно будет использовать vertical-align: middle; Будет работать в FF, Opera, Safari, IE8. Но как заставить встать по центру в IE6 и IE7. Ниже пример который хотелось бы обуздать. У кого есть опыт, подсобите! http://dc133.file.qip.ru/img/127077842/d59...059&sizeM=7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>Vertical align MIDDLE</title> <style type="text/css"> body {font: 11px Arial, Helvetica, sans-serif;} ul, li { list-style: none outside none;} ul…

    Asked by maximuz, April 26, 2010

    0 votes
    1 answer
13. Как отцентровать фон?

    Здравствуйте. Есть вот такой макет: http://s49.radikal.ru/i125/0901/53/2be8519c2d6a.jpg Необходимо чтоб при уменьшении размеров браузера, фон всегда выравнивался по центру. Грубо говоря в данном макете центр примерно совпадает с двойной сплошной полосой на дороге, если уменьшить окно, то центр сместится. Как этого избежать? В верстке пока мало опыта, сделал только вот эти варианты (на вставки php не обращайте внимание, это будет тема для Drupal'а: <table align="center" border="0" cellpadding="0" cellspacing="0" background="<?php echo $base_path.'themes/region-leader/'?>top_back.jpg" height="456" width=100%> <tr> <td> </td> </tr&gt…

    Asked by froz, January 18, 2009

    0 votes
    2 answers
14. как оформить атрибут placeholder и <input type="search" />?

    Атрибут placeholder ставит текст в поле, пока в нём не содержится какой-либо введённый пользователем текст. Заказчик очень хочет, чтобы текст из placeholder был определённого цвета. Листая документацию, найти ничего подобного не могу. Может кто сталкивался? Знаете? Подскажите пожалуйста. А также как научить <input type="search" /> в сафари слушаться css? Есть ли более-менее прямые способы это сделать?

    Asked by swetlana, August 6, 2010

    0 votes
    7 answers
15. Как оформить границы таблицы с помощью CSS

    Подскажите примерчик кода CSS, пожайлуста! Есть таблица, состоящая из одного столбца и двух строчек, собственно в вверхней ячейке картинка, а в нижней черные границы таблицы. Как мне сделать так, чтобы у второй ячейки верхняя граница неотображалась, а границы слева и справа и снизу оформить цветом и толщиной линии?

    Asked by okunev2, July 19, 2007

    0 votes
    5 answers
16. Как оформить заголовок

    Подскажите, как делается такой заголовок с заливкой не до конца? http://www.vashgarazh.com/dekorativnaya-otdelka-fundamenta И еще, какой это шрифт&

    Asked by fowl, June 2, 2011

    0 votes
    3 answers
17. Как оформить кнопку

    Есть кнопка <input type="submit" value="{$smarty.const.VOTE_BUTTON}"> Как применить к ней стиль, изменить цвет и размер, жирность надписи, или вообще отказаться от кнопки, а использовать ссылку?

    Asked by okunev2, September 10, 2007

    0 votes
    3 answers
18. Как оформить отправку файла в печать со страниц сайта?

    допустим, есть ссылка на документ ворд... а на странице с этим документом хочу сделать опцию *в печать*..как это сделать? спасибо

    Asked by _Ирина_, May 23, 2008

    0 votes
    4 answers
19. Как оформить переход на страницу "спасибо за покупку"?

    Короче, тут сначала решалась другая проблема, но в процессе консультаций решили сделать по-другому) Нужно сделать так, чтобы кнопка отправки лида отправляла пользователя на страницу "спасибо за покупку". Операция дефолтная, но я начинающий, поэтому нужна помощь) спасибо

    Asked by LanceVance, July 6, 2017

    0 votes
    9 answers
20. Как оформить полосу прокрутки в overflow

    Собственно как оформить в цветовой гамме полосу прокрутки? .box { overflow: scroll; width: 450px; height: 200px; padding: 3px; border: 1px solid rgb(20,20,20); }

    Asked by okunev2, July 5, 2007

    0 votes
    11 answers
21. Как оформить список в списке

    Нужно хорошо оформить меню категорий на сайте. Формируется списком. <div class="category"> <ul> <li>1</li> <li>2</li> <ul> <li>2.1</li> <li>2.2</li> </ul> </ul> </div> сделал клд css таким: #category { background-color: #1f8ee3; font-family: Arial; font-weight: 700; } #category ul { list-style: none; padding: 0px; border: none; } #category li { border-bottom: 1px solid #90bade; margin: 0; } #category li a { display: block; padding: 5px 5px 5px 15px; background-color: #2175bc; color: #000; text-decoration: none; width: 10…

    Asked by kopaweb, February 23, 2011

    0 votes
    11 answers
22. Как оформить элементы SELECT на css

    Собственно есть выпадающий список, как можно формить его границы, бигунок и другое?

    Asked by okunev2, July 24, 2007

    0 votes
    4 answers
23. Как оцентровать div

    Добрый день. Есть страница http://tdsol.ru/?page_id=126 на ней таблица, под таблицей 2 строки текста. Но из за того, что боковые divы закончились раньше текст разъехался. Подскажите, как его оцентровать относительно среднего diva?

    Asked by pix_l, April 8, 2011

    0 votes
    4 answers
24. Как очистить canvas?

    Всем привет! не могу очистить canvas от устаревшего изображения изображение рисуется так: context = canvas.getContext("2d"); ... context.moveTo(this.x, this.y); context.lineTo(CANVAS_WIDTH, Math.floor(Math.random() * CANVAS_HEIGHT)); context.lineWidth = 1; context.strokeStyle = "#ff0000"; context.stroke(); ... для очистки экрана использую метод: context.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); по логике в каждом кадре должна появляться одна красная линия с произвольными координатами но на деле линии начинают добавляться видимо координаты старых линий тоже сохранились в context как можно очистить не только экран (clearRect) но и удалить старые координаты линий из c…

    Asked by ravend, March 20, 2012

    0 votes
    1 answer
25. Как очистить поток

    Есть такая конструкция: <div id='wrapper'> <div id='leftwrap'> <div id='left'>тут много текста</div> </div> <div id='right'>тут много навигации</div> <div id='footer'>все права защищены</div> </div> И css: #leftwrap { width:100%; margin-left:-350px; } #left { float:left; margin-left:350px; background-color:red; } #right { float:right; width:270px; background-color:silver; } #footer { background-color:#777; } Как отменить обтекание футером колонок, кроме как <div style="clear: both;"></div> перед ним?

    Asked by Маленьке Звірятко, August 17, 2012

    0 votes
    2 answers