Title: html from css
Last modified: August 21, 2016

---

# html from css

 *  [qim](https://wordpress.org/support/users/qim/)
 * (@qim)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/html-from-css/)
 * Sorry can’t even express what I want…
    I have some entries in the css that start
 *     ```
       .flag {
       	width: 16px;
       	height: 11px;
       	background:url(flags.png) no-repeat
       }
   
       .flag.flag-ad {background-position: -16px 0}
       .flag.flag-ae {background-position: -32px 0}
       ```
   
 * how do I call them from html? Say I want to display .flag.flag-ad
 * help…

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [Andrew Bartel](https://wordpress.org/support/users/andrew-bartel/)
 * (@andrew-bartel)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/html-from-css/#post-3649294)
 * They’ll display as plain text if they aren’t wrapped in <style> tags.
 *  Thread Starter [qim](https://wordpress.org/support/users/qim/)
 * (@qim)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/html-from-css/#post-3649297)
 * could you tell me what i have to put in the html for the flag to appear, please?
 *  [Andrew Bartel](https://wordpress.org/support/users/andrew-bartel/)
 * (@andrew-bartel)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/html-from-css/#post-3649315)
 * The “.” refers to a class in css, i.e. `<div class="flag">`
 * .flag will now target that div.
 *  Thread Starter [qim](https://wordpress.org/support/users/qim/)
 * (@qim)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/html-from-css/#post-3649316)
 * I’m sorry to go on but I’m a bit lost here. I have put the css stuff in the css
   file and there images which are in the server. How do I access those images? 
   I must refer to the file where the images are and so far there is nothing and
   I don’t know how to do it.
 * can you help?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 2 months ago](https://wordpress.org/support/topic/html-from-css/#post-3649317)
 * > How do I access those images?
 * Use the [`<img>`](http://www.w3schools.com/html/html_images.asp) tag.
 *  Thread Starter [qim](https://wordpress.org/support/users/qim/)
 * (@qim)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/html-from-css/#post-3649320)
 * So:
 * <div class=”flag”>
    <img src=”flags/ad.png> </div>
 * something like this?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 2 months ago](https://wordpress.org/support/topic/html-from-css/#post-3649321)
 * Yes, but use a full path to the image;
 *     ```
       <img src="/wp-content/themes/yourTheme/flags/ad.png">
       ```
   
 *  Thread Starter [qim](https://wordpress.org/support/users/qim/)
 * (@qim)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/html-from-css/#post-3649323)
 * Thanks again
 * i got the little image in the page. great!!! Now, for the next problem: there
   are over 200 of them. Do I have to bring thm in one at a time or can I devise
   a coimmand to bring them all together?

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘html from css’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 8 replies
 * 3 participants
 * Last reply from: [qim](https://wordpress.org/support/users/qim/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/html-from-css/#post-3649323)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics