Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

write text over repeating pixel pattern

Posted on 2011-09-24
2
Medium Priority
?
331 Views
Last Modified: 2012-05-12
toppick-l.gif    I want toppick-bg.gif to be repeated 600 px toppick-bg.gif toppick-r.gif

and I want this to be so I can write text over it

Top Pick

maybe use as a background in css




 
0
Comment
Question by:rgb192
2 Comments
 
LVL 12

Accepted Solution

by:
Dean OBrien earned 2000 total points
ID: 36593182
<html>
<style>
.toFloat {margin:0;padding:0;float:left}
</style>

<body>
<div style="width:620px;height:38px">
<div class="toFloat" style="width:10px;height:38px;background-image: url('toppick-l.gif');"></div>
<div class="toFloat" style="width:600px;height:38px;background-image: url('toppick-bg.gif');">This is your text</div>
<div class="toFloat" style="width:10px;height:38px;background-image: url('toppick-r.gif');"></div>
</div>
</body>
</html>
0
 

Author Closing Comment

by:rgb192
ID: 36596127
thanks
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Suggested Courses

916 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question