Софтуерно Инженерство
Loading...
+ Нов въпрос
FatDivision avatar 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>

 

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

Тагове:
0
Web Fundamentals - HTML5
lubomir.mladenov.5 avatar lubomir.mladenov.5 23 Точки

Във втората клетка на таблицата създай нова таблица с два реда

<table>
        <tr>
            <td>Картинка</td>
            <td>
                <table>
                    <tr><td>Текст</td></tr>
                    <tr><td>Текст</td></tr>
                </table>
            </td>
        </tr>
    </table>

 

0
stanislawtonkow avatar 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>

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

1
10/12/2015 03:30:14
FatDivision avatar FatDivision 0 Точки

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

0