I'm trying to make some variable -length custom buttons by using a div containing text with an image background. Fair play. But to make it a rounded button I want to have another image either side of the text div. I can't figure out how to put them all in a row, with no gaps between them, and have the center div vary in length according to the length of the text.
Have a look:
http://www.aocd00.dsl.pipex.com/buttons.html
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<body>
<div style="background: white url(left.jpg) no-repeat; height:43px;"></div><div style="background-image: url(mid.jpg); height:43px;vertical-align:middle;">hello</div>
<div style="background: white url(right.jpg) no-repeat;height:43px; "></div>
</body>
</html>