Just a follow-up on this thread. My goal was to replicate a
brochure form onto the web and make it as close to the
original as possible. The form was divided into sections
with each section having a left hand title that ran up the
'spine'. I solved the problem by using this with each
sections div:
#information {
background-image: url(form-information.gif);
background-repeat: no-repeat;
padding-left: 70px;
border-bottom: 2px solid #00a4ce;
}
The image was set as a one shot background with a padding a
bit wider than the image. I also added a bar across the
bottom to divide between the sections. Once the form goes
live I'll post the url to it.
The main problem I had was that I had to use 2 or more divs
per section with at least one floating left. If the left
floating div was longer then the non-floating div, its
content would just overlap the next section. I had to add
extra line breaks to make sure the non-float section was as
long or longer than the float. Is there a better solution?
Thanks
Michael Dinowitz
President: House of Fusion (http://www.houseoffusion
.com)
Publisher: Fusion Authority (http://www.fusionautho
rity.com)
Adobe Community Expert / Advanced ColdFusion Developer
>Is it possible to rotate a line of text 90% using CSS?
>Thanks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~|
Create robust enterprise, web RIAs.
Upgrade & integrate Adobe Coldfusion MX7 with Flex 2
http:
//ad.doubleclick.net/clk;56760587;14748456;a?http://www.adob
e.com/products/coldfusion/flex2/?sdid=LVNU
Archive: http://www.houseoffusion.com/groups/CSS/messag
e.cfm/messageid:3396
Subscription: http://www.houseoffusion.com/groups/CSS/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/u
nsubscribe.cfm?user=22184.15789.41
|