superzero10 superzero10 - 20 days ago 7
CSS Question

CSS positioning multiple tables

I have an issue with my css bootstrap.
I have a web page with multiple tables, they must be side by side.
but my css mess up everything :/

The real issue is, i can't put different css attributs on different table. Every table have the same attributs (it's printed in a loop)

my page should be like:


[table] [table] [table]

[table] [table] [table]

[table]


But it goes like :


[table] [table] [table]

............................[table]

[table] [table] [table]


( '.' are spacing)

my bootstrap tables attributs :

table {
background-color: #646569;
float: left;
color: #ffffff;
border-radius: 4px;
}

.table {
width: 30%;
max-width: 30%;
margin-bottom: 20px;
}


my html table :

<table class='table table-bordered table-responsive sortable'>


Can someone help me or give me a tip ? ty ! ^^

Answer

Don't float them. Use display: inline-table; instead.

Comments