I attached an image and I'm trying to build that thing with CSS.
Here's what I got so far (the left side)and a little bit more:
<div style="margin: auto; width: 760px;">
<div style="width: 200px; height: 40px; position: absolute; background: #ff4001 url(TL.gif) 0 0 no-repeat;"></div>
<div style="width: 550px; height: 40px; float: right; padding-left: 10px; background: #fff; border-bottom: 4px solid #E6E5F5;"></div>
</div>
How can I do it like the image?
Thanks!And the reason for multiple divs is?That's how I thought I should build it.
I'd like to hear a different idea...I have played around with nift corners from (<!-- m --><a class="postlink" href="http://pro.html.it/esempio/nifty/">http://pro.html.it/esempio/nifty/</a><!-- m -->) and this is what I came up with... If you use you may want to clean the code up a little!This one is cleaner (started from scratch)...Also in a table to postion all at once...Those nifty corners are really clever but they look a bit jagged when you get to a large image...
Personally I'd just float both divs left.vpoff,
Thank you so much for the code you sent me.
The idea is great man. I was VERY happy to get familiar with this concept.
There are two problems in my eyes:
The code is way long.
The big round imge doesn't look that good.
BUT thanks again for showing me this concept.
Here's what I got so far (the left side)and a little bit more:
<div style="margin: auto; width: 760px;">
<div style="width: 200px; height: 40px; position: absolute; background: #ff4001 url(TL.gif) 0 0 no-repeat;"></div>
<div style="width: 550px; height: 40px; float: right; padding-left: 10px; background: #fff; border-bottom: 4px solid #E6E5F5;"></div>
</div>
How can I do it like the image?
Thanks!And the reason for multiple divs is?That's how I thought I should build it.
I'd like to hear a different idea...I have played around with nift corners from (<!-- m --><a class="postlink" href="http://pro.html.it/esempio/nifty/">http://pro.html.it/esempio/nifty/</a><!-- m -->) and this is what I came up with... If you use you may want to clean the code up a little!This one is cleaner (started from scratch)...Also in a table to postion all at once...Those nifty corners are really clever but they look a bit jagged when you get to a large image...
Personally I'd just float both divs left.vpoff,
Thank you so much for the code you sent me.
The idea is great man. I was VERY happy to get familiar with this concept.
There are two problems in my eyes:
The code is way long.
The big round imge doesn't look that good.
BUT thanks again for showing me this concept.