Specific Cell Padding?

weizac · 03-04-2009, 11:38 PM

Is it possible to give specific cells a certain amount of padding, without affecting all of the others?

sdsinc · 03-05-2009, 03:54 AM

Well the other cells on the same row are going to be affected.

PHP Code:

  <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-type" content="application/xhtml+xml; charset=UTF-8" />

<title>test</title>

????: NamePros.com http://www.namepros.com/web-design-discussion/564527-specific-cell-padding.html
<style type="text/css">

table#test {

????: NamePros.com http://www.namepros.com/showthread.php?t=564527
    width:500px;

    border:1px red solid;

}

 
table#test td {

    padding: 3px;

    background-color: #E4E5E5;

}

 
table#test td.special {

    padding: 10px;

    background-color: red;

}

</style>

</head>

<body>

<table id="test">

    <tr>

        <td>1</td><td>2</td>

    </tr>

 
    <tr>

        <td>3</td><td>4</td>

    </tr>

    <tr>

        <td>5</td><td class="special">6</td>

    </tr>

</table>

 
</body>

</html>

weizac · 03-05-2009, 10:45 AM

That's silly.
I could achieve this in html couldn't I?

03-04-2009, 11:38 PM	THREAD STARTER #1 (permalink)
weizac New Member Join Date: Jan 2009 Posts: 13	Specific Cell Padding? Is it possible to give specific cells a certain amount of padding, without affecting all of the others?

03-05-2009, 03:54 AM	#2 (permalink)
sdsinc Domains my Dominion Join Date: Aug 2005 Location: Web 1.0 Posts: 9,963	Well the other cells on the same row are going to be affected. PHP Code: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="application/xhtml+xml; charset=UTF-8" /> <title>test</title> ????: NamePros.com http://www.namepros.com/web-design-discussion/564527-specific-cell-padding.html <style type="text/css"> table#test { ????: NamePros.com http://www.namepros.com/showthread.php?t=564527 width:500px; border:1px red solid; } table#test td { padding: 3px; background-color: #E4E5E5; } table#test td.special { padding: 10px; background-color: red; } </style> </head> <body> <table id="test"> <tr> <td>1</td><td>2</td> </tr> <tr> <td>3</td><td>4</td> </tr> <tr> <td>5</td><td class="special">6</td> </tr> </table> </body> </html> __________________ NameNewsletter.com - free lists of available domain names ZoneFiles.net (beta) - ccTLD and gTLD droplists

	NamePros Design Contests	Forum Sponsorship
	Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest)

03-05-2009, 10:45 AM	THREAD STARTER #3 (permalink)
weizac New Member Join Date: Jan 2009 Posts: 13	That's silly. I could achieve this in html couldn't I?

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)