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

Тема в разделе "Форматирование материалов", создана пользователем yan21, 10.11.2008.

  1. Offline

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

    Регистрация:
    10.11.2008
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    Помогите плиз! Ушёл человек который занимался сайтом. Руководство дало задачу внести кое какие изменения в сайт. Я внёс. Но произошли изменения которые я не знаю как исправить. А именно:
    как увеличить расстояние между ссылками, если они идут списком? Спасибо!
     
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    yan21,
    в css шаблона:
    a:link{
    line-heigth:20px;
    }
    значение 20px меняем на нужное
     
  4. -=phenix=-
    Offline

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

    Регистрация:
    01.09.2008
    Сообщения:
    64
    Симпатии:
    2
    Пол:
    Мужской
    Хммм. я бы использовал padding и margin Как стандарты для отступов. И применял бы их к li части, или в комплексе a {display:block;}
    Точнее сказал бы если бы видел верстку.
     
  5. Offline

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    Лучше line-height - с IE проблем меньше
     
  6. -=phenix=-
    Offline

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

    Регистрация:
    01.09.2008
    Сообщения:
    64
    Симпатии:
    2
    Пол:
    Мужской
    Спорить не буду... для ИЕ вообще приходится корпеть отдельно ... Просто 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 Недавно здесь

    Регистрация:
    10.11.2008
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    Добрый день! В редакторе 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 Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    yan21, в css:
    ul li{
    line-heigth:20px;
    }
     

Поделиться этой страницей

Загрузка...