[Solved] How to align a TD to the right?

You could do something along the lines of:

.mp3Menu{float:right;width:260px}
.mp3Menu div{float:right;}

But this is rather obvious and I would have thought you'd have explored that approach.

To be honest I'm not sure why you're using all these divs in this fashion, if you're going to use a table it be may be best to construct the table fully and along accessible lines with the use of thead/caption elements 'scope' attributes etc rather than a half hearted table layout?

You have an extra div in each of the tds on the right. You can lose it.

.mp3Menu {
  text-align: right; /*I'm pretty sure you can put this 
                       class on the td, and lose the div.*/
  }

.mp3Menu div {
  display: -moz-inline-stack; /*work around for testing;
                                lose this div and all 
                                should be copacetic*/
  }

cheers,

gary

Which is as I asked "why the divs?" loose them but also if were using tables lets form them properly or at least to the fullest extent of the attributes available.

Aw, we crossed. I didn't recheck the thread after posting, or I would have said something. You're right, there is no need for anything but the table structure.

It's kind of a pain to have to set a class for the td on each row, when the td+td+td selector would do it in one go.

cheers,

gary

Someday it'll be explained why it was so difficult to code one of the most important aspects of CSS, namely the selectors, why have our lives been made so difficult?

CSS3 extends selectors to a degree hitherto unimagined and take application of properties to a new exciting level, but I doubt we'll get to actually use them, just marvel at what could be possible much like the attribute selectors *sigh*

You don't have to. Use the adjacent sibling selector for modern browsers and style the column (after adding the necessary html) for IE. For short tables the additional column markup might negate the classless tds, but it's a treat for lengthy ones.

Do you refer to colgroup?

colgroup could be used, but I was referring to simple col (with a class of course).

Of course, had me 'deep thought' hat on.

This is partly why my reference to building the table fully earlier, given full reign the table has a lot of useful and necessary bit's and bobs

I haven't used tables for anything complex in ages, and I seem to recall poor support for col, colgroup, etc. Can you show a coding example?

cheers,

gary

IE6+ handles colgroup, I'd show an example but I think I just cocked it up, tables are a confusing pain to write , especially when one starts to use all the arcane bit's and bobs, never can read the flow of the markup

gary, here's an old example. It would need to be updated for IE7

col style demo

body {
margin: 0;
padding: 50px 0 0 0;
text-align: center;
}

.stripe {
background-color: #eee;
}

table {
margin: 0 auto;
border: 1px solid #666;
border-spacing: 0; /* moz only, still need cellspacing attribute */
text-align: left;
}

caption {
margin: 0 auto;
}

th {
text-align: center;
padding: 4px 0;
background: #eef;
border-bottom: 1px solid #666;
}

/* for IE */
col {
padding: 4px;
}
col.rank {
text-align: right;
padding-left: 12px;
}

/* for mozilla */
tr>td {
padding: 4px;
}
table td:first-child,
table td:first-child+td+td+td,
table td:first-child+td+td+td+td+td+td,
table td:first-child+td+td+td+td+td+td+td+td+td {
text-align: right;
padding-left: 12px;
}

Line Personnel - listed by seniority in group














Group 1
Group 2
Group 3
Group 4





Captain
David
C5
Captain
John
C3
Captain
Richard
C6
Captain
Peter
C2


Lieut.
Kevin
L3
Lieut.
Steven
L4
Lieut.
Joseph
L2
Lieut.
Paul
L1


FF
Richard
1
FF
Bruce
3
FF
Albert
2
FF
Robert
33


FF
Russel
35
FF
Gene
40
FF
Kenneth
6
FF
Jerome
39

Thanks, Wolfie; brought back memories that shouldn't be forgot. Odd thing that Firefox and Opera don't support the text-align. Otherwise, that would be the way to go.

I reworked it to more closely resemble the OP's issue.

/**/

coltest







Column 1


Column 2


Column 3




item 1


item 2


items 3 and 3a

cheers,

gary

Thank you guys - I got it working

And what approach did you take Jenni?

Sorry, I apologize. I actually kept the div'ed-out menu within in the table, removed the extraneous TD and CSS for .mp3Menu div, and added the float:right property to the two .mp3Menu elements. I did actually try that before, but because I didn't specify the width, the browser didn't want to position it correctly.

The reason why I have divs mixed up with tables is because originally, when I built this page, I tried using only DIVS. This turned out to be harder than I originally thought, and because of time constraints (and pressure from the man) I threw a table together. I know thats the last thing you want to hear Hugo, being the CSS perfectionist that you are, but if this were my personal site I would take the extra time to do it right. I hope my boss doesn't read this! LoL.

Perfectionism is a disease, it becomes obsessive and is never attainable, I try and temper my perfectionism with a modicum of devil may care coding

I think the point really of the last few posts was that we were happy enough with the table construct but were confused by the div-ing,I'd say go with the table but flesh it out a little with a few colgroups, scopes, caption, etc.