No replies
Last seen: 9 years 43 weeks ago
Timezone: GMT+3
Joined: 2011-07-09
Posts: 1
Points: 2

So I'm slowly starting to move the website im working at to normal css instead of tables everywhere.
And I ran into a small problem today while doing that.


<table border="0" cellpadding="0" cellspacing="0" width="100%">
<td><img src="" alt=""></td>
<td class="header" width="35"><img src="" alt=""></td>
<td class="header" width="100%">Enter Habia World</td>
<td><img src="" alt=""></td>
.header {
background-image: url("/img/headers_combined.png");
background-position: 0% -53px;
vertical-align: middle;

And I got it this far:

<div style="height:27px;">
<img src="" alt="" style="float: left;">
<div style="float: left; line-height: 27px;" class="header">Enter Habia World</div>
<img src="" alt="" style="float: left;">

But the problem is that I need the middle part to fill the space and I yet got to put an icon before the text too (
You can check it here: You will find the orange headers for the boxes easly.