подреждане в 2 колони

lorda · 21 Февруари 2009

трябва ми подобно каот в http://muzi4ka.com
където са категориите, нещо подобно в 2 колони и пак да се оцветява като курсора е от гора.. :?

vik96 · 21 Февруари 2009

Код:

<table>
		<tr>

		<td valign='top'> 
		
		<table id='music_categoryes' cellpadding='3' cellspacing='3' style='text-align: center;'>
	<tr>
		<td width='95px' style='background: #DBF9FF;' OnMouseOver="var id='link_1';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_1';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a id="link_1" class='genre' href='?p=songs&option=genres&id=11'>Балади</a></td>
		<td width='95px' style='background: #DBF9FF;' OnMouseOver="var id='link_2';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_2';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=25' id="link_2">Фолклор</a></td>
	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_5';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_5';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=9' id="link_5">Club</a></td>

		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_6';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_6';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=20' id="link_6">Dance</a></td>
	</tr><tr>
                <td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_3';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_3';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=7' id="link_3">R&B</a></td>		
                <td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_8';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_8';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=10' id="link_8">Retro</a></td>
	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_9';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_9';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=32' id="link_9">Кавъри</a></td>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_10';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_10';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=17' id="link_10">Други</a></td>

	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_11';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_11';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=12' id="link_11">Drum & Bass</a></td>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_12';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_12';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=5' id="link_12">House</a></td>
	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_13';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_13';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=30' id="link_13">Сръбско</a></td>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_14';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_14';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=21' id="link_14">Гръцко</a></td>

	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_15';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_15';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=26' id="link_15">Латино</a></td>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_16';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_16';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=3' id="link_16">Поп</a></td>
	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_17';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_17';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=13' id="link_17">Jazz</a></td>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_18';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_18';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=14' id="link_18">Punk</a></td>
	</tr><tr>

		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_19';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_19';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=28' id="link_19">Classics</a></td>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_20';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_20';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=24' id="link_20">Trance</a></td>
	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_21';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_21';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=2' id="link_21">Hip-Hop</a></td>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_22';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_22';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=29' id="link_22">Rap</a></td>
	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_23';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_23';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=15' id="link_23">Reggae</a></td>

		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_24';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_24';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=16' id="link_24">Reggaeton</a></td>
	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_25';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_25';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=4' id="link_25">Rock</a></td>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_26';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_26';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=22' id="link_26">Metal</a></td>
	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_27';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_27';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=8' id="link_27">Techno</a></td>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_28';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_28';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=1' id="link_28">Minimal</a></td>

	</tr><tr>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_29';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_29';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=23' id="link_29">Турски</a></td>
		<td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_30';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_30';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=27' id="link_30">Румънски</a></td>
	</tr>
</table>

???

Искаш като ги изваждаш от бд-то ли да се подреждат така?

lorda · 21 Февруари 2009

Не не, и така без db... ся ще пробвам тоя код 8)

lorda · 21 Февруари 2009

Ако може, само 1-2 де да са, аз ще си добавя ръчно вече... така ми рабърква целия код..

vik96 · 21 Февруари 2009

Код:

<table>
      <tr><td valign='top'>
<table id='music_categoryes' cellpadding='3' cellspacing='3' style='text-align: center;'>
   <tr>


      <td width='95px' style='background: #DBF9FF;' OnMouseOver="var id='link_1';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_1';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a id="link_1" class='genre' href='?p=songs&option=genres&id=11'>Балади</a></td>


      <td width='95px' style='background: #DBF9FF;' OnMouseOver="var id='link_2';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_2';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=25' id="link_2">Фолклор</a></td>

   </tr><tr>


      <td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_5';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_5';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=9' id="link_5">Club</a>

</td>

      <td width='70px' style='background: #DBF9FF;' OnMouseOver="var id='link_6';this.style.backgroundColor='#98C800';document.getElementById(id).style.color='#FFFFFF';" OnMouseOut="var id='link_6';this.style.backgroundColor='#DBF9FF';document.getElementById(id).style.color='#27AAFC';"><a class='genre' href='?p=songs&option=genres&id=20' id="link_6">Dance</a></td>
   

</tr>
</table>

lorda · 21 Февруари 2009

Не ми трябва да копирвате HTML на сайта им

Искам нещо опростено.....

подреждане в 2 колони

lorda

Registered

vik96

Registered

lorda

Registered

lorda

Registered

vik96

Registered

lorda

Registered