Add image using CSS?

Question

I'm trying to put an image up for my header. I currently have it set as a background image, which is repeating. Obviously, I'm doing it wrong. What is the correct img code?

If you want to use background-image, but don't want to repeat, use background-repeat:no-repeat. Other than that, I'm not really sure what your trying to achieve. — James Allardice
– James Allardice, Commented Oct 27, 2011 at 21:41

jondbaker · Accepted Answer · 2011-10-27 21:41:13Z

6

#header { background: url(path/to/your/image.jpg) no-repeat; }

edited Oct 27, 2011 at 21:41

answered Oct 27, 2011 at 21:40

jondbaker

2041 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sam Over a year ago

The long form of this would be: background-image:url(image.jpg); background-repeat:no-repeat;

SiriusKoder · Accepted Answer · 2011-10-28 05:36:08Z

0

#header {background: url(your image.png) no-repeat;}

and if you want to give padding or margin to any inline-element; don't forgot to used inline-block property. It is very useful.

answered Oct 28, 2011 at 5:36

SiriusKoder

3412 gold badges4 silver badges12 bronze badges

Collectives™ on Stack Overflow

Add image using CSS?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related