2013-12-04 4 views
0

Я новичок в программировании и пытаюсь создать строку примера «список клиентов» для таблицы, в которой есть «клиент» в левой части строки, редактировать "и" удалить "в крайнем правом углу той же строки шириной 960. Я использую bootstrap 2.3.2 и собираюсь размножать список позже с помощью jquery. Я не могу понять, как сделать значки цветными (или то, что должен выглядеть css для html). Вот что html у меня до сих пор:Создание строки таблицы с разными цветными глификонами

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
<title>table</title> 

<link rel="stylesheet" type="text/css" href="assets/css/reset.css"> 

    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css"> 
    <link rel="stylesheet" type="text/css" href="assets/css/style.css"> 
    <link rel="stylesheet" type="text/css" href="assets/css/global.css">  
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script type="text/javascript" src="assets/js/bootstrap.min.js"></script> 



<meta name="description" content=""> 

</head> 


    <body> 
    <table class="table"> 
     <tbody> 
       <tr> 
        <td>Hadley, Bump </td> 
     <td> 
     <i class="pull-right icon-trash"></i> 
     <i class="pull-right icon-pencil"></i> 
     </td> 
     </tr> 
    </tbody> 
</table> 
</body> 
</html> 

Большое спасибо за помощь!

ответ

0

Добавить этим вам вашу голову (вы должны в конечном итоге сделать это внешнюю таблицу стилей, загружаемых после других):

<style> 
.icon-trash { 
    color:#ff0000; <-- any hex colour code. 
} 
</style> 
+0

спасибо! Теперь что-то еще происходит - значки больше не отображаются с правой стороны? (на самом деле их там не было, прежде чем я положил это в голову, поэтому не сказал, что это результат вашего решения). Что-то кажется неправильным, что могло бы вызвать это? –

+0

Ваш код выглядит отлично. Это может быть проблемой в ваших таблицах стилей. –

Смежные вопросы