Меню
Автор:
Фильтры
Что нового
Реклама Vibix

Вопрос по css

  • Автор темы Автор темы averin-kostya
  • Дата начала Дата начала
A

averin-kostya

Гость
Извините за нубский вопрос, но все же.Как сделать, чтобы текст ровно был?
 
averin-kostya,без подчеркивания или как?
 
foxbob,Чтобы текст ровно был напротив картинок.
 
HTML:<div class=\"news_btm\">   <ul class=\"fl\">     <li><img src=\"{THEME}/images/news/autor.png\" alt=\"Автор\" /> {author}   |</li>      <li><img src=\"{THEME}/images/news/place.png\" alt=\"Категория\" /> {link-category}   |</li>     <li><img src=\"{THEME}/images/news/people.png\" alt=\"Просмотров\" /> {views}</li>     </ul>   [full-link]<span class=\"news_full fr\"><img src=\"{THEME}/images/spacer.gif\" alt=\"Подробнее\" /></span>[/full-link]  </div>CSS:/*Нижняя полоска с информацией*/    #content .news .news_btm {background: url(\"../images/news_btm.gif\") repeat-x; height: 40px; margin-top: 10px;}      #content .news .news_btm ul {list-style: none; margin-left: 15px; padding-top: 10px; color: #505050;}        #content .news .news_btm ul li {float: left; padding: 5px;}          #content .news .news_btm ul li a {color: #6697a7; text-decoration: underline;}      #content .news .news_btm ul:last-child {height: 10px;}        #content .news .news_btm ul:last-child li {height: 15px; padding: 0 0 15px 5px;}          #content .news .news_btm ul:last-child li b {font-weight: 100; font: 14px Arial;}            #content .news .news_btm ul:last-child li:last-child {margin-top: 2px;}        /*Кнопка \"Подробнее\"*/
 
а на сайте нету?мне лень сейчас все смотреть и в уме генерировать что и как будет выглядеть..
 
Цитата: averin-kostyaКак сделать, чтобы текст ровно был?Нужно юзать vertical-align: middle;
 
averin-kostya,добавь вот это:.fl li img{margin-bottom:-4px}более рационального решения в твоем случае не вижу.
 
frozen,Цитата: frozenvertical-align: middle;Это куда? Просто прописал <div style="vertical-align: middle;"><li><img src="/templates/skripters/images/news/autor.png" alt="Автор" /> {author}   |</li></div> не работаетЦитата: marilym.fl li img{margin-bottom:-4px}Сейчас опробую
 
Цитата: frozenvertical-align: middle; он мало где работает...в основном в таблицах тока
 
Для ответа нужно войти/зарегистрироваться
Верх