The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Added Pixel lines on Web Form - near input box
StephanieFU
post Jul 9 2010, 01:42 PM
Post #1





Group: Members
Posts: 4
Joined: 9-July 10
Member No.: 12,267



http://elephantentrepreneur.com/web-form/test4.html

That is the link to the web form I am working with. There is an added couple of pixel lines near the input boxes.
Looks perfect in Firefox, but not in IE or Chrome.

I took out all heights & widths. I added a border of zero to all images.

Please Help!! Thanks!!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
StephanieFU
post Jul 9 2010, 01:52 PM
Post #2





Group: Members
Posts: 4
Joined: 9-July 10
Member No.: 12,267



QUOTE(StephanieFU @ Jul 9 2010, 01:42 PM) *

http://elephantentrepreneur.com/web-form/test4.html

That is the link to the web form I am working with. There is an added couple of pixel lines near the input boxes.
Looks perfect in Firefox, but not in IE or Chrome.

I took out all heights & widths. I added a border of zero to all images.

Please Help!! Thanks!!



Also... it goes to looking normal when I remove the input code.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 9 2010, 03:47 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 19,773
Joined: 9-August 06
Member No.: 6



It happens in FF too if you up the text size a little ( in the browser). If the input is higher than the image height there will be a gap.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
StephanieFU
post Jul 10 2010, 01:19 PM
Post #4





Group: Members
Posts: 4
Joined: 9-July 10
Member No.: 12,267



What do you recommend I do to fix this?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jul 10 2010, 03:52 PM
Post #5


WDG Member
********

Group: Root Admin
Posts: 8,344
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE
What do you recommend I do to fix this?
Don't expect pixel-perfect layout. Design your layout to adapt to a different font size, a different size display area, etc.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
StephanieFU
post Jul 10 2010, 04:01 PM
Post #6





Group: Members
Posts: 4
Joined: 9-July 10
Member No.: 12,267



http://elephantentrepreneur.com/web-form/test5.html

I fixed the form a lot by just adjusting the images and allowing more room for the input text size. But now to the right of the input the alignment is off by just a pixel or so. Grrr

Does anyone know what I can do?

Thanks a lot
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jul 10 2010, 07:28 PM
Post #7


WDG Member
********

Group: Root Admin
Posts: 8,344
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Take a completely different approach to creating borders:
http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/

This allows your background and borders to expand to fit the content.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th July 2021 - 11:01 PM