Подскажите как увеличить растояние между ссылками?

Discussion in 'Форматирование материалов' started by yan21, Nov 10, 2008.

  1. Offline

    yan21 Недавно здесь

    Joined:
    Nov 10, 2008
    Messages:
    8
    Likes Received:
    0
    Gender:
    Male
    Помогите плиз! Ушёл человек который занимался сайтом. Руководство дало задачу внести кое какие изменения в сайт. Я внёс. Но произошли изменения которые я не знаю как исправить. А именно:
    как увеличить расстояние между ссылками, если они идут списком? Спасибо!
     
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    yan21,
    в css шаблона:
    a:link{
    line-heigth:20px;
    }
    значение 20px меняем на нужное
     
  4. -=phenix=-
    Offline

    -=phenix=- Недавно здесь

    Joined:
    Sep 1, 2008
    Messages:
    64
    Likes Received:
    2
    Gender:
    Male
    Хммм. я бы использовал padding и margin Как стандарты для отступов. И применял бы их к li части, или в комплексе a {display:block;}
    Точнее сказал бы если бы видел верстку.
     
  5. Offline

    _voland_ Местный => Cпециалист <=

    Joined:
    Apr 12, 2008
    Messages:
    2,171
    Likes Received:
    102
    Gender:
    Male
    Лучше line-height - с IE проблем меньше
     
  6. -=phenix=-
    Offline

    -=phenix=- Недавно здесь

    Joined:
    Sep 1, 2008
    Messages:
    64
    Likes Received:
    2
    Gender:
    Male
    Спорить не буду... для ИЕ вообще приходится корпеть отдельно ... Просто line-height я юзаю для других дел, и вот почему не рекосендую его.
    Например - вот цсс
    #header h2 { width:350px; height:200px; float:left; background:url(../images/bg/bg_meridian.gif) no-repeat; line-height:9999px; overflow:hidden;}
    А вот код
    <div id="header">
    <h2>Meridian.co.ua- туристическая компания. Незабываемый отдых. Карпаты, Крым.</h2>
    </div>

    Так вот - есть в шаблоне у парня указаны абсолютные размеры - то использование line-height уберет (или порежит) ссылку.
    Да- и потом - покажи те мне как сделать так padding: 3px 20px 2px 1em; то есть по разному отсутпы прописать с разных старон
     
  7. Offline

    yan21 Недавно здесь

    Joined:
    Nov 10, 2008
    Messages:
    8
    Likes Received:
    0
    Gender:
    Male
    Добрый день! В редакторе HTML-кода нашел


    <ul> <li><a href="http://www.сайт.ru/index.php?option=com_content&amp;task=view&amp;id=33&amp;Itemid=69#1">стол</a></li><li><a href="http://www.сайт.ru/index.php?option=com_content&amp;task=view&amp;id=33&amp;Itemid=69#2">стул</a> </li><li><a href="http://www.сайт.ru/index.php?option=com_content&amp;task=view&amp;id=33&amp;Itemid=69#3">кровать</a> </li><li><a href="http://www.сайт.ru/index.php?option=com_content&amp;task=view&amp;id=33&amp;Itemid=69#4">ортопедические матрасы</a> </li><li><a href="http://www.сайт.ru/index.php?option=com_content&amp;task=view&amp;id=33&amp;Itemid=69#6">кресло</a> </li><li><a href="http://www.сайт.ru/index.php?option=com_content&amp;task=view&amp;id=33&amp;Itemid=69#7">дом</a> </li><li><a href="http://www.сайт.ru/index.php?option=com_content&amp;task=view&amp;id=33&amp;Itemid=69#9">квартира</a> </li><li><a href="http://www.сайт.ru/index.php?option=com_content&amp;task=view&amp;id=33&amp;Itemid=69#8">и др</a> </li><li><a href="http://www.сайт.ru/index.php?option=com_content&amp;task=view&amp;id=33&amp;Itemid=69#5">и др</a> </li></ul>

    Подскажите где я должен прописать?
    Если не в редакторе то где именно в css?
     
  8. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    yan21, в css:
    ul li{
    line-heigth:20px;
    }
     

Share This Page

Loading...