HTML පොඩි උදව්වුවක්

MihiCherub · Jun 29, 2016

HTML පොඩි උදව්වුවක්

මචන්ල මට මේ විදියට HTML වලින් හදා ගන්න හැටි කියල දියල්ලකො. borders මුකුත් ඕනෙ නෑ. column 4 merge වෙන්න ඕනෙ. ඒ වගේම columns අතර space එක එකම size වෙන්න ඕනෙ.

ප්ලීස් මචන්ල column අතර විතරයි gap එක එකම size වෙන්න ඕනෙ. Gap එක ටිකක් වැඩි වෙන්න ඕනෙ පහසුවෙන් අදුන ගන්න. columns සහ values අතර Gap එකක් ඕනෙ නෑ.

html විතරයි පුලුවන් css බෑ. ඒවගේම html style වලිනුත් බෑ.

මෙන්න මේ විදියට තිබ්බ නම් හරි. වැඩි වැඩ මුකුත් ඕනෙම නෑ.
--------------------------------------------------------------
Edit:
හරි උත්තරේ ලැබුනා.

vdilshan said:

Onna ehenam hariyatama,

Code:

<table cellpadding="10">
    <tr>
        <td>Column 1: <b>Value 1</b></td>
        <td>Column 2: <b>Value 2</b></td>
        <td>Column 3: <b>Value 3</b></td>
    </tr>
    <tr>
        <td colspan="2">Column 4: <b>Value 4 - Value 5</b></td>
        <td>Column 5: <b>Value 5</b></td>
    </tr>
</table>

Demo : https://jsfiddle.net/35hz4wsL/

hcf · Jun 29, 2016

danne na ban

GAC · Jun 29, 2016

&ndsp; dala space hadapan

D@sun · Jun 29, 2016

Html only? :dull:

border eka nam 0 denna puluwan neh... :eek:

WhiteWalker · Jun 29, 2016

හරිද ?

<table>
<tr>
<td>row1col1</td> <td>row1col2</td> <td>row1col3</td>
</tr>

<tr>
<td>row2col1</td>row2col2<td></td><td>row2col3</td>
</tr>

<table>

heshana · Jun 29, 2016

HTML:

<table id="codexpl">
    <tr>
        <th>#</th>
        <th>Columna</th>
        <th>Relative</th>
        <th>Isso</th>
    </tr>
    <tr>
        <td>1</td>
        <td>This</td>
        <td>Column</td>
        <td>Is</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Coloumn</td>
        <td>two</td>
        <td>this</td>
    </tr>
    <tr>
        <td>3</td>
        <td>is</td>
        <td>not equals</td>
        <td>a</td>
    </tr>
    <tr>
        <td>4</td>
        <td>the</td>
        <td>Column</td>
        <td>real</td>
    </tr>
    <tr>
        <td>5</td>
        <td>first</td>
        <td>One</td>
        <td>Coloumn</td>
    </tr>
</table>

Code:

#codexpl th, #codexpl td{
    padding:0.8em;
    border: none;
}
#codexpl th{
    background-color:#6699FF;
    font-weight:bold;
    width: 100px;
}

MihiCherub · Jun 29, 2016

GAC said:
&ndsp; dala space hadapan

14+

hcf said:
danne na ban

thx 14+

D@sun said:
Html only?

border eka nam 0 denna puluwan neh...

html only ban me wena language ekaka render part ekak.

vdilshan · Jun 29, 2016

<table>
<tr>
<td>Column 1: <b>Value 1</b></td>
<td>Column 2: <b>Value 2</b></td>
<td>Column 3: <b>Value 3</b></td>
</tr>
<tr>
<td col-span="2">Column 4: <b>Value 4 - Value 5</b></td>
<td>Column 5: <b>Value 5</b></td>
</tr>
</table>

GAC · Jun 29, 2016

MihiCherub said:
14+

thx 14+

html only ban me wena language ekaka render part ekak.

table ekak gahapan

heshana · Jun 29, 2016

HTML:

<table id="codexpl">
    <tr>
        <th style="width:120px; padding: 5px;">#</th>
        <th style="width:120px; padding: 5px;">Columna</th>
        <th style="width:120px; padding: 5px;">Relative</th>
        <th style="width:120px; padding: 5px;">Isso</th>
    </tr>
    <tr>
        <td style="padding: 5px;">1</td>
        <td style="padding: 5px;">This</td>
        <td style="padding: 5px;">Column</td>
        <td style="padding: 5px;">Is</td>
    </tr>
    <tr>
        <td style="padding: 5px;">2</td>
        <td style="padding: 5px;">Coloumn</td>
        <td style="padding: 5px;">two</td>
        <td style="padding: 5px;">this</td>
    </tr>
    <tr>
        <td style="padding: 5px;">3</td>
        <td style="padding: 5px;">is</td>
        <td style="padding: 5px;">not equals</td>
        <td style="padding: 5px;">a</td>
    </tr>
    <tr>
        <td style="padding: 5px;">4</td>
        <td style="padding: 5px;">the</td>
        <td style="padding: 5px;">Column</td>
        <td style="padding: 5px;">real</td>
    </tr>
    <tr>
        <td style="padding: 5px;">5</td>
        <td style="padding: 5px;">first</td>
        <td style="padding: 5px;">One</td>
        <td style="padding: 5px;">Coloumn</td>
    </tr>
</table>

MihiCherub · Jun 29, 2016

WhiteWalker said:
හරිද ?

Gap eka nane columns athara? :sorry:

heshana said:

me part eka use karanna ba.. :sorry:

MihiCherub · Jun 29, 2016

heshana said:

HTML:

<table id="codexpl">
    <tr>
        <th style="width:120px; padding: 5px;">#</th>
        <th style="width:120px; padding: 5px;">Columna</th>
        <th style="width:120px; padding: 5px;">Relative</th>
        <th style="width:120px; padding: 5px;">Isso</th>
    </tr>
    <tr>
        <td style="padding: 5px;">1</td>
        <td style="padding: 5px;">This</td>
        <td style="padding: 5px;">Column</td>
        <td style="padding: 5px;">Is</td>
    </tr>
    <tr>
        <td style="padding: 5px;">2</td>
        <td style="padding: 5px;">Coloumn</td>
        <td style="padding: 5px;">two</td>
        <td style="padding: 5px;">this</td>
    </tr>
    <tr>
        <td style="padding: 5px;">3</td>
        <td style="padding: 5px;">is</td>
        <td style="padding: 5px;">not equals</td>
        <td style="padding: 5px;">a</td>
    </tr>
    <tr>
        <td style="padding: 5px;">4</td>
        <td style="padding: 5px;">the</td>
        <td style="padding: 5px;">Column</td>
        <td style="padding: 5px;">real</td>
    </tr>
    <tr>
        <td style="padding: 5px;">5</td>
        <td style="padding: 5px;">first</td>
        <td style="padding: 5px;">One</td>
        <td style="padding: 5px;">Coloumn</td>
    </tr>
</table>

style attribute not allowed..

MihiCherub · Jun 29, 2016

vdilshan said:
<table>
<tr>
<td>Column 1: <b>Value 1</b></td>
<td>Column 2: <b>Value 2</b></td>
<td>Column 3: <b>Value 3</b></td>
</tr>
<tr>
<td col-span="2">Column 4: <b>Value 4 - Value 5</b></td>
<td>Column 5: <b>Value 5</b></td>
</tr>
</table>

column 3 and 5 eka kelin align wenna one..

Executer · Jun 29, 2016

ඕක බලහන්
https://jsfiddle.net/4xyce2bj/

vdilshan · Jun 29, 2016

Onna ehenam hariyatama,

Code:

<table cellpadding="10">
	<tr>
		<td>Column 1: <b>Value 1</b></td>
		<td>Column 2: <b>Value 2</b></td>
		<td>Column 3: <b>Value 3</b></td>
	</tr>
	<tr>
		<td colspan="2">Column 4: <b>Value 4 - Value 5</b></td>
		<td>Column 5: <b>Value 5</b></td>
	</tr>
</table>

Demo : https://jsfiddle.net/35hz4wsL/

GAC · Jun 29, 2016

use <frame> tag
HTML4 and earlier only

MihiCherub · Jun 29, 2016

Executer said:
ඕක බලහන්
https://jsfiddle.net/4xyce2bj/

Column 5 & Valu 5 Required. :sorry:

D@sun · Jun 29, 2016

<table>
<tr>
<td width=200>Column 1: <b>Value 1</b></td>
<td width=200>Column 2: <b>Value 2</b></td>
<td>Column 3: <b>Value 3</b></td>
</tr>

<tr>
<td colspan="2">Column 4: <b>Value 4 - Value 5</b></td>
<td>Column 5: <b>Value 5</b></td>
</tr>

</table>

Width 1 adjust kara ganna...

GAC · Jun 29, 2016

vdilshan said:

Onna ehenam hariyatama,

Code:

<table cellpadding="10">
	<tr>
		<td>Column 1: <b>Value 1</b></td>
		<td>Column 2: <b>Value 2</b></td>
		<td>Column 3: <b>Value 3</b></td>
	</tr>
	<tr>
		<td colspan="2">Column 4: <b>Value 4 - Value 5</b></td>
		<td>Column 5: <b>Value 5</b></td>
	</tr>
</table>

Demo : https://jsfiddle.net/35hz4wsL/

ela ela

Executer · Jun 29, 2016

vdilshan said:

Onna ehenam hariyatama,

Code:

<table cellpadding="10">
	<tr>
		<td>Column 1: <b>Value 1</b></td>
		<td>Column 2: <b>Value 2</b></td>
		<td>Column 3: <b>Value 3</b></td>
	</tr>
	<tr>
		<td colspan="2">Column 4: <b>Value 4 - Value 5</b></td>
		<td>Column 5: <b>Value 5</b></td>
	</tr>
</table>

Demo : https://jsfiddle.net/35hz4wsL/

HTML පොඩි උදව්වුවක්

Well-known member

Well-known member

Well-known member

Well-known member

Member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Awrudu Games 2017 - Winners

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Awrudu Games 2017 - Winners

Similar threads