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
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
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.