Screen-Shot-2015-04-15-at-9.08.48-PM.png

<div>
Tom, I don't think it could look any better!<br />
<br />
Was it just a matter of using &quot;background&quot; rather than &quot;background-image?&quot;<br />
<br />
Thanks again!
</div>


Tom, I don't think it could look any better!

Was it just a matter of using "background" rather than "background-image?"

Thanks again!

<div>
&quot;background&quot; is just shorthand for:<br />
<br />
background-image<br />
background-position<br />
background-size<br />
background-repeat<br />
background-color<br />
<br />
This line:<br />
<br />
background: url(<a href="http://images.forbes.com/media/lists/companies/verizon-communications_200x200.jpg" rel="ugc">http://images.forbes.com/media/lists/companies/verizon-communications_200x200.jpg</a>) no-repeat;<br />
<br />
in longhand would be:<br />
<br />
background-image: url(<a href="http://images.forbes.com/media/lists/companies/verizon-communications_200x200.jpg" rel="ugc">http://images.forbes.com/media/lists/companies/verizon-communications_200x200.jpg</a>);<br />
background-repeat: no-repeat<br />
<br />
The css I provided is a mix of shorthand and longhand.<br />
<br />
Thanks for the points.
</div>


"background" is just shorthand for:

background-image
background-position
background-size
background-repeat
background-color

This line:

background: url(http://images.forbes.com/media/lists/companies/verizon-communications_200x200.jpg [http://images.forbes.com/media/lists/companies/verizon-communications_200x200.jpg]) no-repeat;

in longhand would be:

background-image: url(http://images.forbes.com/media/lists/companies/verizon-communications_200x200.jpg [http://images.forbes.com/media/lists/companies/verizon-communications_200x200.jpg]);
background-repeat: no-repeat

The css I provided is a mix of shorthand and longhand.

Thanks for the points.

<div>
<div class="content wysiwyg-content">
I've got a Javascript clock that came &quot;pre-packaged&quot; with some verbiage along the bottom of the clock face. I saw this and decided that I could replace that veribage with a logo, which would look like what I've got attached.<br />
<br />
I've got the clock up at <a href="http://brucegust.com/clock.php" rel="ugc">http://brucegust.com/clock.php</a>. I want to replace &quot;QUARTZ&quot; with the Verizon logo.<br />
<br />
How?<br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2015/04_w16/908822/with-verizon.jpg" target="_blank" title="screenshot (234 KB)"><img alt="screenshot" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2015/04_w16/800_908822/with-verizon.jpg" /></a>
</div>
</div>


with-verizon.jpg

I've got a Javascript clock that came "pre-packaged" with some verbiage along the bottom of the clock face. I saw this and decided that I could replace that veribage with a logo, which would look like what I've got attached.

I've got the clock up at http://brucegust.com/clock.php. I want to replace "QUARTZ" with the Verizon logo.

How?



How can I get this background image to work?

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.