I have a table with 61 rows and 4 columns. Names, email, phone,
affiliation.
I want to have a solid 1px bottom border for each row. But I am not
smart enough with CSS to figure out how to do this without giving a
class to each TD (there are 244 of them) And I want there to be about
8px of margin underneath that border, or before the next person's name.
How could I do this? I just want a bottom border. I've tried giving the
<tr> a class that has a border-bottom assigned to it, but haven't been
able to make it work.
Thanks!
Steve 8 4240
Steve K wrote: I have a table with 61 rows and 4 columns. Names, email, phone, affiliation.
I want to have a solid 1px bottom border for each row. But I am not smart enough with CSS to figure out how to do this without giving a class to each TD (there are 244 of them) And I want there to be about 8px of margin underneath that border, or before the next person's name.
How could I do this? I just want a bottom border. I've tried giving the <tr> a class that has a border-bottom assigned to it, but haven't been able to make it work.
table td {
border-bottom:1px solid black;
margin-bottom:8px;
}
--
Els
Mente humana é como pára-quedas; funciona melhor aberta.
Quoth the raven named Steve K: I have a table with 61 rows and 4 columns. Names, email, phone, affiliation.
I want to have a solid 1px bottom border for each row. But I am not smart enough with CSS to figure out how to do this without giving a class to each TD (there are 244 of them) And I want there to be about 8px of margin underneath that border, or before the next person's name.
How could I do this? I just want a bottom border. I've tried giving the <tr> a class that has a border-bottom assigned to it, but haven't been able to make it work.
This seems to fill your bill. No classes needed on table cells.
td { border-bottom: 1px solid #000; padding-top: 8px;}
--
-bts
-This space intentionally left blank.
Steve K wrote: I have a table with 61 rows and 4 columns. Names, email, phone, affiliation.
I want to have a solid 1px bottom border for each row. But I am not smart enough with CSS to figure out how to do this without giving a class to each TD (there are 244 of them) And I want there to be about 8px of margin underneath that border, or before the next person's name.
How could I do this? I just want a bottom border. I've tried giving the <tr> a class that has a border-bottom assigned to it, but haven't been able to make it work.
If you want all the cells to have the same style, you *don't* need to give a
class to each! Suppose you give a class to the table:
<table class="someclass">
Now you can give properties to all the cells, for example:
table.someclass td { border-bottom: 1px solid red; }
This is a "decendent" or "contextual" selector, and it applies to all <td>s
found within the context of a table with the "someclass" class. It will
automatically apply to all 244 of them.
There are various ways of making space. For example, you may try:
table.someclass td { padding-bottom: 8px; }
This sort of selector is mind-blowingly powerful. Experiment, and find how to
achieve far-reaching effects with minimum impact on the HTML.
--
Barry Pearson http://www.Barry.Pearson.name/photography/ http://www.BirdsAndAnimals.info/ http://www.ChildSupportAnalysis.co.uk/
Els wrote: table td { border-bottom:1px solid black; margin-bottom:8px; }
Sorry, wrong answer, stick to Beauregard's reply :-)
(been into divs too much lately, td's don't have margins...)
--
Els
Mente humana é como pára-quedas; funciona melhor aberta.
Quoth the raven named Els: table td { border-bottom:1px solid black; margin-bottom:8px; }
Hmm, the margin-bottom doesn't work on my test page, using Firebird.
'Twas why I suggested the padding-top.
--
-bts
-This space intentionally left blank.
Quoth the raven named Els: Els wrote:
table td { border-bottom:1px solid black; margin-bottom:8px; }
Sorry, wrong answer, stick to Beauregard's reply :-) (been into divs too much lately, td's don't have margins...)
<lol> Barry's answer gives a lot more [and I was thinking about
adding that info, but I didn't want to confuse the OP].
Steve, play with Barry's stuff.
--
-bts
-This space intentionally left blank.
In article <hD***************@newsfep3-gui.server.ntli.net>, "Barry
Pearson" <ne**@childsupportanalysis.co.uk> wrote:
Thanks, you folks are great! and very fast.. Steve K wrote: I have a table with 61 rows and 4 columns. Names, email, phone, affiliation.
I want to have a solid 1px bottom border for each row. But I am not smart enough with CSS to figure out how to do this without giving a class to each TD (there are 244 of them) And I want there to be about 8px of margin underneath that border, or before the next person's name.
How could I do this? I just want a bottom border. I've tried giving the <tr> a class that has a border-bottom assigned to it, but haven't been able to make it work.
If you want all the cells to have the same style, you *don't* need to give a class to each! Suppose you give a class to the table:
<table class="someclass">
Now you can give properties to all the cells, for example:
table.someclass td { border-bottom: 1px solid red; }
This is a "decendent" or "contextual" selector, and it applies to all <td>s found within the context of a table with the "someclass" class. It will automatically apply to all 244 of them.
There are various ways of making space. For example, you may try:
table.someclass td { padding-bottom: 8px; }
This sort of selector is mind-blowingly powerful. Experiment, and find how to achieve far-reaching effects with minimum impact on the HTML. This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Patchwork |
last post by:
Hi Everyone,
Please take a look at the following (simple and fun) program:
////////////////////////////////////////////////////////////////////////////
/////////////
// Monster Munch, example...
|
by: Proteus |
last post by:
Any help appreciated on a small perl project I need to write for
educator/teaching purposes. I have not programmed perl for some time, need
to get up to speed, maybe some kind souls hrere will help...
|
by: Raskolnikow |
last post by:
Hi!
I have a very simple problem with itoa() or the localtime(...).
Sorry, if it is too simple, I don't have a proper example.
Please have a look at the comments.
struct tm *systime;
time_t...
|
by: Peter |
last post by:
Hello
Thanks for reviewing my question. I would like to know how can I programmatically select a node
Thanks in Advanc
Peter
|
by: abcd |
last post by:
I am trying to set up client machine and investigatging which .net
components are missing to run aspx page.
I have a simple aspx page which just has "hello world" printed....
When I request...
| |
by: dba_222 |
last post by:
Dear Experts,
Ok, I hate to ask such a seemingly dumb question, but I've
already spent far too much time on this. More that I
would care to admit.
In Sql server, how do I simply change a...
|
by: Giancarlo Berenz |
last post by:
Hi:
Recently i write this code:
class Simple
{
private:
int value;
public:
int GiveMeARandom(void);
|
by: galiorenye |
last post by:
Hi,
Given this code:
A** ppA = new A*;
A *pA = NULL;
for(int i = 0; i < 10; ++i)
{
pA = ppA;
//do something with pA
|
by: Phillip Taylor |
last post by:
Hi guys, I'm looking to develop a simple web service in VB.NET but I'm
having some trivial issues. In Visual Studio I create a web services
project and change the asmx.vb file to this:
Imports...
|
by: Chris M. Thomasson |
last post by:
I use the following technique in all of my C++ projects; here is the example
code with error checking omitted for brevity:
_________________________________________________________________
/*...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
| |
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
| |
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
| |