Как поместить изображение в эту таблицу

Question

Как поместить изображение в эту таблицу

0

у меня проблема, и я не могу поместить значок изображения на мою кнопку удаления и редактирования. Я поместил div-класс и ввел его в свой css, но все же изображение не отображается. Что может быть неправильно здесь?

HTML

             <?php 
                 $this->table->set_heading("Name","Nationality","Contact Number","Number of Guest","Date of Arrival","Time","Pickup Location","Package","Other Request","Delete Record","Edit Record");
                 $qry = $this->db->like('name',$search_key)->order_by('date')->get('booking');
                 if ($qry->num_rows > 0) {
                 foreach ($qry->result() as $row) {
              $this->table->add_row(anchor('site/print_records/'.$row->id, $row->name, 'target="_blank"'),$row->nationality,$row->contactnum,$row->number_of_guest,$row->date,$row->time,$row->pickup,$row->package,$row->request,anchor('site/delete/'.$row->id, "<div class='deleteico'></div>),anchor('site/update/'.$row->id, "<div class='editico'></div>));
               }
               }
            else{
          echo "No records found!";
            }

              echo $this->table->generate();

            ?>

CSS

#deleteico{
         background-image: url('../pictures/delete_icon.png');
     }
 #editico{
         background-image: url('../pictures/edit_icon.png');
      }

user3352042 18 март 2014, в 09:25

Источник

0

дать ему некоторые размеры
skip405 18 март 2014, в 08:26
0

вы дали класс в php и в css вы вызываете id. проверьте, что <div class = 'editico'> </ div> и в css это #editco, это должно быть .editco
Atal Shrivastava 18 март 2014, в 08:28

Теги:

php

html

css

3 ответа

Ещё вопросы

вы дали класс в php и в css вы вызываете id. проверьте, что <div class = 'editico'> </ div> и в css это #editco, это должно быть .editco

Praxis Ashelin · Answer 1 · 2014-03-18T05-56-00.000Z

2

Вы используете class в своем коде и применяете css к селектору id.

Если вы хотите использовать классы, измените свой css на следующее:

.deleteico{
    background-image: url('../pictures/delete_icon.png');
}
.editico{
    background-image: url('../pictures/edit_icon.png');
}

# используется для выбора идентификаторов и . используется для классов.

Примечание: и, как упоминал @skip405, вам нужно будет установить width и height в вашем css или div будет 0x0 большим и, следовательно, ничего не показывать.

Praxis Ashelin 18 март 2014, в 05:56

0

Так чем же этот ответ отличается от этого? Уже и задолго до ответа на этот вопрос ??
Nitesh 18 март 2014, в 08:35
0

ему удается показать изображение, но оно не показывает его целиком .. я пытался изменить его размер, но он по-прежнему показывает половину или 1/4 его .. чертовски трудно объяснить lol .. надеюсь, вы понимаете
user3352042 18 март 2014, в 08:44
0

@NathanLee, я лично голосовал за этот ответ вместо вашего по двум причинам: а) он предлагает использовать классы, а не идентификаторы (идентификаторы намного хуже в CSS) б) он не предлагает вставлять ненужные   , Я думаю, что так оно и есть а) другое и б) лучшее
skip405 18 март 2014, в 09:10
0

@NathanLee Мы написали наш ответ почти одновременно. Я не видел твоего, прежде чем отправил свой.
Praxis Ashelin 18 март 2014, в 09:54
0

1. У ОП есть идентификатор, но он по ошибке дал классы, поэтому мне нужно исправить его разметку, а не менять его стиль. Так что id по этой причине. 2. &nbsp не оказывает существенного влияния на OP, так как у него есть фоновое изображение, поэтому вставка и умное его использование сохранит ему строки кода, поскольку он хочет, чтобы это было пустым элементом div. Я надеюсь, что моя точка зрения оправдана. - @ skip405
Nitesh 18 март 2014, в 11:53
0

Это хорошо - @DarkAshelin. Моя цель состояла в том, чтобы узнать разницу, и если бы она не была большой, я бы с уважением упомянул ссылку на мой ответ. Это происходит со мной все время, за несколько секунд до того, как я нажимаю «отправить», печатается новый с моим похожим, и это очевидно.
Nitesh 18 март 2014, в 11:54
0

@NathanLee Что касается div / class, мне кажется, что он определенно будет использовать одни и те же значки более одного раза на одной странице, так как контент печатается в цикле. Так что, вероятно, он будет нуждаться в обоих div (с фоновым значком) в каждой строке.
Praxis Ashelin 18 март 2014, в 12:10
0

Да. Это будет. - @DarkAshelin
Nitesh 18 март 2014, в 12:54
0

@NathanLee, так что это должен быть класс.
Praxis Ashelin 18 март 2014, в 12:58
0

Но дело в том, что OP не указал ничего, связанного с циклом. Я согласился с тем, что вы упомянули, но это не обязательно то, для чего ОП собирается использовать. - @DarkAshelin
Nitesh 19 март 2014, в 09:38

Показать ещё 8 комментариев

Nitesh · Answer 2 · 2014-03-18T07-21-00.000Z

вам нужно добавить width и height background-image в идентификаторы #deleteico и #editico. Затем добавьте   к ним и изменить его на id из class в вашем коде.

Например,

    <div id='deleteico'>&nbsp;</div>
    <div id='editico'>&nbsp;</div>

Надеюсь это поможет.

vandango · Answer 3 · 2014-03-18T05-48-00.000Z

Попытайтесь добавить пространство внутри своих брекетов: