html - Can't get inline icon to show up in CSS -


I have a very simple Chrome extension to complement the web page. One of the features is to see relevant matches on the Internet. Link is to add The relevant HTML is here:

  & lt; div class = "option-wrap" & gt; & Lt; A class = "option" href = "http://www.google.com" target = _blank & gt; & Lt; div class = "option-icon tv-icon" & gt; & Lt; / Div & gt; TV link & lt; / A & gt; & Lt; / Div & gt;   

with my CSS here:

  .tv-icon {margin-right: 2px; Swim left; Width: 10px; Height: 10px; Background-image: url ("http://sayeedanwar.co.uk/wp-content/uploads/2014/01/tv-servizi.png") No-repeat; Display: Inline-block; }   

You will see that many squares appear in HTML which are not in my CSS; They are from web page because it exists. The goal of this code is to get the TV icon specified by the url to appear inline on the right side of the "TV link" text. When I run the code, it seems that there is an allocated space for the icon, and the cursor is able to click on this place, but there is no visual icon. Is there anything wrong with my CSS and Lieutenant? Or is it a function of the existing webpage code for which I have to get an alternative solution?

This is with a specified code.

  .tv-icon {margin-right: 2px; Swim left; Width: 20px; Height: 20px; Background-image: url ("http://sayeedanwar.co.uk/wp-content/uploads/2014/01/tv-servizi.png"); Display: Inline-block; Background size: cover; Background repeat: no duplication; }   

Changes made to me:

  • Delete 'no-double' in 'background-image'
  • Add 'Background-Size' and 'Background-Repeat'

    I have also changed the size if you want to change it back.

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -