код социальных сетей

[deadfox]

Скажите пожалуйста, как сделать этот код не колонкой , а строкой??? Т.е. чтобы было "Мы принимаем: а тут были иконки платежных систем" .

<div class="column">

<h3><font=Georgia><b><center>Мы принимаем:</center></b></font></h3><ul class="textinfo">

<li><div id="money"><a class="yandexmoneybutton" href="money.yandex.ru" title="Яндекс.Деньги">yandexmoney</a><a class="sberbankbutton" href="http://sberbank.ru" title="СберБанк">sberbank</a><a class="webmoneybutton" href="webmoney.ru" title="WebMoney">webmoney</a><a class="qiwibutton" href="QIWI.ru" title="Qiwi">qiwi</a></div></li>

</ul>

</div>

Заранее спасибо.

Змінено 16 січня 2013 користувачем deadfox

[Yurta]

В стили добавьте для тега <li> добавтье float: left или display: inline; это самый простой вариант а вообще у вас код дико криво написан.

[deadfox]

а как его переписать? Это не мой код, это так в шаблоне, сам немного переделал.

[Гість]

а как его переписать? Это не мой код, это так в шаблоне, сам немного переделал.

ну если переписывать то можно как нить так например сделать, вот это за место твоего кода

<div class="column">
<div id="text">Мы принимаем:</div>
 <div id="money">
<div class="link">
<a class="yandexmoneybutton" href="money.yandex.ru" title="Яндекс.Деньги">yandexmoney</a>
</div>
<div class="link">
<a class="sberbankbutton" href="http://sberbank.ru" title="СберБанк">sberbank</a>
</div>
<div class="link">
<a class="webmoneybutton" href="webmoney.ru" title="WebMoney">webmoney</a>
</div>
<div class="link">
<a class="qiwibutton" href="QIWI.ru" title="Qiwi">qiwi</a>
</div>
 </div>
</div>

это в шаблон, а вот это в стили

.column #text {
text-align: center;
font: 14px;
font-weight: bold;
}
.column #money {
margin: 0 auto;
}
.column #money .link{
float: left;
margin: 0px 5px 0px 5px;
}

[deadfox]

и все же не получается ВСЁ это приписать одной строкой! Получается , что это идет колонкой а не строкой , что нужно приписать <div class = " ??????">

Змінено 17 січня 2013 користувачем deadfox

[Гість]

и все же не получается ВСЁ это приписать одной строкой! Получается , что это идет колонкой а не строкой , что нужно приписать <div class = " ??????">

ну напиши в стилях вот так

.column #text {
text-align: center;
font: 14px;
font-weight: bold;
float: left;
}
.column #money {
margin: 0 auto;
float: left;
}
.column #money .link{
float: left;
margin: 0px 5px 0px 5px;
}

[deadfox]

Либо Вы меня не понимаете, либо я написал не правильно!

Мне нужно чтобы одной строкой было : Мы принимаем ,а далее картинки

[Гість]

Либо Вы меня не понимаете, либо я написал не правильно!

Мне нужно чтобы одной строкой было : Мы принимаем ,а далее картинки

да ну ты брось, во первых у меня код правильный, все должно быть в строчку, попробуй еще раз, а во вторых у тя тут картинок нет, ну если ты их не в классы <a> положил

[deadfox]

в стилях такой код:

#money .yandexmoneybutton {
display: block;
width: 50px;
height: 30px;
float: left;
background: url('../image/yandexmoney.png') bottom;
text-indent: -99999px;
}
#money .yandexmoneybutton:hover {
background-position: 0 0;
}
#money .sberbankbutton {
display: block;
width: 50px;
height: 30px;
float: left;
background: url('../image/sberbank.png') bottom;
text-indent: -99999px;
}
#money .sberbank:hover {
background-position: 0 0;
}
#money .webmoneybutton {
display: block;
width: 50px;
height: 30px;
float: left;
background: url('../image/webmoney.png') bottom;
text-indent: -99999px;
}
#money .webmoneybutton:hover {
background-position: 0 0;
}
#money .qiwibutton {
display: block;
width: 50px;
height: 30px;
float: left;
background: url('../image/qiwi.png') bottom;
text-indent: -99999px;
}
#money .qiwibutton:hover {
background-position: 0 0;

а в шаблоне

<div class="column">

<h3><center>Мы принимаем</center></h3>

<ul class="textinfo">

<li><div id="money"><a class="yandexmoneybutton" href="money.yandex.ru" title="Яндекс.Деньги">yandexmoney</a><a class="sberbankbutton" href="http://sberbank.ru" title="СберБанк">sberbank</a><a class="webmoneybutton" href="webmoney.ru" title="WebMoney">webmoney</a><a class="qiwibutton" href="QIWI.ru" title="Qiwi">qiwi</a></div></li>

</ul>

</div>

это в футере.

Я ставил и твой код и свой, и не фига. Одинаково все

[Yurta]

ну напиши в стилях вот так

.column #text {
text-align: center;
font: 14px;
font-weight: bold;
float: left;
}
.column #money {
margin: 0 auto;
float: left;
}
.column #money .link{
float: left;
margin: 0px 5px 0px 5px;
}

Вы человека своим говнодом весь мозг вынесли, вы изначально позицианируете текст по центру,а потом его всандаливаете в левую чать три раза, за такое нужно клавиатуры отбирать :))))

[Гість]

в стилях такой код:

#money .yandexmoneybutton {
display: block;
width: 50px;
height: 30px;
float: left;
background: url('../image/yandexmoney.png') bottom;
text-indent: -99999px;
}
#money .yandexmoneybutton:hover {
background-position: 0 0;
}
#money .sberbankbutton {
display: block;
width: 50px;
height: 30px;
float: left;
background: url('../image/sberbank.png') bottom;
text-indent: -99999px;
}
#money .sberbank:hover {
background-position: 0 0;
}
#money .webmoneybutton {
display: block;
width: 50px;
height: 30px;
float: left;
background: url('../image/webmoney.png') bottom;
text-indent: -99999px;
}
#money .webmoneybutton:hover {
background-position: 0 0;
}
#money .qiwibutton {
display: block;
width: 50px;
height: 30px;
float: left;
background: url('../image/qiwi.png') bottom;
text-indent: -99999px;
}
#money .qiwibutton:hover {
background-position: 0 0;

а в шаблоне

<div class="column">

<h3><center>Мы принимаем</center></h3>

<ul class="textinfo">

<li><div id="money"><a class="yandexmoneybutton" href="money.yandex.ru" title="Яндекс.Деньги">yandexmoney</a><a class="sberbankbutton" href="http://sberbank.ru" title="СберБанк">sberbank</a><a class="webmoneybutton" href="webmoney.ru" title="WebMoney">webmoney</a><a class="qiwibutton" href="QIWI.ru" title="Qiwi">qiwi</a></div></li>

</ul>

</div>

это в футере.

Я ставил и твой код и свой, и не фига. Одинаково все

Напиши мне в аську или скайп, они есть в профиле, и быстренько все поправим.

Вы человека своим говнодом весь мозг вынесли, вы изначально позицианируете текст по центру,а потом его всандаливаете в левую чать три раза, за такое нужно клавиатуры отбирать :))))

Дорогой Yurta, да будет вам известно text-align - определяет горизонтальное выравнивание текста в пределах элемента, в то время как float - определяет, по какой стороне будет выравниваться элемент. То есть первое влияет на то что внутри дива, а второе на сам див.

[deadfox]

Вопрос решен, можете закрывать тему. Огромное спасибо пользователю lays

[karnager]

Подскажите плз, есть просто картинка, куда нужно ее залить у себя на хостинге? и как указать путь к ней, чтобы она отображалась в подвале