Добре дошли!

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

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

Проблем с HTML таблица

Последователи

2 юли 200917 г.

Здравейте,

имам задача да направя таблица, която трябва да изглежда (като клетки) като тази в прикачения файл.

Проблемът ми е, че не се получава, а ми се струва, че кодът е верен. Е, явно не е ... Но дали някой може да посъветва къде греша? :-)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<html xmlns="http://www.w3.org/1999/xhtml">

        <head>

            <title>Таблица</title>

            <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

        </head>

        <body>

            <table border="2" cellpadding="15" width="450">

                <tr>

                    <td>A</td>

                    <td colspan="3">B</td>

                    <td colspan="2">C</td>

                </tr>

                <tr>

                    <td colspan="2">D</td>

                    <td colspan="3">E</td>

                    <td>3</td>

                </tr>

                <tr>

                    <td colspan="3">F</td>

                    <td colspan="2" rowspan="2">G</td>

                    <td rowspan="2">H</td>

                </tr>

                <tr>

                    <td colspan="3">I</td>

                </tr>

            </table>        

        </body>

</html>     [/codebox]

Мерси!

2 юли 200917 г.

Значи прегледах кода,той си е напълно верен.

Но не ти излиза нищо,защото

meta taga,който си сложил не е подходящ.

Аз го изтрих,а всичко друго оставих така

и го пуснах с Internet Explorer и стана.

Опитай без <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

(изтрий го)и ще тръгне.

Поздрави!

2 юли 200917 г.

То от мета-таг-а не е. по скоро еврейте ще са виновни ;D

Таблицата ми излиза супер. По-добре мани тея отстъпи,че май си се ошашавил :help:

3 юли 200917 г.

Проблема ти е че използваш "colspan". Вместо него можеш да задаваш дължина на колоните. Дължината можеш да я задаваш по 2 начина с html или css

1. С HTML

......

<td width="24">B</td>

.....

2. C css

......

<td style="width:20px">B</td>

.....

Според мен так ще ти е по-лесно, но само трябва да си поиграеш малко с нагласяне да дължината :jumping11:

3 юли 200917 г.

spas666 e е прав, наистина е най-добре да се сложат широчини на колоните, но мисля че е ще е по-добре с външен стил

Доколкото виждам има 3 широчини на клетките, така че с 3 класа ще се оправят нещата, що се отнася до широчините, за цветовете - явно ще трябва повече

Редактирано 3 юли 200917 г. от slicer (преглед на промените)

3 юли 200917 г.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="bg" lang="bg">

<head>

<title>Таблица</title>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

</head>

<body>

	<table border="2" cellpadding="15" width="450">

		<tr>

			<td width="16%" align="center" bgcolor="#FBFF006">A</td>

			<td width="50%" colspan="3" align="center" bgcolor="#01B0F1">B</td>

			<td colspan="2" align="center" bgcolor="#C0C0DA">C</td>

		</tr>

		<tr>

			<td colspan="2" align="center" bgcolor="#E6E0EC">D</td>

			<td colspan="3" align="center" bgcolor="#000000"><font color="#FFFFFF">E</font></td>

			<td width="16%" align="center" bgcolor="#92D14F">3</td>

		</tr>

		<tr>

			<td colspan="3" align="center" bgcolor="#00AF50">F</td>

			<td colspan="2" rowspan="2" align="center" bgcolor="#CEC0DA">G</td>

			<td rowspan="2" align="center" bgcolor="#FE0000">H</td>

		</tr>

		<tr>

			<td colspan="3" align="center" bgcolor="#F79647">I</td>

		</tr>

	</table>

</body>

</html>

4 юли 200917 г.

Автор

Много благодаря на всички!

helena23451 е права, през ИЕ се вижда така, както трябва.

Проблем с мета тага няма - и с него, и без него - всичко е наред.

Аз обаче ползвам ФФ и не съм се сетила да видя през ИЕ - затова се бях шашардисала :-)

spas666 с css ми се получават нещата 100 пъти по-лесно и по-качествено, но проблемът е, че това е упражнение и нямам право на css, за сметка на това трябва да е с colspan :-) Мерси на всички!

4 юли 200917 г.

spas666 с css ми се получават нещата 100 пъти по-лесно и по-качествено, но проблемът е, че това е упражнение и нямам право на css, за сметка на това трябва да е с colspan :-) Мерси на всички!

Дали ще запишеш форматирането в полетата на таблицата или във външен стил файл няма голяма разлика като знания и умения. Просто използването на външен css е показателно за напреднали потребители. И показател за т.н. професионализъм Ужким... Табличката задължително трябва да има поне 6 колони но това е убягнало от погледа на някои но не и на теб :clap: Направата на една сложна таблица с доста обединени клетки или поне видими за потребителя визуални ефекти от табличен вид и от тоя сорт си е задачка за напреднали и доста би затруднило всеки начинаещ в css. След овладяането на направата на сложни таблички с css следващата задачка по трудност е генераторче на таблици на php примерно, което да прави това по клиентски каприз с две кликания и половина. За простосмъртни редактори/модератори на cms системки. Успех в делата