| Autor | Zpráva | ||
|---|---|---|---|
| Martin Tiršel Profil |
#1 · Zasláno: 21. 11. 2010, 17:25:29
Zdravím,
potrebujem docieliť toho, aby boli vertikálne linky rámčeku dotiahnuté až do konca, avšak jeden pixel z každej strany mi prekryje vrchná farba rámčeku, takže to nevyzerá, ako potrebujem. Na obrázku sú dve tabuľky, prvá je výsledný efekt, druhá ukazuje, čo sa deje mne. Prvá linka za "Last Name" je v poriadku, ale všetky ostatné sú prekryté bielou linkou: 
Tušíte niekto, ako to vyriešiť, aby boli všetky vertikálne linky podoťahované? HTML:
<table id="list_users">
<thead>
<tr class="header">
<th>Last Name</th>
<th>First Name</th>
<th>Username</th>
<th>Email</th>
<th>Active</th>
<th>Last login</th>
<th>Created</th>
</tr>
</thead>
<tbody>
...
</tbody>
</table>
CSS:
table#list_users {
font-size: 80%;
margin: auto;
margin-bottom: 20px;
border: #bbb 1px solid;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-spacing: 0px;
}
table#list_users thead th {
border-right: #bbb 1px solid;
border-top: #f3f3f3 1px solid;
border-bottom: #bbb 1px solid;
padding: 5px;
background-color: #ddd;
}
table#list_users thead th:first-child {
border-top-left-radius: 6px;
}
table#list_users thead th:last-child {
border-top-right-radius: 6px;
border-right: none;
}
|
||
|
Časová prodleva: 13 let
|
|||
0