PDA

View Full Version : picture in textbox?!help!



DJsexie
October 15th, 2001, 21:43
This might be a weird question, but is there anyway of putting pictures and links in a textbox? I know the answer is probably no, but please look at the following site (http://fade.to/default) and tell me is there any way of putting pictures in that box there?

I am NEW to all these programming stuffs...please help me!!!

Thanks a lot!:)

Bruce
October 15th, 2001, 21:45
No it's not possible in a textbox.

DJsexie
October 15th, 2001, 21:52
damn! what else should I do then, if I want a window in there that can dispaly picture and links?:confused:

Dusty
October 15th, 2001, 21:59
You could use an iFrame, or you could just put the text, images, and links directly on the page (seems like the best solution to me).

DJsexie
October 15th, 2001, 22:05
Originally posted by Dusty
You could use an iFrame, or you could just put the text, images, and links directly on the page (seems like the best solution to me).

I tried iFrame but the border doesn't seem nice and it takes a little long to load. There, now I chaged it into iFrame. Anyway I can change the border? click here (http://fade.to/default) to see it.

meow
October 15th, 2001, 22:06
Yeah, the box at http://fade.to/default is an iframe, not a text box.

<<ADD>> Ooops! I thought that was a page that demonstrated what you wanted to do. :biggrin2:

DJsexie
October 15th, 2001, 22:09
Originally posted by meow
Yeah, the box at http://fade.to/default is an iframe, not a text box.

so your point is?

DJsexie
October 15th, 2001, 22:13
never mind, never mind, I'll use iFrame for some pagesand textboxes for another. Thanks for your helps..^_^

:)

el crapo
October 15th, 2001, 22:13
What do u mean you don't like the border? Do u want it gone?

meow
October 15th, 2001, 22:16
lol! We posted at the same time twice in a row. :p
See above. I didn't know it was your page and that you had changed it.
FRAMEBORDER can only have the values 1 or 0 (on/off). You need CSS to change the looks.

Mekhu
October 15th, 2001, 22:19
Here is an example of iframe code with NO border....if you want a NICE CUSTOM colored border around it I think you could just put it in a border with a color bg.

Anyways here's the code.

<iframe width=100% height=360 src="index.html" noresize frameborder="0">YOU CAN ADD A MESSAGE HERE FOR NUTSCRAPE USERS</iframe>

Mekhu

LastActionHero
October 16th, 2001, 04:30
why not put the image in a layer? a div tag?

Krajensky
October 16th, 2001, 07:33
Or go with full-blown frames...that would be cross-browser. Beyond that the best way is with a DHTML scroll-layer...sorry I don't have a URL example.

Krajensky

MaGiCSuN
October 16th, 2001, 07:47
a textbox that allows html??

it's there yes:

<ilayer name="scroll1">
<div id="scroll3"
style="width:100;height:75;
background-color:COLORHERE;
overflow:auto">
TEXT HTML TEXT HTML
</textarea></div>


Love,
Mirna

DJsexie
October 17th, 2001, 18:15
Originally posted by meow
FRAMEBORDER can only have the values 1 or 0 (on/off). You need CSS to change the looks.

I need CSS, ok. HOW?

meow
October 17th, 2001, 18:30
Like so: :)
http://www.htmlhelp.com/reference/css/box/
http://www.htmlhelp.com/reference/css/box/#border
http://www.w3.org/TR/REC-CSS2/box.html#border-properties

DJsexie
October 17th, 2001, 18:35
hmmm.....thanks a lot;)

Now er...where do I put these CSS? Before the iFrame tag or inside the iFrame tag?

meow
October 17th, 2001, 18:47
Lazy, are we? :D

You can do it in several ways, but if all you want CSS for is the iframe border you can as well inline it. Here's a nice red border :p

<iframe style="border: 2px solid #FF0000">

If you want it in HEAD you go:

<style type="text/css">
<!--
iframe { border: 2px solid #FF0000 }
-->
</style>

DJsexie
October 17th, 2001, 19:07
OOH thank you SOOOOOOO much.

Looking through all those page is a impossiblity for me...hehe:D

-tuw-
November 1st, 2001, 07:42
i think only way to put images in <textarea> is this:

<style>
textarea { background-image: "image.jpg" }
</style>

or this (i don't remember which one it is):

<style>
textarea { background: "image.jpg" }
</style>

gyrbo
November 1st, 2001, 11:39
or:
background: image(image.gif)

meow
November 1st, 2001, 15:21
{ background: url("image.gif") }
{ background-image: url("image.gif") }

gyrbo
November 1st, 2001, 16:08
I knew you had to use a function, didn't really knew what one.

meow
November 1st, 2001, 17:20
No function, just CSS syntax. BTW is that supposed to work with text area? Don't think it does.

-tuw-
November 2nd, 2001, 03:22
Originally posted by meow
No function, just CSS syntax. BTW is that supposed to work with text area? Don't think it does.

i think it should work... thx for correction btw :D

meow
November 2nd, 2001, 03:37
Yeah it sure does! Works with <input type="text"> too. Cool. ;)

-tuw-
November 2nd, 2001, 04:09
Originally posted by meow
Yeah it sure does! Works with <input type="text"> too. Cool. ;)

it works with buttons too btw.

try this:

<style>
.b1 { background: url("image.gif") }
.b2 { background: url("image2.gif") }
</style>

<input type=button class="b1" name="button1" onmouseover="button1.className='b1'" onmouseout="button1.className='b2'">

and you should see how that button changes it's background on mouseover and mouseout ;)

bigperm
November 2nd, 2001, 05:38
Way to think outside of the box fellas.