PDA

View Full Version : How to fix script of TEXTAREA with no scrollbar and no border for Safari IE Firefox?



siupanda
04-20-2009, 05:40 AM
I put scripts like below;
IE7.0, 8.0 and any firefox ver. works fine, except MAC Safari...:(
I only know to use textarea...
Anyone can help solve, please??
Is tat the problem happens in style="overflow: hidden; border: none"? but tried set as style="overflow: hidden"; border="0" still fail.
----------------
<textarea name="description" cols="45" rows="6" class="bodynormal" style="overflow: hidden; border=none"; width="267px"></textarea>
----------------

Thanks!

Snookerman
04-20-2009, 05:54 AM
Change that to:

style="overflow: hidden; border: none"

Good luck!

siupanda
04-20-2009, 07:02 AM
hi thanks! i changed into style="overflow: hidden; border: none" , but safari still sees the border... any idea? even border-style not working.

Snookerman
04-20-2009, 07:12 AM
That's not a border, it's an outline that some browsers add to highlight the focused object, add this to get rid of it:

style="outline: none; overflow: hidden; border: none"

Good luck!

siupanda
04-20-2009, 09:50 AM
thanks, it looks ok in iMAC!
just now needa fix those left right alignment again, as again IE Firefox looks aligned, however, sarafi on WinXP,some different.
cheers~

Snookerman
04-20-2009, 10:09 AM
You're welcome, glad to help!
You can go to your first post in this thread, click http://www.dynamicdrive.com/forums/images/buttons/edit.gif then click Go Advanced and add the Resolved prefix to the thread title.
This will let other users know the problem has been solved.

Good luck with your site!

siupanda
04-20-2009, 03:30 PM
hi snookerman,

1) may I ask for iPhone, does this script work too?
style="outline: none; overflow: hidden; border: none"

2) sadly for some MAC machine still sees whole outline cover the multiline text description like a deemed border, while some MAC machine still sees one single line between a textarea and an image. What do you think?

3) can I also put "outline: none" in the img src script?
Original of the image looks like this:
<img src="./images_flash/001.jpg" name="photoslider" width="305" height-style: "auto" border="0">

thanks for advice...