Sent by tmesa.mesadesignhouse on 29 March 2008 16:04
I'll explore rounded corners later, when I don't have three sites to
build, and a host of print jobs to build. It *IS* something I'd like
to try.
This is year 5 of building websites, year 37 of print design. I'd have
to say building websites is the most annoying, because the tools for
doing so are so inadequate, *compared to the tools I use for print
work*. Everyone talks about the power of CSS, but it pales to
transparency in comparison to the power of Photoshop, Illustrator, and
InDesign. The flexibility of the web page is a blessing and a curse. I
do enjoy some of the process, though, and am currently teaching myself
PHP and MySQL.
However, bringing this back to CSS, after fixing the syntax of one of
the nested floats (in a div with a class) to float:inherit (it was in
a div with an id, using float: left), DW's rendering worked just fine
(rendering engine in DW much improved in CS2 and CS3), and the page
displayed properly in IE6 & 7, and in FF & Safari. My other issue was,
duh (to myself), not using the correct rule name for the donate div.
Since CS2, I really haven't had too many problems with the DW
rendering engine. Sometimes the rendering engine gets a little funky,
but not often.
Now I'm off to another site giving me much grief, that involves
recoding a site built using a sliced and diced Photoshop image. I've
decided I'm not putting it in tables after all. This should be fun.
Theresa Mesa
Mesa Design House
http://mesadesignhouse.com
909-796-5739
909-796-5789 (Fax)
On Mar 29, 2008, at 12:56 AM, Gunlaug Sørtun wrote:
> tmesa.mesadesignhouse wrote:
>
>> I'm going to get rid of the background box for the navigation and do
>> it normally, rather than as a background image, although I'm
>> researching rounded corners and CSS, since that's what the client
>> likes. That way I don't have to have fixed font sizes.
>
> For a case like yours with a fixed width and (preferably) a fluid
> height, one of the most straightforward rounded corner methods is to
> use
> 2 background-images - one for the top and one for the rest.
>
> I actually included this method in my first response, but it didn't
> come
> through properly since I didn't prepare both images :-)
>
> Here's a slightly better prepared version...
>
> <http://www.gunlaug.no/tos/alien/tm/test_08_0328.html>
> CSS:
> <http://www.gunlaug.no/tos/alien/tm/test_08_0328_files/ierc0000.css>
> Images:
> <http://www.gunlaug.no/tos/alien/tm/test_08_0328_files/nav_box0.gif>
> <http://www.gunlaug.no/tos/alien/tm/test_08_0328_files/nav_box1.gif>
>
> ...so you can see this simple method in action.
>
> Needless to say it can be done with only one, large, image. A google
> will let you find lots of variants that achieve the rounded corner
> effect with one, two or four images, and the fewer images the better -
> in most cases.
>
>> I've been making things too difficult for myself.
>
> That sounds like an ordinary journey from print to web design. The
> "paper" is flexible on the web.
>
> regards
> Georg
> --
> http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
