Dinamické vyhladavanie - dizajn – CSS – Fórum – Programujte.com

Ahojte, pravil som si dinamicke vyhladavanie podla jedneho navodu.

Připojen obrázek.

Takto vyzera php kod:

Připojen obrázek.

 Takto HTML kod spolu s ajaxom.

Připojen obrázek.

Takto to je keď to zapnem:

Připojen obrázek.

Na konci videa ukaze co z toho spravil, chcel by som spraviť nieco take. Lenze vobec neviem ako mam spravit to aby sa mi tie vysldky takto stylovali. Mne staci keby mi ukazete napr , ze nech mi da nazov url zelenym a text k tomu modrym a nech je napr odsadeny par px. ja uz si z toho nieco spravim, len vobec neviem kam dat ten kod, nech robim co chcem tie vysledky vyhladavania sa mi vobec nestylizuju.

Připojen obrázek.

Ďakujem pekne :)

 Zbytek css, marginy, border-lext, font-size a pod si najdi, jak se pise na jakpsatweb.cz, treba nebo oficialnich strankach prohlizecu, pripadne w3c (pouzijes treba google pro vyhledavani)

<style>
.result .radek1 {color:#ff0000;}
.result .radek2 {color:#00ff00;}
.result .radek3 {color:#0000ff;}
</style>

<div class=result>
<div class=radek1>xxx</div>
<div class=radek2>yyy</div>
<div class=radek3>zzz</div>
</div>

<div class=result>
<div class=radek1>aaa</div>
<div class=radek2>bbb</div>
<div class=radek3>ccc</div>
</div>

Toto viem spraviť, ide mi o to ako napríklad tkaéto zafarbenie dať do toho vyhladavania. Tam mi to vypíše naprklad 10 položiek s linkami., tak ako spravím to aby vždy tá položka modrá a linka zelená.

Ke konkrétne mám čo vložiť. Lebo skúšal som všeličo, aj do kodu na prvom obrázku, do toho "echo..."
Aj do kódu na druhom obrázku do <div id=out>... </div> a nic sa nedeje.

To čo mám v "echo ... " vyzerá takto:

 Potrebujem nejko dizajnovo oddeliť obsah ".$row['a']." ".$row['b']." od obsahu tohto ".$row['c'].""

Do toho prveho som skusil vlozit ten styl co si mi poslal, ale nejde to... V tom "echo..." nefungujú bežné html tagy, ani tabulka sa tam nedá spravit, nic, tak sa pýtam kde mám vlozit ten stýl aby to bolo vporiadku.
Pocet výsledkov vyhladávania sa mení, na nieco najde 10 vysledkov na nieco 2 výsledky...  Kazdy ten vysledok potrebujem nejako stylizovat, napr tak ako je na ukazke posledneho obrazka, ktory som vlozil vyssie.

Ďakujem

<div class=result>
	<div class=.radek1>
		<a href='bla bla'>
			".$row['a']." ".$row['b']." 
				</a>
	</div>

	<div class='title'>
		<a href='bla bla'>
			".$row['c']." 
		</a>
	</div>
</div>