Click to See Complete Forum and Search --> : Round corners using CSS (no table or images)
phpmyborder
11-24-2005, 08:56 AM
i made a phpscript to apply rounded corners on you webpage. the output results in a border with rounded corners, but unlike others its not using any images or tables, nor javascripts. Hopefully it can make your webpage faster , than using tables and images to achive the same goal... Edgecolor and fillcolor can be dynamically changed...
have a look... and please notify me if you find any bugs... :)
http://www.phpmyborder.com
update: url
LiLcRaZyFuZzY
11-24-2005, 09:08 AM
Very nice and handy, but there are so many divs, i'm wondering if it is much faster than with graphics, and it makes the code look a bit ugly ;)
Anyone on 14.4 k could test it? ;)
bokeh
11-24-2005, 10:22 AM
Very nice and handy, but there are so many divs, i'm wondering if it is much faster than with graphics, and it makes the code look a bit ugly ;)
Anyone on 14.4 k could test it? ;)Each corner is about 800 bytes which is less then the request headers alone without considering the image size or the time taken for the round trip to the server. My guess would be it is faster but I agree about the ugly embeded CSS. The whole point of CSS was to separate style from mark-up.
phpmyborder
11-25-2005, 04:24 AM
Using inline styling is fully valid HTML / XHTML code so it should not result in any problems . Stylesheets saves you alot of work on elements that looks the same on many pages, so yes, thats a good idea in general...
the problem with using stylesheet in my script is that since the colors of the borders and fill can change, it would mess up your stylesheet... so since the borders can be customized i found it better to use inline styling...
but thanks for the feedback...
bokeh
11-25-2005, 04:31 AM
Using inline styling is fully valid HTML / XHTML code s Inline CSS goes in the <head> of a document and yes it is XHTML valid, what you are using though is embeded CSS.
LiLcRaZyFuZzY
11-25-2005, 05:11 AM
Anyway it's cool ;)
phpmyborder
11-25-2005, 05:46 AM
Inline CSS goes in the <head> of a document and yes it is XHTML valid, what you are using though is embeded CSS.
thx for reply bokeh.
Not to pick you, but i belive my type of styling is called inline styling. See
http://www.w3.org/TR/REC-html40/present/styles.html#h-14.2.2
and what you refers to as inline is actual called embedded see : http://www.htmlhelp.com/reference/html40/head/style.html
in other words... the other way around...
i have also seen embeded styling also refered to as internal styling...
(when the css is put as <style></style> in the head...
when you use a file e.g stylesheet.css its called external styling...