Премини към съдържанието
  • Добре дошли!

    Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

    Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

     

Препоръчан отговор


Здравейте,

В момента правя новинарски сайт (за футбол) и е почти готов. 100% responsive е. За navbar използвам таблица (главните отбори от Англия, Италия... само логото им). Отборите са 20 и с помощта на таблицата са разделени на равни разстояния... само че не е responsive и виждам, че таблиците не са направени да са. Ако ги сложа в нормален navbar не се подреждат... Въпроса ми е какво да сложа и дали има въобще, в  css, за да са отборите на равни разстояния? Търсих в гугъл ама не намерих.. 

<table style="width:100%">
					<tr>

						<td><a href="liverpool.html"><img src="teams/liverpool.png" style= width:27px; heigth: 3px";</a></td>
						<td><a href="man city.html"><img src="teams/man city.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="tottenham.html"><img src="teams/tottenham.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="man utd.html"><img src="teams/man utd.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="chelsea.html"><img src="teams/chelsea.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="arsenal.html"><img src="teams/arsenal.png" style= width:27px; heigth: 3px";></a> </td>
						<td><i class="fas fa-align-justify"></i>
						<td><a href="barca.html"><img src="teams/barca.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="real.html"><img src="teams/real.png" style= width:25px; heigth: 3px";></a> </td>
						<td><a href="atletiko.html"><img src="teams/atletiko.png" style= width:25px; heigth: 3px";></a> </td>
						<td><i class="fas fa-align-justify"></i>
						<td><a href="juventus.html"><img src="teams/juve.png" style= width:20px; heigth: 3px";></a> </td>
						<td><a href="napoli.html"><img src="teams/napoli.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="inter.html"><img src="teams/inter.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="roma.html"><img src="teams/roma.png" style= width:27px; heigth: 3px";></a> </td>
						<td><a href="lazio.html"><img src="teams/lazio.png" style= width:35px; heigth: 7px";></a> </td>
						<td><i class="fas fa-align-justify"></i>
						<td><a href="bayern.html"><img src="teams/bayern munchen.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="bvb09.html"><img src="teams/bvb09.png" style= width:30px; heigth: 5px";></a> </td>
						<td><i class="fas fa-align-justify"></i>
						<td><a href="psg.html"><img src="teams/psg.png" style= width:30px; heigth: 5px";></a> </td>
						<td><i class="fas fa-align-justify"></i>
						<td><a href="ludogorec.html"><img src="teams/ludogorec.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="cska.html"><img src="teams/cska sofia.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="levski.html"><img src="teams/levski.png" style= width:30px; heigth: 5px";></a> <td>

</tr>
</table>

 

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Добавете отговор

Можете да публикувате отговор сега и да се регистрирате по-късно. Ако имате регистрация, влезте в профила си за да публикувате от него.

Гост
Напишете отговор в тази тема...

×   Вмъкнахте текст, който съдържа форматиране.   Премахни форматирането на текста

  Разрешени са само 75 емотикони.

×   Съдържанието от линка беше вградено автоматично.   Премахни съдържанието и покажи само линк

×   Съдържанието, което сте написали преди беше възстановено..   Изтрий всичко

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Добави ново...