![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 45 Pomógł: 0 Dołączył: 21.07.2007 Ostrzeżenie: (0%) ![]() ![]() |
Witam, mam problem z moją tabelką.
A więc, nie mogę rozkminić jak poszerzyć kolumny, próbowałem gdzieniegdzie wpisywać width: ?px; w kodzie CSS lecz nic. Dodam, że jestem niemal początkujący w CSS, więc proszę o wyrozumiałość ![]() Oto kod na tabelkę: Kod <table summary="Beauty-4U Price List"><caption> Price List </caption> <thead><tr><th scope="col" >Name of Service </th><th scope="col" > Price</th></tr></thead> <tbody><tr><th scope="row" id="r100"> Hair Extension</th><td> From £190</td></tr></tbody> </table> Kod CSS: Kod table { border-collapse: collapse; border: 1px solid #38160C; font: normal 11px verdana, arial, helvetica, sans-serif; color: #F6ECF0; background: #641B35; } caption { text-align: left; font: normal 11px verdana, arial, helvetica, sans-serif; background: transparent; } td, th { border: 1px dashed #B85A7C; padding: .8em; color: #F6ECF0; } thead th, tfoot th { font: bold 11px verdana, arial, helvetica, sans-serif; border: 1px solid #A85070;; text-align: left; background: #38160C; color: #F6ECF0; padding-top:6px; } tbody td a { background: transparent; text-decoration: none; color: #F6ECF0; } tbody td a:hover { background: transparent; color: #FFFFFF; } tbody th a { font: normal 11px verdana, arial, helvetica, sans-serif; background: transparent; text-decoration: none; font-weight:normal; color: #F6ECF0; } tbody th a:hover { background: transparent; color: #FFFFFF; } tbody th, tbody td { vertical-align: top; text-align: left; } tfoot td { border: 1px solid #38160C; background: #38160C; padding-top:6px; } .odd { background: #7B2342; } tbody tr:hover { background: #51152A; } tbody tr:hover th, tbody tr.odd:hover th { background: #51152A; } Oto jak to wygląda: http://beauty-4u.co.uk/price_list.php Pozdrawiam i dziękuje za pomoc |
|
|
![]()
Post
#2
|
|
![]() Grupa: Zarejestrowani Postów: 292 Pomógł: 89 Dołączył: 27.12.2006 Skąd: Warszawa Ostrzeżenie: (0%) ![]() ![]() |
Na stronie którą podałeś tabelka znajduje się w divie #body-left, który ma z góry określoną szerokość 278px i taką szerokość też przyjmuje tabelka. Jak chcesz rozszerzyć kolumny, rozszerz najpierw tego diva.
-------------------- Zend Certified Engineer | Microsoft Certified Professional: Programming in HTML5 with JavaScript & CSS3 | Blog
|
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 45 Pomógł: 0 Dołączył: 21.07.2007 Ostrzeżenie: (0%) ![]() ![]() |
Że też ja tego nie zauważyłem! Dzięki!
|
|
|
![]() ![]() |
![]() |
Aktualny czas: 22.08.2025 - 07:18 |