Jump to content
  • 0

нумерованный список и опера


Temiks
 Share

Question

Добрый вечер, верстаю страницу, возникли проблемы с нумерованным списком в опере

http://atemiks.wen.ru/test2.html

проблема в блоке "Сегодня день рождения"

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

например: 1. Ирина Салтыкова 1966

так вот, в опере происходит следующие 1. Ирина Салтыкова 1.1966

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

скриншоты

как есть ( и должно быть)

s_1307025157_3e50f6d754.jpeg

а вот так в опере ( так не должно быть)

s_1307025161_13d682c001.png

имеется вот такой код html


<ol>
<li>
<a href="#">Ирина Салтыкова<span>1966</span></a>
</li>
<li>
<a href="#">Девон Джирхарт<span>1995</span></a>
</li>
<li>
<a href="#">Генри Кавилл<span>1983</span></a>
</li>
<li>
<a href="#">Лэнс Хенриксен<span>1940</span></a>
</li>
<li>
<a href="#">Бипаша Басу<span>1979</span></a>
</li>
<li>
<a href="#">Рон Ливингстон<span>1968</span></a>
</li>
<li>
<a href="#">Дон Э. ФонтЛеРой<span>1953</span></a>
</li>
<li>
<a href="#">Сэйдж Сталлоне<span>1976</span></a>
</li>
<li>
<a href="#">Джесси Кейв<span>1987</span></a>
</li>
<li>
<a href="#">Питер Хауит<span>1957</span></a>
</li>
</ol>

и вот такой код css


ol {
padding: 0;
margin: 2px 0 0 39px;
color: #424242;
}
ol li {
padding: 0 21px 0 12px;
margin: 0;
}
.block2 ol li {
padding: 0 5px 0 0px;
margin: 0;
}
ol li a {
font: 13px Arial;
color: #424242;
text-decoration: none;
}
ol li a:hover {
color: #3fa4d2;
}
ol li span {
float: right;
}

надеюсь на вашу помощь ;)

Edited by Temiks
Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

А внутрь ссылок можно флоаты пихать что ль?

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


ol li span {
float: right;
display:table;
}

Возможно есть способ получше ...

но я впервые вижу что бы из за тега span в li и float:right создавался ещё 1список справа...

спасибо большое, помогло ;)

Link to comment
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.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

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

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy