OutFront Forums
     Home    Register     Search      Help      Login    

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

 

Styling input fields seperately

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> General Web Development >> Styling input fields seperately
Page: [1]
 
craigj1303

 

Posts: 46
Joined: 5/16/2007
Status: offline

 
Styling input fields seperately - 3/13/2009 13:34:13   
Hi There

I am having an absolute nightmare trying to align the Paypal button in the centre of two paragraphs here:

http://www.digitalcolours.co.uk/payments.html

I know it is something to do with the fact I have styled the INPUT fields for a different form in my CSS but I have tried everything, inline styles, giving the forms on my site different ID's but nothing seems to work! I had intended to spend the afternoon doing some work on a client site but instead I have now spent 4 hours trying to align an image in the centre of a page!!:) It is Firefox I am trying to get it right in.

Can anyone help?

Regards

Craig
Tailslide

 

Posts: 6692
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Styling input fields seperately - 3/13/2009 14:20:46   
Hi

Firstly, centre the button by sizing the div to the correct width -it's a bit wide at the moment.:

Get rid of the inline style on the button - there's no such style as float: center;

It;s a bit odd to be honest - I've never seen hidden inputs actually have a height - I think you're right, your previous input and label rule is too indiscriminate.

Give your other form an id and then add that before the label and input rule:

#otherform label, #otherform input {whatever}


That seems to remove the height from the paypal div.

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to craigj1303)
craigj1303

 

Posts: 46
Joined: 5/16/2007
Status: offline

 
RE: Styling input fields seperately - 3/13/2009 14:42:23   
Hi Tailslide,

What can I say, saved my hide again!

I can only think that the problem was I was trying to seperate the two different forms by giving the other form an ID in CSS like this:

#otherform label, input {
}

and you said do it like this:

#otherform label, #otherform input {
}

That appears to be the deciding factor. Thanks again my friend as always...

Regards
Craig

(in reply to Tailslide)
Tailslide

 

Posts: 6692
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Styling input fields seperately - 3/13/2009 15:02:54   
No problem!

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to craigj1303)
Page:   [1]

All Forums >> Web Development >> General Web Development >> Styling input fields seperately
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts