Убрать лишнее пространство в профиле в постах

[FaintRush]

Собственно сабж:
В стандартной теме на этом форуме (и не только на этом) в сообщениях есть как мне кажется лишнее пространство между именем пользователя, статусом, пользователя, и иконками групп пользователя как это видно на этом скрине:



Ну а получить я хочу что-то типа этого:



Как мне убрать это лишнее пространство?

[0daliska]

У Вас столько пожеланий... Может все же учиться начнете?
FireBug - поможет Вам определить, какой стиль за что на вашей странице отвечает...
Учебник по css подскажет, что надо сделать, чтобы уменьшить высоту линий...
А в этой теме рассказано на примере единицы, как это приблизительно делается...

[FaintRush]

Мм) Если я начну учится думаю вам придется отвечать на еще большее количество вопросов)
Попробую конечно, сейчас буду фаербаг ставить, с html и css я кое-как ознакомлен.

Однако хотя-бы в - http://www.simplemachines.ru/index.php?topic=12147.0 этой теме было бы неплохо чтобы мне все-таки помогли (:

[FaintRush]

Трудновато там конечно разобраться..
нашел только что вроде бы за это место отвечает  class="reset smalltext" который я нигде не могу найти..

[0daliska]

Трудновато там конечно разобраться..
нашел только что вроде бы за это место отвечает  class="reset smalltext" который я нигде не могу найти..

Не-а, не правильно... В html кусок кода, который вы пытаетесь править вот:

Код Выделить Развернуть

<div class="poster">
<h4>
<a title="Просмотр профиля FaintRush" href="http://ultidota.su/index.php?action=profile;u=1">FaintRush</a>
</h4>
<ul id="msg_18_extra_info" class="reset smalltext">
<li class="membergroup">Администратор</li>
<li class="stars"><img border="0" alt="*" src="http://ultidota.su/Themes/default/images/crown.png"><img border="0" alt="*" src="http://ultidota.su/Themes/default/images/crown.png"><img border="0" alt="*" src="http://ultidota.su/Themes/default/images/crown.png"><img border="0" alt="*" src="http://ultidota.su/Themes/default/images/crown.png"><img border="0" alt="*" src="http://ultidota.su/Themes/default/images/crown.png"></li>
<li style="overflow: auto;" class="avatar">
<a href="http://ultidota.su/index.php?action=profile;u=1">
<img border="0" alt="" src="http://ultidota.su/index.php?action=dlattach;attach=3;type=avatar" class="avatar">
</a>
</li>
<li class="postcount">Сообщений: 14</li>
<li class="blurb">Indigo</li>
<li class="profile">
стили, которые требуется исправить, Вы можете увидеть при выводе этого html кода... найдите сами эти стили и исправьте нужное...
Прочтите мануал, как примерить в Firebug, не внося изменений в реальный файл css и экспериментируйте...
Москва не сразу строилась...

[FaintRush]

Не могу найти такой мануал о котором вы говорите =(
Кстати не могу понять как мне анализировать выделенный участок..

[0daliska]

Я вам на русский сайт специально ссылку привела... С картинками...
http://firebug.ru/docs.html
Хотя что там особо усерствовать навели мышь на нужный участок, кликнули правой кнопкой мыши по немы и выбрали анализировать элемент...
Не бойтесь в окошке firebug тыкать, откроете много полезного и интересного...

Вот на английском в вики http://getfirebug.com/wiki/index.php/Main_Page

[FaintRush]

мда, наверное у меня руки так-и не оттуда растут, ни в какую не могу найти в стилях значения нужного мне расстояния между нужными мне элементами ;/

[0daliska]

мда, наверное у меня руки так-и не оттуда растут, ни в какую не могу найти в стилях значения нужного мне расстояния между нужными мне элементами ;/

Ну тогда, наверное стоит поумерить аппетиты и довольствоваться тем, что есть...

[FaintRush]

И все-таки это довольно печально, ведь этот фикс + фикс вот в этой теме - два последних фикса которые я собственно хотел пока сделать, может все-таки поможете мне хоть в одном из этих случаев?
Готов предоставить доступ к любому файлу, если надо то и к фтп (:

[0daliska]

Не надо...
Как сделать так в Вашем конкретно случае:
открываете
http://ultidota.su/Themes/default/css/index.css

Код Выделить Развернуть

.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
margin-top: 0.5em;
}
изменяете на

Код Выделить Развернуть

.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
margin-top: 0;
}
также находите:

Код Выделить Развернуть

.poster h4
{
margin: 0.2em 0 0.4em 1.1em;
font-size: 120%;
}

заменяете на:

Код Выделить Развернуть


.poster h4
{
margin:0.2em 0 0 1.1em;
font-size: 120%;
}

Будет так, как на скрине 123 в противовес тому, что имеем изначально на скрине ishodniy

[FaintRush]

Не надо...
Как сделать так в Вашем конкретно случае:
открываете
http://ultidota.su/Themes/default/css/index.css

Код Выделить Развернуть

.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
margin-top: 0.5em;
}
изменяете на

Код Выделить Развернуть

.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
margin-top: 0;
}
также находите:

Код Выделить Развернуть

.poster h4
{
margin: 0.2em 0 0.4em 1.1em;
font-size: 120%;
}

заменяете на:

Код Выделить Развернуть


.poster h4
{
margin:0.2em 0 0 1.1em;
font-size: 120%;
}

Будет так, как на скрине 123 в противовес тому, что имеем изначально на скрине ishodniy

[0daliska]

Вы сами видите, что в этом ничего сложного нет...
Просто здесь не любят потребителей, которые сами не хотят думать, а требуют готового решения...
Используйте базу знаний, которая накопилась на форуме... и не ждите, что за вас все ваши задачи решат... Учитесь сами решать задачи, особенно простые, тогда и обратившись за решением сложной задачи, вы не получите глухого молчания со стороны форумчан...   
Удачи в ваших начинаниях...

[FaintRush]

Ну вообще-то я очень даже хотел думать, но даже понятия не имел где лежат эти значения..