Формата на таблицата

14 отговора 804 прегледа
#1

Формата на таблицата

Здравейте, имам въпрос. На много места съм виждал някакви извивки или заобляния на ъглите на таблиците, които изглеждат много добре. Мисля, че знаете за какво говоря(най-често съм срещал, примерно на най-горната клетка от таблицата само горните два ъгъла да са заоблени и надолу си е пак правоъгълна). Та въпросът ми както се досещате съответно е как се прави това(без цсс). А другото нещо което искам да попитам отново е свързано с такива "чупки" под хийдинга или долната част на страницата .... [линк] мисля че е ясен пример - линията която разделя хоризонталното меню горе със скролиращия текст(ех че ми избяга точно сега как се казваше този ефект), или долната линия която разделя бутоните "back", "top", "next" от "Сайтът е в момент на разработка !". Бих искал да разбера как става това, ще бъда много благодарен за всякаква помощ.

ПП: Извинявам се, че не успях да се изразя много точно, надявам се да сте ме разбрали.

Отговор
в отговор на Nebesen #2

Re: Формата на таблицата

С картинки става! Правиш си ги с фотошопа и след това ги вграждаш в HTML кода на съответните места.

Отговор
в отговор на Nebesen #3

Re: Формата на таблицата

Както ти казаха, става с картинки... Ето ти пример: [линк]

П.П. Това извън темата... Да е посмеят другите от клуба: [линк] HTML-a на страницата е от рядко срещаните...

Отговор
в отговор на ghs #4

Re: Формата на таблицата

хахаха ghs и аз се посмях от сърце на сорса благодаря за отговорите, ще се помъча да го направя, но за таблиците ме интересува ... значи ако правилно съм разбрал най-горната клетка примерно я правиш картинка, а надолу си е обикновенна таблица така ли ?

Отговор
в отговор на ghs #5

Re: Формата на таблицата

е кода на тая страница е убийствен...

изцяло вградени стилове, което утежнява кода с не знам си колко...

освен това някви тагове <б>...

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

дано да е някоя любитлекс астраница, т.е. да не се е налагало някой да плаща за тази изработка...

Отговор
в отговор на Nebesen #6

Re: Формата на таблицата

Ето пример


<table border="0" cellpadding="0" cellspacing="0" width="500">
<tr>
<td width="7" height="7" align="left" valign="top"><img height="7" src="[линк]" width="7"></td>
<td width="486" height="7" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" bgcolor="#C0C0C0" height="1"></td>
</tr>
</table>
</td>
<td width="7" height="7" align="right" valign="top"><img height="7" src="[линк]" width="7"></td>
</tr>
<tr>
<td width="7" align="left" height="336" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="1">
<tr>
<td width="1" bgcolor="#C0C0C0" height="336"></td>
</tr>
</table>
</td>
<td width="486" height="336" align="center" valign="middle"><font face="Verdana" size="4" color="#336699">Тук нещо си...</font></td>
<td width="7" align="right" height="336" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="1">
<tr>
<td width="1" bgcolor="#C0C0C0" height="336"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="7" height="7" align="left" valign="top"><img height="7" alt="" src="[линк]" width="7"></td>
<td width="486" height="7" align="left" valign="bottom">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" bgcolor="#C0C0C0" height="1"></td>
</tr>
</table>
</td>
<td width="7" height="7" align="right" valign="top"><img height="7" alt="" src="[линк]" width="7"></td>
</tr>
</table>

Отговор
в отговор на ghs #7

Re: Формата на таблицата

@ghs сорса малко ме учудва. Доколкото разбрах имаш една таблица, като в четирите й ъгли има съответно 4 таблици в коита са вмъкнати съответните картинки. Ако не съм разбрал правилно, ако обичаш обясни ми. Няма ли по-лесен начин да се направи това вместо с 5 таблици ?

Отговор
в отговор на Nebesen #8

Re: Формата на таблицата

има естествено - с една таблица що са ти в ъглите допълнителни таблици? картинката се побира в една единствена клетка

Just a genius

Отговор
в отговор на xexe #9

Re: Формата на таблицата

що се смеете бе хора
ето какво има най-отгоре
<meta name="generator" content="Web Page Maker">

за такива страници-правачи продукти е нормално да вадят такъв код
аз незнам WYSWYG продукт, които да вади перфектен код

Ключ към златната врата
През нея мина Врана, отлетя. [линк]
Отговор
в отговор на Blake #10

Re: Формата на таблицата

@blake, човек, има гаден проблем с позиционирането на картинките в ъглите. Как става номера, че ДУ неще да дава абсолют позиция, или трябва ръчно да го пиша в сорса. А след като става с една таблица, защо сорса който е дал ghs е с доста повече "тр" и "тд" тагове ?

Не искам да пиша излишна нова тема, затова направо тук задавам въпросите - Как се позиционират 4 картинки на 4 различни места в една таблица(извинявам се ако звучи малко ... глупаво). Благодаря в аванс.

Отговор
в отговор на Nebesen #11

Re: Формата на таблицата

Има 1 главна таблица с 3x3 реда и колони. В горната лява и деясна и долната лява и деясна има съответно картинки които заоблят таблицата. Централните клетки (горна, долна, лява и дясна) са с таблица от 1 pixel височина или дължина в зависимост дали са горе/долу или ляво/дясно. Има много по-лесен начин за направата на всичко това с CSS, но ти се беше изразил да не се използва: "... Та въпросът ми както се досещате съответно е как се прави това(без цсс). ...." Не знам какво толкова страшно има в него???

Отговор
в отговор на Nebesen #12

Re: Формата на таблицата

За какво ти е абсолютна позиция, нали не искаш цсс?
Ето ти примерен код за таблица със заоблени ъгли, без допълнителни таблици вътре:
<table cellpadding="0" cellspacing="0" bgcolor="">
<tr>
<td><img alt="" src="kartinka za goren ljav ugul" height="" width="" /></td>
<td></td>
<td><img alt="" src="kartinka za goren desen ugul" height="" width="" /></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><img alt="" src="kartinka za dolen ljav ugul" height="" width="" /></td>
<td></td>
<td><img alt="" src="kartinka za dolen desen ugul" height="" width="" /></td>
</tr>
</table>
Заб: четирите картинки трябва да са с еднакви размери. Или поне по колони и по редове да са с еднакви размери.

Scriptura pro scribente nihil probat...
Отговор
в отговор на ghs #13

Re: Формата на таблицата

Ок, то се видяло, че с таблици става голяма боза ... направих го, но не ми харесва идеята за разделяне на таблица за да се вмъкнат картинки. Щом ще е по-лесно с цсс, моля обяснете как става работата(ако вече не ви е писнало да се занимавате разбирасе). А и съм забелязал, че на ghs му е слабост цсс-а .

Отговор
в отговор на Nebesen #14

Re: Формата на таблицата

"А и съм забелязал, че на ghs му е слабост цсс-а" - Е тук грешиш!!!

Отговор
в отговор на Nebesen #15

Re: Формата на таблицата

Ами за теб с css определено може да ти е по-трудно. Виж на втората страница има едни теми пуснати от "новака"..та там става въпрос за преминаване от таблици към цсс - виж само каква драма е !

Feathers hit the ground
before the weight can leave the air
Отговор