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

Реферальная программа Мегаплана


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

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

#1 contra87

contra87
  • Пользователь
  • 74 сообщений
  • Репутация: 0
0

Отправлено 08 Март 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 Март 2011 - 20:09

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

#3 contra87

contra87
    Topic Starter
  • Пользователь
  • 74 сообщений
  • Репутация: 0

Отправлено 08 Март 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 Март 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
  • Пользователь
  • 74 сообщений
  • Репутация: 0

Отправлено 08 Март 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 Март 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
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

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

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


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