|
|
Posted by Mark on 12/06/07 11:53
showandbeshown@gmail.com wrote:
> On Dec 5, 9:20 pm, "rf" <r...@invalid.com> wrote:
>> <showandbesh...@gmail.com> wrote in message
>>
>> news:80dec378-5cf8-4b3b-87ab-2a5adaa88108@j44g2000hsj.googlegroups.com...
>>
>>> I found something that looks like what i need:
>>> <img src="img/l.jpg" style="width: 100%; height: 100%" alt="" /></td>
>>> However, it does not work. :) Why? I do explicitly say that the image
>>> should take the 100% of the height and it does not take. You can see
>>> how it looks like here:
>>> http://www.showandbeshown.com/headtail.php
>> You should be using l.jpg as a background for that cell. It wall
>> automatically repeat and fill up the cell.
>>
>> --
>> Richard.
>
> If I use <td background="image.jpg">, it helps only but only
> partially. Because, it looks like I want, but the document becomes
> "not valid xhtml document" since "there is not background attribute
> for the <td> element".
I'm guessing you want a fluid rounded corner box with transparent corners?
If so, you could do it this way:
http://www.lester1.eclipse.co.uk/1/
It's ugly, but not as ugly as your table version.
This uses a variation of the "sliding doors" technique, which basically
uses a very wide corner image to span the entire width of the box and
"slide out" when the box expands. Transparency causes quite a few issues
with sliding doors, which is usually done using nested divs. That's why
I had to resort to empty divs.
There might be a more elegant way of doing this with transparent corners
but I can't think of one.
Navigation:
[Reply to this message]
|