Формата на таблицата
14 отговора
804 прегледа
Формата на таблицата
Здравейте, имам въпрос. На много места съм виждал някакви извивки или заобляния на ъглите на таблиците, които изглеждат много добре. Мисля, че знаете за какво говоря(най-често съм срещал, примерно на най-горната клетка от таблицата само горните два ъгъла да са заоблени и надолу си е пак правоъгълна). Та въпросът ми както се досещате съответно е как се прави това(без цсс). А другото нещо което искам да попитам отново е свързано с такива "чупки" под хийдинга или долната част на страницата .... [линк] мисля че е ясен пример - линията която разделя хоризонталното меню горе със скролиращия текст(ех че ми избяга точно сега как се казваше този ефект), или долната линия която разделя бутоните "back", "top", "next" от "Сайтът е в момент на разработка !". Бих искал да разбера как става това, ще бъда много благодарен за всякаква помощ.
ПП: Извинявам се, че не успях да се изразя много точно, надявам се да сте ме разбрали.
ПП: Извинявам се, че не успях да се изразя много точно, надявам се да сте ме разбрали.
Re: Формата на таблицата
С картинки става! Правиш си ги с фотошопа и след това ги вграждаш в HTML кода на съответните места.
Re: Формата на таблицата
Както ти казаха, става с картинки... Ето ти пример: [линк]
П.П. Това извън темата... Да е посмеят другите от клуба: [линк] HTML-a на страницата е от рядко срещаните...
П.П. Това извън темата... Да е посмеят другите от клуба: [линк] HTML-a на страницата е от рядко срещаните...
Re: Формата на таблицата
хахаха ghs и аз се посмях от сърце на сорса благодаря за отговорите, ще се помъча да го направя, но за таблиците ме интересува ... значи ако правилно съм разбрал най-горната клетка примерно я правиш картинка, а надолу си е обикновенна таблица така ли ?
Re: Формата на таблицата
е кода на тая страница е убийствен...
изцяло вградени стилове, което утежнява кода с не знам си колко...
освен това някви тагове <б>...
да не говорим за навигацията еба си, няма никви стилове...
дано да е някоя любитлекс астраница, т.е. да не се е налагало някой да плаща за тази изработка...
изцяло вградени стилове, което утежнява кода с не знам си колко...
освен това някви тагове <б>...
да не говорим за навигацията еба си, няма никви стилове...
дано да е някоя любитлекс астраница, т.е. да не се е налагало някой да плаща за тази изработка...
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>
<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>
Re: Формата на таблицата
@ghs сорса малко ме учудва. Доколкото разбрах имаш една таблица, като в четирите й ъгли има съответно 4 таблици в коита са вмъкнати съответните картинки. Ако не съм разбрал правилно, ако обичаш обясни ми. Няма ли по-лесен начин да се направи това вместо с 5 таблици ?
Re: Формата на таблицата
има естествено - с една таблица
що са ти в ъглите допълнителни таблици? картинката се побира в една единствена клетка 
Just a genius
Re: Формата на таблицата
що се смеете бе хора
ето какво има най-отгоре
<meta name="generator" content="Web Page Maker">
за такива страници-правачи продукти е нормално да вадят такъв код
аз незнам WYSWYG продукт, които да вади перфектен код
Ключ към златната врата
През нея мина Врана, отлетя. [линк]
ето какво има най-отгоре
<meta name="generator" content="Web Page Maker">
за такива страници-правачи продукти е нормално да вадят такъв код
аз незнам WYSWYG продукт, които да вади перфектен код
Ключ към златната врата
През нея мина Врана, отлетя. [линк]
Re: Формата на таблицата
@blake, човек, има гаден проблем с позиционирането на картинките в ъглите. Как става номера, че ДУ неще да дава абсолют позиция, или трябва ръчно да го пиша в сорса. А след като става с една таблица, защо сорса който е дал ghs е с доста повече "тр" и "тд" тагове ?
Не искам да пиша излишна нова тема, затова направо тук задавам въпросите - Как се позиционират 4 картинки на 4 различни места в една таблица(извинявам се ако звучи малко ... глупаво). Благодаря в аванс.
Не искам да пиша излишна нова тема, затова направо тук задавам въпросите - Как се позиционират 4 картинки на 4 различни места в една таблица(извинявам се ако звучи малко ... глупаво). Благодаря в аванс.
Re: Формата на таблицата
Има 1 главна таблица с 3x3 реда и колони. В горната лява и деясна и долната лява и деясна има съответно картинки които заоблят таблицата. Централните клетки (горна, долна, лява и дясна) са с таблица от 1 pixel височина или дължина в зависимост дали са горе/долу или ляво/дясно. Има много по-лесен начин за направата на всичко това с CSS, но ти се беше изразил да не се използва: "... Та въпросът ми както се досещате съответно е как се прави това(без цсс). ...." Не знам какво толкова страшно има в него???
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...
Ето ти примерен код за таблица със заоблени ъгли, без допълнителни таблици вътре:
<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...
Re: Формата на таблицата
Ок, то се видяло, че с таблици става голяма боза ... направих го, но не ми харесва идеята за разделяне на таблица за да се вмъкнат картинки. Щом ще е по-лесно с цсс, моля обяснете как става работата(ако вече не ви е писнало да се занимавате разбирасе)
. А и съм забелязал, че на ghs му е слабост цсс-а
.
Re: Формата на таблицата
"А и съм забелязал, че на ghs му е слабост цсс-а" - Е тук грешиш!!!
Re: Формата на таблицата
Ами за теб с css определено може да ти е по-трудно. Виж на втората страница има едни теми пуснати от "новака"..та там става въпрос за преминаване от таблици към цсс - виж само каква драма е !
Feathers hit the ground
before the weight can leave the air
Feathers hit the ground
before the weight can leave the air