За последние 24 часа нас посетили 23678 программистов и 1717 роботов. Сейчас ищут 1725 программистов ...

как сделат отступы к тексту сверху и снизу?

Тема в разделе "HTML и CSS", создана пользователем riaron, 18 апр 2015.

  1. riaron

    riaron Активный пользователь

    С нами с:
    1 окт 2014
    Сообщения:
    247
    Симпатии:
    4
    Как сделать отступы к тексту сверху и снизу?
    hello,world/n world,dd!!!! это отдельные li-шки.
    вот картинка, хочу исправить.(сделать выравнивание)
    [​IMG]
     
  2. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Use the Padding, Luck! Если конкретно - паддинги у контейнера, от границ которого нужны отступы.
     
  3. riaron

    riaron Активный пользователь

    С нами с:
    1 окт 2014
    Сообщения:
    247
    Симпатии:
    4
    у меня в картинке background: linear-gradient сделан по ul-у, можно ли сделать так, чтобы буквы шли по центру?
    или тупо брать каждое li и назначив каждому id добавлять padding?
     
  4. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Дай HTML-код того, что на картинке.
     
  5. riaron

    riaron Активный пользователь

    С нами с:
    1 окт 2014
    Сообщения:
    247
    Симпатии:
    4
    Вот html
    Код (Text):
    1. <div>
    2.   <ul id="menu">
    3.     <li class="kolonki"><a class="kolonki">Hello</a></li>
    4.     <li class="kolonki"><a class="kolonki">world <br/> world</a>
    5.       <ul id="menu1" >
    6.         <li>Wwwwwww|</li>
    7.         <li>Owwwwww|</li>
    8.         <li>Rwwwwww|</li>
    9.         <li>LDwwwww</li>
    10.       </ul>
    11.     </li>
    12.     <li class="kolonki"><a class="kolonki">dd!!!!</a></li>
    13.     <li>&nbsp; &nbsp; &nbsp;<a class="kolonki">www</a></li>
    14.   </ul>
    15. </div>
    вот css
    Код (Text):
    1. ul#menu{
    2. width: 920px;
    3.  background-color: #804a0b;
    4.  background-image: linear-gradient(#f4e2c8, #804a0b);
    5.  /*border-radius: 6px;*/
    6.  box-shadow: 0 1px 1px #777;
    7.  text-transform: uppercase;
    8.  font:16px Arial, Helvetica;
    9.  text-decoration: none;
    10.  text-shadow: 0 1px 0 #000;
    11.  margin:0;
    12.  padding:0;
    13. }
    14.  
    15. ul#menu1{
    16.  background-color: #fdf4e3;
    17.  /*border-radius: 6px;*/
    18.  box-shadow: 0 1px 1px #777;
    19.  text-transform: uppercase;
    20.  font:16px Arial, Helvetica;
    21.  text-decoration: none;
    22.  text-shadow: 0 1px 0 #000;
    23. }
    24.  
    25. a.kolonki:hoverm,{
    26.     background: #fff9e0;
    27.     background-image: linear-gradient(#f7d683, #e8c478);
    28. }
    29. ul#menu1 li:hover{
    30.     background: #f7d683;
    31. }
    32.  
    33. ul#menu li{
    34.     position: relative;
    35.     list-style-type: none;
    36.     display:inline-block;
    37. }
    38. ul#menu1{
    39.  position: absolute;
    40.  left: -9999px;
    41. }
    42. ul#menu li.kolonki:hover ul#menu1 {
    43.  display: block;
    44.  left:0;
    45.  }
     
  6. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Вы тут сами паддинг выставили же в ноль. Замените ноль на, например, 10px, увидите чудо.
     
  7. riaron

    riaron Активный пользователь

    С нами с:
    1 окт 2014
    Сообщения:
    247
    Симпатии:
    4
    Вопрос в том что world <br> World и hello в данной картинке, неодинаково определяются по вертикали относительно фоновой картинки,меня интересует есть ли такой код который автоматом бы центрировал?
     
  8. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    У padding можно задавать отдельно отступ с каждой из 4х сторон, курите доки.
     
  9. MyWeb

    MyWeb Новичок

    С нами с:
    26 май 2015
    Сообщения:
    28
    Симпатии:
    0
    margin и padding - отвечают за отступы, с ними и играйся...)