AHH....gif & iframe help [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : AHH....gif & iframe help

LittleHobbit

04-14-2004, 12:09 AM

Ok I have a Major Problem. I have a iframe w/a colored scrollbar on a page, NOW the problem Im having is getting a code for it. I want to add .gif & .jpgs in the text box & have it scroll down, with text under the pictures. I have no clue where or how to place the "text" & gifs, anyone have the code? Heres the CSS Im using so far:

<textarea ROWS=15 COLS=65
style="background:COLOR"
style="font-family:Trebuchet MS"
style="color:white"
style="border style:solid">
"MY TEXT HERE" textarea>



<STYLE type="text/css">

</STYLE>


**where do I place the image & text tags is what Im saying I gues....I need a code :help: :confused:

Demented

04-14-2004, 12:24 AM

You wouldn't place the text and images in the CSS, it would go in the HTML part of your code. I'm not sure what you want, a textarea, or an IFrame. It looks like your using a text area there. So now that you have that part of your CSS done, goto the HTML part of your site, and put in:
<textarea>You Image and Text here.</textarea>

Hope this helps! [If I'm understanding this properly. :confusion]

pb&j

04-14-2004, 12:28 AM

an image wont show up in a text area.
perhaps use a scrolling DIV instead?

<div style="width:100px;height:100px;overflow:auto;">
images and text here.
</div>

LittleHobbit

04-14-2004, 12:46 AM

It didnt work. Maybe Im doing something wrong? Heres a sample page of what Im working with: http://www.geocities.com/naughty_habits/temporarypreviewfile.html?1081899748730

And heres the whole css code:

<textarea ROWS=15 COLS=65
style="background:COLOR"
style="font-family:Trebuchet MS"
style="color:white"
style="border style:solid">
April 13th, 2004:

<img src="lilangel.gif" vspace="8" >lookie at us</textarea><img src="lilangel.gif" vspace="8" >



<STYLE type="text/css">

</STYLE>


**what Am I doing wrong?GRRR

LittleHobbit

04-14-2004, 12:49 AM

Ok, I see. Im a complete moron. *gets mad* I do NOT get .html pfft. All Id like to know is where....at do I place my .img & text? I dont get this....Im sorry, Im trying to follow here

bourdelson

04-14-2004, 01:32 AM

Your image and text area stuff goes between the <body> tags of your HTML document.

Example:

<html>
<head>
<title>Your title here</title>
<style type="text/css">
style stuff here
</style>
<body>
Image stuff, text area stuff, and whatever else belongs in the body
</body>
</html>

LittleHobbit

04-14-2004, 01:47 AM

Ok...I think I get it now. In between these tags: <body>
<textarea> I write text</textarea><img src="MY IMAGE">
</body>

??

BUT where do, or would I place the scrollbar code??

bourdelson

04-14-2004, 01:49 AM

The scrollbar code goes between the <head> tags. [Note where I placed the <style> stuff, that's where you would put your style codes.]

LittleHobbit

04-14-2004, 02:02 AM

I guess Im a certified idiot. Still no textbox w/scrollbar, No text either...heres what I have. What am I doing wrong? *cries*

<html>
<head>
<title>Pictures</title>
<style type="text/css">
<textarea ROWS=15 COLS=65
style="background:COLOR"
style="font-family:Trebuchet MS"
style="color:white"
style="border style:solid">
</textarea>



<STYLE type="text/css">

</STYLE>

</style>
<body>
<img src="lilangel.gif" vspace="8" aww
</body>
</html>

* Dude, told ya Im a html idiot

LittleHobbit

04-14-2004, 02:45 AM

Ok maybe Im just phrasing this all wrong. As you can see from the above, I have a colored scrollbar textbox. What Im wanting to do is have 1 box, where I can put in img tags and have them scrolled for veiwing. I have like 10 pics I want to place. I have NO clue how to code it. Thank you

Rosey

04-14-2004, 03:48 AM

do what pbj told you, use a div. You can't put any images in a textarea, just text.

So your code would be like this:

<html>
<head>
<style type="text/css">
div {
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#E87400;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#E87400;
scrollbar-arrow-color:#3A94B6;
scrollbar-track-color:#B76FFF;
}
</style>
</head>
<body>
<div style="width:100px;height:100px; overflow:auto;">
images and text here.
</div>
</body>
</html>

As long as you specify a height in your div layer, it will scroll when your content exceeds that height.

LittleHobbit

04-14-2004, 06:55 AM

Rosey THANK YOU so much for the code :) it worked. Pb & J, I overlooked his reply, sorry. As for the others, thank u for trying.

One question though, I hadnt tried it yet.
Can I put a <textarea> Text <textarea>
tag under the pictures? Im just looking to write below the pictures if possible?

Rosey

04-14-2004, 07:07 AM

yeah but that would probably look messy.

what you can do is this make the div layer and inside the div layer make a table without border and then you would have this

<Table>

<tr><td>image</td><td> image</td></tr>

<tr><td> text</td><td>text</td></tr>

</table>

if you need more images, put more td tags. Set a width in either px or % for the table and td.

LittleHobbit

04-14-2004, 07:12 AM

Ok, nevermind. Im slow. What I did was use the script you gave me, in between pictures I added this
<img src="FILE NAME" vspace="8">
<p> Text<p>
<img src="FILE NAME" vspace="8">

*worked just fine :)

Rosey

04-14-2004, 07:18 AM

yeah that works if you only want one image per line. :)

LittleHobbit

04-14-2004, 07:22 AM

LoL ok youre right :| I tried more than 4 pictures.
Now where exactly would I place this 'Table'? Under the scrollbar tag?

Rosey

04-14-2004, 07:35 AM

put the table inside the div.

LittleHobbit

04-14-2004, 07:47 AM

YES!! :)

It worked, thank you SO much