[Homework] Web Fundamentals (HTML/CSS) - Домашно Таблици - Problem 3 Nested Tables

FatDivision 0 Точки

[Homework] Web Fundamentals (HTML/CSS) - Домашно Таблици - Problem 3 Nested Tables

Здравейте! За пръв път се занимавам с HTML,CSS и програмиране въобще. Имам следния проблем от домашното. На задача 3,не успям да направя таблицата както се изисква в домашното. И тъй като,няма как да продължа със следващите задачи,защото и те са почти същите,търся помощ.

Това,което съм написал до момента е следното:

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>Nested Tables</title>

</head>
   <body>

       <table border="1" cellpadding="5" cellspacing="5">
           <tr class="row1">
               <th rolspan="2" > <img src="http://newtrend.bg/wp-content/uploads/2015/03/SoftUni-Logo.png" height="100" width="100"></th>
                   <td colspan="1" > Software </td>
                       <tr class="row2">
                       <td colspan="2"> University </td>
                       </tr>
               </tr>
       </table>
   </body>
</html>

Та,всяка помощ е добре дошла :)
Поздрави!

Тагове:

09/12/2015 16:37:14 Web Fundamentals - HTML5

Виж всички отговори

stanislawtonkow 19 Точки

Здравей, доколкото виждам се опитваш да решиш задачата с една таблица, което би следвало да изглежда горе-долу така:

<table>
	<tr>
		<td rowspan="2">
			<img src="#" alt="SoftUni Logo" height="150" width="150" />
		</td>
		<td>
			Software
		</td>
	</tr>
	<tr>
		<td>
			University
		</td>
	</tr>
</table>

Или иначе казано представи си, че си в Excel и имаш два реда и две колони, т.е. общо 4 клетки (A1 и B1 на първи ред; A2 и B2 на втори ред). На първия ред, в първата клетка (A1) вкарваш логото, а във втората (B2) въвеждаш "Software". Слизаш надолу и във втората клетка на втория ред (B2) въвеждаш University, а първата клетка от втория ред я "merge"-ваш с първата клетка, от първия ред (A1). Само, че тук вместо да "merge"-ваш двете първи клетки, от двата реда, направо казваш на А1 rowspan="2", т.е. "Ти си първата клетка на този ред, но искам да се обединиш и с първата клетка на втория ред".

В конкретната задача обаче имаш да използваш "nest-нати" таблици, т.е. първоначално имаш таблица, която има 1 ред и две колони, т.е. две клетки (A1 и B1). В първата клетка (A1), която ти е фактически лявата колона вкарваш логото. На втората клетка и казваш "Абе ти си една клетка, обаче искам да те разделя на две части, затова ще вкарам в теб таблица, която има една колона и два реда". Тоест получаваш нови две клетки, които условно можем да приемем за B1.1 и B1.2. В клетката на първия ред (B1.1) вкарваш "Software", а в клетката на втория ред (B1.2) - "University".

Nested Tables

Или HTML-a ще ти изглежда горе-долу така:

<table>
	<tr>
		<td>
			<img src="#" alt="SoftUni Logo" height="150" width="150" />
		</td>
		<td>
			<table>
				<tr>
					<td>
						Software
					</td>
				</tr>
				<tr>
					<td>
						University
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

Надявам се да съм ти бил полезен, а не да съм те объркал допълнително :)
Поздрави.

10/12/2015 03:25:03 10/12/2015 03:30:14

FatDivision 0 Точки

Благодаря за подробния отговор,помогна ми много! :)
Поздрави.

10/12/2015 11:01:59

Виж всички отговори