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

Помогите с CSS

  • Автор темы Автор темы Sairox
  • Дата начала Дата начала
S

Sairox

Гость
Помогите сделать вот так: [attachment=5066]Вот CSS: Показать / Скрыть текст#no-friends{padding:6px0px 6px 1px;border:1pxsolid #C0D4DE;background-color:#F3F7F9;color:#507D98;width:185px;margin:0auto;margin-left:6px;margin-top:12;text-align:center}.friends { margin-bottom: 10px; }.friends ul, .prof-list { margin-top: 10px; }.friends li { width: 100px; text-align: center; float: left; margin-right: 10px; }.friends img{ margin-right: 3px; float: left; height: auto; width: 42px; background-color: #FCFCFF; border: 1px solid #A5CAE4; border-radius: 4px 4px 4px 4px; padding: 2px;}.friends_table ul { list-style: none; margin: 0; padding: 0; }.friends_table td { padding: 10px; border-bottom: 1px solid #EEE; font-size:12px; vertical-align: top; }.friends_table .active { background-color: #F8F8F8; }.contact_friends { width: 140px; }.contact_friends a, .contact_friends span { display: block; border-radius:2px; padding: 6px; margin-bottom: 4px; line-height: 11px; }.contact_friends a:hover { background-color: #DAE7ED; text-decoration: none; }.avabg {width:100px; height:100px; float:left; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}#allfriends .rcol { margin-top: 4px; }#allfriends h2.lcol a { text-decoration: underline; }#allfriends h2.lcol a:hover { text-decoration: none; }#friends_feed { margin: 0 15px; }#friends_feed table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 25px; }#friends_feed td { vertical-align: top; text-align: left; }#friends_feed td.f_avatar, #friends_feed td.f_author { border: 1px solid; border-color: #ACCCDA #E2EDF2 #E2EDF2; vertical-align: middle; background-color: #F4F8FA; }#friends_feed td.f_avatar { width: 50px; border-spacing: 10px; padding: 2px; border-right-width: 0; }#friends_feed td.f_avatar img { width: 50px; height: 50px; }#friends_feed td.f_author { padding: 0 10px; border-left-width: 0; border-style: solid; font-size: 11px; }#friends_feed td.f_author h3 { fonst-size: 14px; font-weight: bold; margin-bottom: 4px; }#friends_feed td.f_story { padding: 15px 0; }#friends_feed .f_cover { width: 104px; max-height: 104px; overflow: hidden; margin-right: 10px; float: left; border: 1px solid #E2EDF2; background-color: #F4F8FA; }#friends_feed .f_cover img { width: 100px; padding: 2px; }#friends_feed td.f_det { border-top: 1px solid #E2EDF2; padding: 5px 0; }Буду Вам очень признателен
 
Надо беглицу посоветовать взять штатного экстрасенса, что бы он расшифровывал что именно человек хочет.А по теме, одной картинки и css мало, нужен рабочий пример, с подробным описанием что вы хотите.
 
леший,Мне показалось что всё понятно,на картинке видно что в блоке друзья аватары и логины стоят криво и с точками какими-то,во второй же картинке где стрелочками направленно,нужен готовый вариант,а это css должно помочь
 
погугли на тему "что такое идентификатор"
 
не легче нам предоставить готовый сайт?нам сейчас надо прочитать весь css и сделать рендер в голове? а еще я не вижу хтмл..
 
Цитата: Sairox и с точками какими-тоЦитата: Sairox.friends li { width: 100px; text-align: center; float: left; margin-right: 10px; }к этому добавьlist-style-type: none;
 
Цитата: Sairoxhttp://lolserver.ru/user/Sairox/К сожалению, Google Chrome не может найти страницу lolserver.ru.
 
Цитата: лешийlist-style-type: none;Окей.это работает,а как под аватаром сделать ники?
 
.friends li {text-align: center;list-style-type: none;float: left;margin-right: 10px;}.friends li a{display:block;font-weight:bold}.friends img {margin-right: 3px;height: auto;width: 42px;background-color: #FCFCFF;border: 1px solid #A5CAE4;border-radius: 4px 4px 4px 4px;padding: 2px;}попробуй вот так. должно помочь
 
Цитата: SairoxОкей.это работает,а как под аватаром сделать ники?изучаем свойства css:floatmarginи padding
 
Цитата: marilymи display:block :)ну да, не учёл, так как не смог попасть на сайт. :)
 
Для ответа нужно войти/зарегистрироваться
Верх