Art258: Leahy & Randle Techniques

Randle Technique

HTML:
“<p class=”mytest”>Randle test.</p>”

CSS:
p.mytest {
background: url(“http://via.placeholder.com/1200×200?text=This+is+an+image&#8221;) no-repeat;
width: 300px;
height: 100px;
text-indent: -999999px;
}

Leahy Technique

HTML:
“<p class=”mytest”>Leahy test.</p>”

CSS:
a.mytest {
background: url(“http://via.placeholder.com/1200×200?text=This+is+an+image&#8221;) no-repeat;
background-size: 100%;
display: block;
width: 300px;
height: 0px;
//height: 50px;
padding-top: 50px;
//border: 5px solid red;
overflow: hidden;
}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s