Reply to Re: rounded corners without images

Your name:

Reply:


Posted by aaron.reese on 09/28/78 11:52

OK, Got it.

I've not seen it done anywhere and this is a bit of a rough
implementation:-

You need to get your server side script to generate code that looks
like the following:-

<div
style='font-size:20px;overflow:hidden;height:1px;width:100px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:2px;width:105px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:2px;width:109px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:2px;width:112px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:3px;width:114px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:4px;width:115px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:3px;width:115px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:2px;width:114px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:2px;width:112px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:2px;width:109px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:2px;width:105px;border:solid
0px;background-color: #00ffff'>text</div>
<div
style='font-size:20px;overflow:hidden;height:1px;width:100px;border:solid
0px;background-color: #00ffff'>text</div>


Note that on the height and length change on some of the divs. This
example gives a rounded end to the colour block (a bit blocky but that
should be possible to fix with some neat anti-alais code to fade the
foreground to the background)

The size and position would need to be generated from some calcuations.

I've not seen this solution mentioned anywhere else. What is the
problem with it in other browsers? (i use a Slimbrowser, built on IE so
have not tried it in Mox, Fox, Opera etc.)

Obiron

[Back to original message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация