По удачен вариант

dashe

Registered
Код:
		<div class="lastForumTopicsIndex">
		<h2 class="botxTitle">Последни теми</h2>
			<a href="#">Пробнаа темааа</a><span class="lastForumTopicsIndexComments">[1 поста]</span>
		</div>

.lastForumTopicsIndex {
	width: 290px;
	font: normal 13px Verdana;
	color: #CCCCCC;
	text-align:left;
	border: 1px solid #c7c7c7;
}

span.lastForumTopicsIndexComments {
	text-align: left;
	float:right;
	font-size: 10px;
}
Поли ще е добре да го направя със ul , li ?
Даже не бях забелязал че при добавянето на още едно ще бъгне ... :S
Ще се наложи всеки линк да влиза във още един див...
За това май ще е най-добре със ul,li или?
 
shterev каза:
Принципа е аналогичен на този с новините. По-добре е с <ul>
Добре значи направо.
Този див lastForumTopicsIndex да го оставя или да го направя на ul.
И поле ще направя li-то? Само дето не ми става малко ясно.
Как ще накарам [Броя постове] да го закарам във дясната страна? :roll: :P
Защото имам на идеа как да го направя 2 дива + един span... :?
 
Пфф... как да го направя нз...
Код:
		<div class="lastForumTopicsIndex">
		<h2 class="botxTitle">Последни теми</h2>
		<div class="cp_column1"><a href="#">Пробнааа тема</a></div>
		<div class="cp_column2"><span class="cp_column_text">[4 поста]</span></div>
		<div class="clear"></div>
		<div class="cp_column1"><a href="#">В кошааа</a></div>
		<div class="cp_column2"><span class="cp_column_text">[4 поста]</span></div>
		<div class="clear"></div>
		<div class="cp_column1"><a href="#">Какво о.О</a></div>
		<div class="cp_column2"><span class="cp_column_text">[4 поста]</span></div>
		<div class="clear"></div>
		</div>
Бачка бачкааааа като изкл. че винаги трябва да чистя с clear: both;...
Код:
.lastForumTopicsIndex {
	width: 290px;
	font: normal 13px Verdana;
	color: #CCCCCC;
	border: 1px solid #c7c7c7;
}

.cp_column1{
	text-align: left;
	float: left;
	display: block;
	padding: 5px 0px 0px 0px;
}

.cp_column2 {
	text-align: right;
	float: right;
	display: block;
	padding: 5px 0px 0px 0px;

}
.cp_column_text { color:#333; }
Триаатт ми алтернативи.. :?
 
Какаво точно требе да се получи ????

Нещо немога да ти хвана идеята ПОМОЩ !

ДЕМО


нещо такова ли требе да се получи ?????
 
3284.gif

Ето това.
Аз съм го постигнал, до този етап на получаването.
Просто търся по удачен вариянт, с който може да се направи и пак да е така.
Защото с тоя код дето съм го направил след всеки див трябва да слагам.
Код:
<div class="clear"></div>
Да чистя флоата... : )
Както се вижда по нагоре в кода ми... :?
Тоест моя вариянт е скалъпен ей така за нула време и ми се вижда доста плосък. :?
 
Код:
<ul class="last_post">
   <li>
          <a href="#">Пробна тема</a>
          <span>4 поста</span>
    </li>
</ul>


.last_post li{
  clear:both;
}

Другите елеметни си ги флоатваш ;) Задай и височина на li-то
 

Back
Горе