View Full Version : Hi everyone!Can you please help with this HTML
thankyou7 08-15-2006, 08:54 PM I appreciate your help,and I am trying to figure out how to add a scroll box under my banners that shares the html to add my banner to other peoples websites,and profile!
After adding a scroll box that I thought would work it just made the banners show up in the scroll box,and not the html?
If you can help please show an example of what the scroll bar looks like activated if possible....
General MJ 08-15-2006, 08:59 PM Err, what? Correct me if I am wrong, you want to have your affiliates, or just other peoples websites, under your banner, on your own website? Right?
thankyou7 08-15-2006, 09:08 PM I just want to display my banner on mywebsite,and have a scroll bar box under my banner so people can copy,and paste the html under my banner to add the banner on their website!
Can I share a website with an example on here?
Thank you!
General MJ 08-15-2006, 09:14 PM Yes please give an example, but i think i know what you mean:
__________________
BannerBanner Banner|
Your Banner Banner..|
__________________|
They enter their website URL, and then click "enter" (or w/e) and their website appears here.
Right?
EDIT: Came out wrong..well something to that extent..
amyaurora 08-15-2006, 09:18 PM Try <textarea>HTML HERE</textarea>
Change all <'s in your image link code to < and all >'s to >
Or like this:
<xmp>HTML HERE</xmp>
edit: Never mind there is no enter function.
thankyou7 08-15-2006, 09:18 PM getting closer!
See these scroll boxes that have html in them!I just want to add a smaller one like those on this website,under my banner so visitors can just copy,and paste the code from the scroll box under my banner,and add my banner on their website so it will show up,and be hyperlinked back to my website,profile etc.
http://www.myspace.nuclearcentury.com
I will go find a better example!
Thanks amy for the input,but I dont really understand what you shared?Can you show an example please.
amyaurora 08-15-2006, 09:33 PM I found this: http://www.pointafter.com/Textboxscroll.htm
General MJ 08-15-2006, 09:43 PM I still do not understand what you are trying to accomplish.
J to the izzosh 08-15-2006, 10:13 PM Then why post? If you don't have anything to contribute, please try not to post. I'm sure your input is appreciated, but really, unneccessary posts only make the threads more difficult to read.
If what you're trying to do is just make a box in which you can display HTML code for other people to copy then take a moment to understand the problem, which I'm sure is all too apparent to you. :)
If you type HTML in an HTML document, it will be parsed like regular HTML.
So... you need to tell the browser that it isn't HTML or at least trick it into thinking that it isn't. This can be done in two ways:
1) Like Amy suggested, contain the HTML in an element which tells the browser that what's inside is just pure text and to output it as-is. That is what you can use the <textarea> element for. Though it is really a form input field, it can be used for the purpose of displaying plain text.
<textarea cols="80" rows="10" readonly="readonly">
<p>This text will be output as plain text, showing even the HTML tags inside.</p>
</textarea>
The "readonly" part prevents people from typing in the form field. It is designed for input, after all.
2) Replace the characters that tell the browser what is HTML with escaped characters. Specifically, this means the less than and greater than signs (< and >). If you use their escape character codes to display them, then the browser will show the less/greater than symbols isntead of reading them as HTML. The codes are < and >, respectively. Mind you, this method would take a little longer to type, but still works, and you wouldn't have to use the textarea form field. You might also want to tell the browser to presever the original spacing with this method by setting the display of the whitespace to "pre", as in "preformatted".
<code style="white-space:pre; display:block;">
<p>This text will be output as plain text, showing even the HTML tags inside.</p>
</code>
Personally, I recommend the latter of the two simply because you can convey more meaning about what's inside your block using elements like the <code> element; <textarea> doesn't really do much to tell a browser what you're trying to display, in fact, it's a little confusing to try and output text with an input field.
thankyou7 08-15-2006, 10:25 PM Thanks Amy!I will try it,and see if it works...
J to the izzosh.
Looks like you have done your homework....Thank you!
I will try all of this,and let you know if I can get it to work...
This post can also help others...
Here is an example of exactly what I am trying to do...If you go here,and see the banner(Sign the Spinner Dolphin petition)and notice the scroll box under it with html so others can copy,and paste the banner on their website..
http://www.myspace.com/wilddolphinfoundation
J to the izzosh 08-15-2006, 10:36 PM Yep, and if you take a look at their source you can see that they used the method which Amy and I mentioned. They also forgot to close at least one of their anchor tags. ;)
<TEXTAREA name=Staff rows=5 wrap=VIRTUAL cols=30><a href="http://www.myspace.com/wilddolphinfoundation"><img src="http://wilddolphin.org/graphics/wdf_logo.jpg"></a></TEXTAREA>
Also, noticed that they omitted the readonly attribute. You will be able to delete or type and text you want in their boxes. Whoops... I would suggest not following their example exactly. :)
thankyou7 08-15-2006, 10:37 PM J to the izzosh.
Is it possible since you know html so much to post the html code that will work,and then an example of what whe code you shared will look like...
Kinda like rocket science made easy for us learning more about html etc.
thankyou7 08-15-2006, 10:46 PM They also forgot to close at least one of their anchor tags!
Did you close the anchor tags in your example?Do you think I can try what you posted,and it will work?
<TEXTAREA name=Staff rows=5 wrap=VIRTUAL cols=30><a href="http://www.myspace.com/wilddolphinfoundation"><img src="http://wilddolphin.org/graphics/wdf_logo.jpg"></a></TEXTAREA>
J to the izzosh 08-15-2006, 11:13 PM Yes, I did close their anchor tag in my example. It's highlighted in red to illustrate their error. And yes, you could use it and it would work, but I don't recommend it as it's not a particularly good example. That's just the code which I copied from that dolphins page and it's some pretty sloppy code, at that.
Rather, try using the examples from my previous post. You can see them in action here: http://jfweb.fastmail.fm/disp_html/disp_html.htm. Granted, I did add a teency bit more styling, but it's all good, eh?
And no, there's nothing specially important about the table code in the third example of that link. It's just something I nabbed from a template that I had lying around to illustrate the scrolling with a longer code example. Also, no, I definitely did not replace each one of those less/greater than symbols in the actual HTML with their respective escape characters by hand (way too much work!). Instead, I used the find/replace function of my text editor to do it for me. I don't have the time to type all that. Well, today I do... but normally I wouldn't... really!
|