Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Styling radio buttons

Reply
Thread Tools

Styling radio buttons

 
 
e n | c k m a
Guest
Posts: n/a
 
      12-02-2003
Hey guys,

I've got a demo page up for you to check out - my problem is to do with
vertical alignment but I can't seem to be able to do anything about it!

URL:http://144.132.34.224/style/signup.html

Under the h2 "What type of services do you require?"

Any way to get the content in those td's to look 'nice'? I mean, it looks
okay at the moment but I'd rather have the label and radio box lined up with
each other vertically.

Thanks in advance,

Nicko.


 
Reply With Quote
 
 
 
 
brucie
Guest
Posts: n/a
 
      12-02-2003
in post <news:H68zb.36751$>
e n | c k m a said:

> URL:http://144.132.34.224/style/signup.html
>
> Under the h2 "What type of services do you require?"
> Any way to get the content in those td's to look 'nice'? I mean, it looks
> okay at the moment but I'd rather have the label and radio box lined up with
> each other vertically.


move them down a bit. input{top:0.1em;position:relative;}


--
brucie
03/December/2003 08:48:54 am kilo
 
Reply With Quote
 
 
 
 
e n | c k m a
Guest
Posts: n/a
 
      12-02-2003
> move them down a bit. input{top:0.1em;position:relative;}

Thanks mate, that works well - but I still don't understand why it's
ignoring the padding I've got set for these particular td's.

ie.
td { padding: 5px; }

It looks like there's more padding on the top than the bottom for these
td's.

Thanks,
Nicko.


 
Reply With Quote
 
brucie
Guest
Posts: n/a
 
      12-03-2003
in post <newsn9zb.36829$>
e n | c k m a said:

>> move them down a bit. input{top:0.1em;position:relative;}


> Thanks mate, that works well - but I still don't understand why it's
> ignoring the padding I've got set for these particular td's.
> td { padding: 5px; }
> It looks like there's more padding on the top than the bottom for these
> td's.


nope the padding is correct. when elements are relatively positioned the
space they did take up is still maintained.

--
brucie
03/December/2003 09:56:18 am kilo
 
Reply With Quote
 
e n | c k m a
Guest
Posts: n/a
 
      12-03-2003
> > Thanks mate, that works well - but I still don't understand why it's
> > ignoring the padding I've got set for these particular td's.
> > td { padding: 5px; }
> > It looks like there's more padding on the top than the bottom for these
> > td's.

>
> nope the padding is correct. when elements are relatively positioned the
> space they did take up is still maintained.


I guess I was referring more to the label element than the input element...
That's okay, I guess I'll just live with it. Thanks for your help though,

Nicko.


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Created Radio Buttons displaying as if they were conventional buttons Dr. Leff Javascript 3 10-15-2007 09:47 PM
Created Radio Buttons displaying as if they were conventional buttons Dr. Leff Javascript 3 10-15-2007 05:18 AM
ASP.NET Reset Radio Button in a group of Radio Buttons Scott D Johnson ASP .Net 1 09-27-2006 10:38 PM
Styling CreateUserWizardStep Buttons? clintonG ASP .Net Security 1 05-27-2006 03:07 PM
styling buttons without CLASS W. Paulisse HTML 4 10-01-2003 01:05 AM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57