Sep 22, 2006
Dotted Tables
Dotted Tables are tables with an empty dotted td in the middle,
like so:
Someting ….................. $100
Something More …......... $10,000
Each line is a complete table, all held inside a div#dotted_tables
Nowrap is also enforced on all table children, so be aware of this
if you are using a dotted table within a body of text.
#dotted_tables {
width: 70%;
}
#dotted_tables table {
width: 100%;
}
#dotted_tables table * {
white-space: nowrap;
font-size: 12px;
}
#dotted_tables p {
margin-left: 0;
}
#dotted_tables .dotted {
width: 100%;
border-bottom: 1px dotted #aaaaaa;
}
No Comments, Comment or Ping
Reply to “Dotted Tables”