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


Пользователь месяца
OlgaGetman OlgaGetman 1-й за Декабрь
Очков активности: 2100 10 тем, 170 сообщений, 7 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Ixman
    #1

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

  • Фотография Андрей WPMasterKZ
    #2

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

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

    BLIK
    Очков активности: 126 0 тем, 21 сообщение, 4 балла репутации

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

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

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

    Cheaplinks
    Очков активности: 54 0 тем, 18 сообщений, 2 балла репутации

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

    Mandarin
    Очков активности: 52.5 0 тем, 35 сообщений, 1 балл репутации

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

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

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

    Ilya74
    Очков активности: 48 0 тем, 16 сообщений, 2 балла репутации

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

    Constantine
    Очков активности: 48 5 тем, 17 сообщений, 1 балл репутации

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

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

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.12.2018
  • Яндекс выдача: 20.01.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