|
Тема
|
Разкарвам table таговете! а colspan за div ?!
|
|
Автор | acho (Нерегистриран) |
Публикувано | 27.09.05 17:51 |
|
здравейте ...
трябва ми colspan параметър за div
1. няколко пъти търсих в google
2. прегледах подробно тук
http://www.w3.org/TR/REC-CSS2/tables.html
http://www.w3.org/TR/REC-CSS2/visuren.html
3. питах един приятел, който според мен разбира от CSS
и реших да питам по форумите за тази задачка:
.................
да се направи таблица подобна на тази, но с div и css
| text | text |
| texttextext |
..................
с table това става така:
<table>
<tr>
<td> 1 </td>
<td> 2 </td>
</tr>
<tr>
<td colspan=2> 3 </td>
</tr>
</table>
но как да го направя с div без да му задавам статичен размер?
Докарах до тук:
--
#table{ display: table; }
#row{ display: table-row; }
#cell{ display: table-cell; }
--
<div id="table">
<div id="row">
<div id="cell"> 1 </div>
<div id="cell"> 2 </div>
</div>
<div id="row">
<div id="cell"> 3 </div>
</div>
</div>
и таблицата става такава:
| text | text |
| text |
всяка помощ ще ми е полезна
| |
|
Айде поредният....
Таблици се правят най-добре с таблици!!!
Когато боговете говорят, ония с фактите никакви ги няма.
| |
Тема
|
Re: Разкарвам table таговете! а colspan за div ?!
[re: acho]
|
|
Автор |
Илия Гopaнoв (БабаИлиица) |
Публикувано | 27.09.05 18:27 |
|
Мани ги тия разни display типове, дето не се разпознават и от 1/10 от браузърите. Ето ти един работещ пример, който ако искаш да има и border ще трябва малко да се пипне, защото извън MSIE няма да работи заради разликите в box model-а. Иначе си работи.
Ама наистина не разбирам защо не искаш таблици? Таблицата не е забранена, просто не се препоръчва да се използва за нетаблични данни - ако си правиш layout- горния пример върши работа. Ако правиш таблица с данни- ползвай таблици, в противен случай е tableless-mania
<style type="text/css">
/*<![CDATA[*/
DIV {
border: none;
}
.table {
width: 450px;
}
.cell1, .cell2 {
width: 50%;
float: left;
background: red;
}
.cell2 {
background: yellow;
}
.cell3 {
width: 100%;
background: green;
float: left;
}
/*]]>*/
</style>
</head>
<body>
<div class="table">
<div class="cell1">1</div>
<div class="cell2">2</div>
<div class="cell3">3</div>
<div class="cell1">1</div>
<div class="cell2">2</div>
</div>
| |
Тема
|
Re: Разкарвам table таговете! а colspan за div ?!
[re: acho]
|
|
Автор |
Flamm () |
Публикувано | 27.09.05 20:18 |
|
Май бъркаш генерално концепцията.
Някой преди беше питал дори как да направи таблица с див, което по същество е като от трън, та на глог, че и по-висок.
Имай предвид, че таблиците и дивовете въобще не се държат еднакво, така че да тръгнеш да променяш нещо, като заменяш td с div и да се опитваш да накараш div да се държи като table, tr, td е доста тудно и същевременно - безсмислено.
display:table/ table-row/table-cell можеш да изпозваш при няои видове лейаути, но имай предвид, че тази декларация действа само в по-новите и сравнително съвместими със стандартите браузъри , но не върви в ИЕ, така че за последния специално трябва да се пишат други стилове.
Целта на задачата не е да се заменят всички таблици с дивове, а да се използват таговете по предназначение, което означава също да не слагаш в таблици съдържание, което е за други елементи, както и да не тъпчеш в дивове, това, което е за таблици.
Лейаута на страницата не е част от съдържанието, затова се прави с дивове, тъй тези тагове са блокови елементи без специално предназначение.
Ако съдържанието, което искаш да покажеш трябва да има ясно определени колони и редове - сложи го в таблица. Ако не - има един куп тагове, които можеш да използваш.
| |
Тема
|
Прави сте и тримата .... мерси !
[re: Flamm]
|
|
Автор | acho (Нерегистриран) |
Публикувано | 28.09.05 15:32 |
|
Прави сте и тримата .... мерси !
| |
|
|
|
|