Solved

write text over repeating pixel pattern

Posted on 2011-09-24
2
300 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 500 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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
alert before form submission 6 40
Put glyphicon in my input button 4 47
Make navigation bar highlight the page you are on. 1 19
Create CSS Animation for Page Transitions 4 26
Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

773 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