Перейти к содержимому


Пользователь месяца
BLIK BLIK 1-й за Февраль
Очков активности: 1228 0 тем, 63 сообщения, 13 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Андрей WPMasterKZ
    #1

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 1668 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 924 1 тема, 53 сообщения, 11 баллов репутации

  • Фотография magnet
    #3

    magnet (rbfxdirect.com)
    Очков активности: 451.5 Вне конкурса за определение пользователя месяца

  • Фотография Megoydagi
    #4

    Megoydagi
    Очков активности: 333 8 тем, 50 сообщений, 3 балла репутации

  • Фотография maxnik
    #5

    maxnik (konovalovpavel.ru)
    Очков активности: 292.5 2 темы, 59 сообщений, 3 балла репутации

  • Фотография pozitron123
    #6

    pozitron123
    Очков активности: 202.5 5 тем, 30 сообщений, 3 балла репутации

  • Фотография BLIK
    #7

    BLIK
    Очков активности: 142.5 Вне конкурса за определение пользователя месяца

  • Фотография OlgaGetman
    #8

    OlgaGetman
    Очков активности: 120 Вне конкурса за определение пользователя месяца

  • Фотография WGN
    #9

    WGN (worldgamenews.com)
    Очков активности: 120 0 тем, 40 сообщений, 2 балла репутации

  • Фотография Ixman
    #10

    Ixman (o5cat.ru)
    Очков активности: 57 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 26.02.2019
  • Яндекс выдача: 21.03.2019
Топ 5 участников по репутации


  • Закрытая тема Тема закрыта

Элементы списка в столбик, а не в одну строку

#1 contra87

contra87
  • Заблокированные
  • 75 сообщений
  • Репутация: 0
0

Отправлено 08 March 2011 - 19:53

здравствуйте,как вот в этом коде сделать чтобы ссылки выводились на сайте с новой строки и в один столбик если можно то как это прописать css
<ul class="itemAttachments">
<li>
<a href="/blog/index.php?option=com_k2&amp;view=item&amp;task=download&amp;id=1&amp;Itemid=4" title="Для 176x220 ">
Для 176x220 [360 Kb] </a>
<span>(0 download)</span>
</li>
<li>
<a href="/blog/index.php?option=com_k2&amp;view=item&amp;task=download&amp;id=2&amp;Itemid=4" title="Для 240x320">
Для 240x320 [425 Kb] </a>
<span>(0 download)</span>
</li>
<li>
<a href="/blog/index.php?option=com_k2&amp;view=item&amp;task=download&amp;id=3&amp;Itemid=4" title="Для Sony-Ericsson">
Для Sony-Ericsson 240x320 [429 Kb] </a>
<span>(0 download)</span>
</li>
</ul>
1.png

 

 

  • 0

#2 Игорян

Игорян
  • Неактивные
  • 296 сообщений
  • Репутация: 10

Отправлено 08 March 2011 - 20:09

Покажи класс .itemAttachments { :) } может смогу помочь
  • 0

#3 contra87

contra87
    Topic Starter
  • Заблокированные
  • 75 сообщений
  • Репутация: 0

Отправлено 08 March 2011 - 20:17

div.itemAttachmentsBlock ul.itemAttachments {
display: inline;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
:rolleyes:
  • 0

#4 Игорян

Игорян
  • Неактивные
  • 296 сообщений
  • Репутация: 10

Отправлено 08 March 2011 - 20:30

div.itemAttachmentsBlock ul.itemAttachments {
display: inline;
list-style-position: outside;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

так попробуй ;)
  • 0

#5 contra87

contra87
    Topic Starter
  • Заблокированные
  • 75 сообщений
  • Репутация: 0

Отправлено 08 March 2011 - 20:33

всё разобрался
div.itemAttachmentsBlock ul.itemAttachments li {
   div.itemAttachmentsBlock ul.itemAttachments li {
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0;
	text-align: center;
}

Удалил
display: inline;
Удалил
text-align: center;
:)
  • 0

#6 Игорян

Игорян
  • Неактивные
  • 296 сообщений
  • Репутация: 10

Отправлено 08 March 2011 - 20:42

ну да ну да, вы правы, во всем виноват display: inline; и я затупил ;) дык в первом коде который вы показали и не было text-align: center; :) а вот это дело

margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0;


я бы сократил в две строчки, хотя и так работать будет :)

margin:0 0 0 0;
padding:0 4px 0 4px;

  • 0

#7 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 09 March 2011 - 19:51

contra87, вопрос решен, тему закрываю?
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru