Jump to content

Recommended Posts

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

<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>

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

Edited by deadfox

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

ну если переписывать то можно как нить так например сделать, вот это за место твоего кода
<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;
}

  • +1 2

Share this post


Link to post
Share on other sites

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

Edited by deadfox

Share this post


Link to post
Share on other sites

и все же не получается ВСЁ это приписать одной строкой! Получается , что это идет колонкой а не строкой , что нужно приписать <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;
}

  • +1 1

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

  • +1 1

Share this post


Link to post
Share on other sites

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

#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>

это в футере.

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

Share this post


Link to post
Share on other sites

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


.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;
}

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

Share this post


Link to post
Share on other sites

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

#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 - определяет, по какой стороне будет выравниваться элемент. То есть первое влияет на то что внутри дива, а второе на сам див.

  • +1 3

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.