Премини към съдържанието

Архивирана тема

Темата е твърде стара и е архивирана. Не можете да добавяте нови отговори в нея, но винаги можете да публикувате нова тема, в която да продължи дискусията. Регистрирайте се или влезте във вашия профил за да публикувате нова тема.

Evil Panda

HTML код за таблица ?

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


Трябва да направя определена таблица в HTML, но нещо не ми се получава. Ето как трябва да изглежда таблицата със съответните редове и колони: post-331216-0-79581500-1378746731_thumb.

 

Някой може ли да ми помогне ? :)

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


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

Та кое не се получава? Какъв е твоя код?

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


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

Това са таблици една в друга - т.е. само с една таблица няма да стане работата.

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


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

Та кое не се получава? Какъв е твоя код?

Засега ми се получава само такава таблица : post-331216-0-15070900-1378799731_thumb.

А трябва да добавя и трета колона . :( Нещо не успявам .

 

Ето и кода .

<HTML> <HEAD> <TITLE>horoscope</TITLE> </HEAD> <BODY> <H1 ALIGN="center">Практическа задача-Horoscope</H1> <TABLE BORDER="1" WIDTH="60%"  ALIGN="center"> <TR> <TD COLSPAN="3" ALIGN="center">Сливане на три колони.</TD> </TR> <TR> <TD ROWSPAN="3">Сливане на два реда.</TD> <TD>Ред 1, колона 1.</TD> </TR> <TR> <TD>Ред 2, колона 2.</TD> </TR> <TD ROWSPAN="3">Ред 3, колона 3.</TD> </tr>     

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


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

За колони

 

<tr>   <th>X</th>   <th colspan="3">XX</th> </tr> <tr>   <td>X X</td>   <td>X X</td>   <td>X X</td>   <td>X X</td> </tr>


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


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

<html> <body> <table border=1 width=60%> <tr><td colspan=3>1</td></tr> <tr><td rowspan=6 width=33,3%>2</td><td rowspan=2 width=33,3%>3</td><td>4</td></tr> <tr><td rowspan=2>5<ul><li>text1</li><li>text2</li><li>text3</li></ul></td></tr> <tr><td rowspan=2>6</td></tr> <tr><td rowspan=3>7<li>text1</li><li>text2</li><li>text3</li></ul></td></tr> <tr><td rowspan=2>8</td></tr> <tr></tr> </body> </html>

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


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

<html> <body> <table border=1 width=60%> <tr><td colspan=3>1</td></tr> <tr><td rowspan=6 width=33,3%>2</td><td rowspan=2 width=33,3%>3</td><td>4</td></tr> <tr><td rowspan=2>5<ul><li>text1</li><li>text2</li><li>text3</li></ul></td></tr> <tr><td rowspan=2>6</td></tr> <tr><td rowspan=3>7<li>text1</li><li>text2</li><li>text3</li></ul></td></tr> <tr><td rowspan=2>8</td></tr> <tr></tr> </body> </html>

 

Result: 13 errors / 3 warnings
 
Info: W3c Online Validation
 
line 3 column 6 - Error: Element head is missing a required instance of child element title.
line 4 column 26 - Error: The width attribute on the table element is obsolete. Use CSS instead.
line 6 column 30 - Error: The width attribute on the td element is obsolete. Use CSS instead.
line 6 column 62 - Error: The width attribute on the td element is obsolete. Use CSS instead.
line 9 column 23 - Error: Element li not allowed as child of element td in this context. (Suppressing further errors from this subtree.)
line 9 column 37 - Error: Element li not allowed as child of element td in this context. (Suppressing further errors from this subtree.)
line 9 column 51 - Error: Element li not allowed as child of element td in this context. (Suppressing further errors from this subtree.)
line 9 column 66 - Error: Stray end tag ul.
line 11 column 9 - Error: Row 7 of a row group established by a tbody element has no cells beginning on it.
line 12 column 7 - Error: Stray end tag body.
line 13 column 7 - Error: Stray end tag html.
line 13 column 8 - Error: End of file seen and there were open elements.
line 4 column 26 - Error: Unclosed element table.
 
:speak:

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


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

Това е таблица, не цяла страница, все пак това се иска в питането. Въпреки това в бързината съм изпуснал да отворя един <ul> и да затворя таблицата, нищо, че може и без това.

<html>
<body>
<table border=1 width=60%>
<tr><td colspan=3>1</td></tr>
<tr><td rowspan=6 width=33,3%>2</td><td rowspan=2 width=33,3%>3</td><td>4</td></tr>
<tr><td rowspan=2>5<ul><li>text1</li><li>text2</li><li>text3</li></ul></td></tr>
<tr><td rowspan=2>6</td></tr>
<tr><td rowspan=3>7<ul><li>text1</li><li>text2</li><li>text3</li></ul></td></tr>
<tr><td rowspan=2>8</td></tr>
<tr></tr>
</table>
</body>
</html>

И се визуализира така :

Публикувано изображение

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


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

  • Разглеждащи това в момента   0 потребители

    Няма регистрирани потребители разглеждащи тази страница.

  • Горещи теми в момента

  • Подобни теми

    • от MirenaB
      Здравейте,
      Организира се хакатон за създаване на Booking Engine с парични награди в София (награда за 1во място е над 3000 лева). 
      Хакатонът ще се състои на 2-4 ноември
      Ако се интересувате, запишете участието си чрез регистрация на уебсайта https://staykeepers.com/hackathon
      Повече информация може да намерите във фейсбук: https://www.facebook.com/events/328339337761893/
      Поздрави
    • от dipsuchos
      Здравейте, симпатични хора,

      Направих една уеб-страничка, вместо да създавам документ на MS Word, да речем. Ей тъй, за разнообразие. Е, да, ама малко късно се усетих, че този линк мога да си го гледам само аз. 
      Как да го направя разпространим и видим за всички?

      file:///C:/Users/mkker/Desktop/Conv1nce.html
    • от Магдаленаг
      Please guys if u have time to spare I'd be extremely and beyond greatful
      Да се разработи уеб сайт по тема музикални изпълнители. 
      Сайтът трябва да съдържа поне 4 страници, всяка от които да отговаря на:
      Задължително трябва да се предвиди версия за ниска разделителна способност на екрана (800 x 600 пиксела) и реализирана с CSS; за този случай може да се използва свободно избрана и 
      независима схема за разположение, като единственото изискване е за запазване на 
      използваемостта.
      Сайтът трябва да включва всички технологии - HTML/XHTML, 
      CSS, DOM, JavaScript.
      Всички страници трябва да се валидират по HTML5. Допустимо е да има минимален брой 
      грешки от валидацията.
      Сайтът трябва да бъде придружен от документация, която да включва:
      1. Заглавна страница.
      2. Задание с посочените варианти:
      /списък на елементите :
      1. Меню, съдържащо rollover бутони, реализирано чрез JavaScript. При посочване на бутон да 
      се променят неговите цвят на фона и цвят на текста. Използването на изображения за 
      бутоните е по желание на студента.
      3. Номериран списък с римски цифри и форматиран със CSS, така че всички нечетни редове 
      да бъдат в курсив (наклонени).
      4. Неномериран списък, използващ собствено изображение подредба на елементите по 
      хоризонтал (т.е. елементите да не са на нов ред).
      6. Формуляр, съдържащ текстови полета за въвеждане на собствено име, фамилно име, email, 
      голямо поле за съобщение, избор чрез радио бутони на приоритета на съобщението –
      „нисък”, „среден” или „висок” и два бутона – „Изпрати” и „Изчисти”. Чрез CSS на 
      текстовите полета и бутоните да се зададе цвят на фона и цвят на текста./
      3. Използваните HTML и CSS код, с които е реализирана зададената схема на 
      разположение:
                            header
                        навигация
                Осн                              За
      съдържание               контакти
      4. Използваният или собствен JavaScript код. 
      5. Резултати от валидацията на отделните страници.
      6. Списък на източниците, от където е заимстван готов код, текст или снимки.
    • от dipsuchos
      Hелоу Pийпс,

      Правя някакви начални стъпки в HTML писането, ама кирилицата не ми я разпознава. Дали проблемът е в незнанието ми (би трябвало, щом има кирилизирани сайтове)?

      Мерси за дискусията, която ще се заформи след 3... 2... 1! Старт!









      * Песничката е на Антибиотика, идеална е за дизайнване на сайтове, олдскул, детство.

    • от Frozen11
      Здравейте, имам нужда от помощ със следната задача:
       
  • Дарение

×

Информация

Поставихме бисквитки на устройството ви за най-добро потребителско изживяване. Можете да промените настройките си за бисквитки, или в противен случай приемаме, че сте съгласни с нашите условия за ползване.