I actually see the form becoming an issue when zooming in (old version
of Firefox).

Looks nice - I decided as mentioned above to have a css code that puts
a background image to a text field (in a div). The textfield then I
dont draw border and background etc....

This was my solution to making a custom textfield. Of course it does
not enlarge when zoomed, but oh well. I may change that in the future,
I will see.

MSJ121

On Aug 28, 1:19 pm, "Jamie Campbell" <[EMAIL PROTECTED]>
wrote:
> The zooming works really well. The images pixelate a little, but other than
> that it's behaves as expected.
>
> On Thu, Aug 28, 2008 at 12:17 PM, Balázs Buri <[EMAIL PROTECTED]> wrote:
> > I definately agree with you.
>
> > for simple search form or input field its better to use only css but for
> > dropdowns, checkboxes JS is a need because for that you cant use css in
> > every browser.
>
> > btw. you will find a lot of good js scripts here:
> >www.downloadjavascripts.com
>
> > 2008/8/28 Mou <[EMAIL PROTECTED]>
>
> >> Balázs
>
> >> That technique will work perfectly, but it gets a bit more complicated
> >> if you want the textareas, drop downs, radio buttons and checkboxes to
> >> all follow the same design
>
> >> If its sitewide I'd consider using the plugin.  If I'm just styling a
> >> single text box (maybe a search box) I'd use the simple CSS method -
> >> although Matthew raises a good point, I don't know how this style will
> >> cope with zooming in on the page.
>
> >> Balázs Buri wrote:
> >> > for an input text field there is no simplier then using the previos
> >> > thaat I wrote I think
>
> >> > 2008/8/28 Jamie Campbell <[EMAIL PROTECTED]
> >> > <mailto:[EMAIL PROTECTED]>>
>
> >> >     I am actually using a jQuery plugin on a project right now that
> >> >     can make this pretty simple.
>
> >> >     Documentaion:http://www.lexcat.ro/nicejforms/
> >> >     Demo:http://www.lexcat.ro/nicejforms/nicejforms.html
>
> >> >     On Thu, Aug 28, 2008 at 11:12 AM, Balázs Buri <[EMAIL PROTECTED]
> >> >     <mailto:[EMAIL PROTECTED]>> wrote:
>
> >> >         you will have to create a rounded image for it and use the
> >> >         background property in css to use this image.
>
> >> >         background: url('myroundedimage.gif') top left no-repeat;
> >> >         border: none;
>
> >> >         this is it.
>
> >> >         2008/8/28 MSJ121 <[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>>
>
> >> >             I see a lot of tutorials on background images for text
> >> >             fields. What if
> >> >             I want to make my text field not a square (persay), but
> >> >             instead an
> >> >             oval (in reality by using an image with shadows etc...).
> >> >             Is this
> >> >             possible or suggested?
>
> >> >             One simple solution might be to overlay a text field over
> >> >             the image
> >> >             (both are white anyways), but I was looking for a more
> >> elegant
> >> >             solution if possible. Simply because if someone wants to
> >> >             "zoom" in,
> >> >             the textfield will get bigger but I dont think the image
> >> >             would?
>
> >> >             I am a programmer, but new to web design so thanks for
> >> >             your time and
> >> >             patience,
> >> >              Matthew
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---

Reply via email to