PDA

Click to See Complete Forum and Search --> : Please Help

itspins
11-16-2006, 12:27 PM
Hey guys,

I am new to this forum and am trying to get some help. I am working on a website and I would like to be able to do something I have seen before, but do not know how to do. please take a look at this site so you can know what im attempting to do:

Star Light Ceilings (http://www.itspins.net/starlightceilings/)

Ok, here is what I would like to be able to do....

If I write anymore text, the text area expands to much and it throws the whole design off killter. I would like to have the text area be able to call up text from a .txt file. this way, the text could be changed easily without ever affecting the design...and, hopefuly... the text would scoll and not extend the text area frame work of the design layout.

Can anyone help me on this?

I am using dream weaver.


thanks so much,
Steve
KDLA
11-16-2006, 03:26 PM
A much simpler way of doing this would be to use a div.
CSS (goes in <head> section, or is linked to)

#content {width: 525px; height: 363px; overflow: scroll; margin: 0; padding: 0;}

HTML (using your existing coding)

<TD
height=363 align=middle valign="top"
background=starlight_files/sp_left.gif bgColor=#93867f class=y style="BACKGROUND-POSITION: right 50%">
<div id="content">
<div align="center">
<p align="left"><font color="#FFFFFF">&nbsp;&nbsp;&nbsp;<font color="#000000">Star
Light Ceilings can reproduce the night sky of &nbsp;your birthday,</font></font>
<font color="#000000">wedding day, childs &nbsp;&nbsp;&nbsp;birth
or any day that is special to you! Your kids, or grand kids
will love them!....</p></div></td>

No matter what you add, the area will not change its width/height, whether you edit directly, or eventually use the .txt file.

BTW -- Investigate some CSS positioning techniques. You don't need all the blank spaces and paragraph marks to position your text.

KDLA
itspins
11-16-2006, 03:35 PM
KDLA,

Thank you so much! I will try that later this weekend.

and would you know where I can look to learn how to use a .txt file? I know you can do something like that with flash....but can you do it without flash?

I would like this client to make text changes on his own.

thanks,

Steve
KDLA
11-16-2006, 03:37 PM
You can do it with ASP:
http://www.codeave.com/asp/code.asp?u_log=111
itspins
11-16-2006, 03:50 PM
Again,

thank you so much!

I have never dealt with asp so it looks very taboo to me at the moment. but it is something to try and learn.

I really appreciate the information.


Steve
itspins
11-20-2006, 01:40 PM
A much simpler way of doing this would be to use a div.
CSS (goes in <head> section, or is linked to)

#content {width: 525px; height: 363px; overflow: scroll; margin: 0; padding: 0;}

HTML (using your existing coding)

<TD
height=363 align=middle valign="top"
background=starlight_files/sp_left.gif bgColor=#93867f class=y style="BACKGROUND-POSITION: right 50%">
<div id="content">
<div align="center">
<p align="left"><font color="#FFFFFF">&nbsp;&nbsp;&nbsp;<font color="#000000">Star
Light Ceilings can reproduce the night sky of &nbsp;your birthday,</font></font>
<font color="#000000">wedding day, childs &nbsp;&nbsp;&nbsp;birth
or any day that is special to you! Your kids, or grand kids
will love them!....</p></div></td>

No matter what you add, the area will not change its width/height, whether you edit directly, or eventually use the .txt file.

BTW -- Investigate some CSS positioning techniques. You don't need all the blank spaces and paragraph marks to position your text.

KDLA


KDLA,

Thank you so much for your help on this! However, I still seem to be having issues. I have changed the html to what I believe you are showing me...and it is really messing up my page. am I missunderstanding where to place this code?

I am going to upload the same page, with the newly added code you have shown me to this spot (http://www.itspins.net/starlightceilings/new.htm)

if you do not mind... please take a look at it and tell me what I screwed up? lol

thanks a lot!

Steve
KDLA
11-20-2006, 01:43 PM
Hi -
I couldn't get your link to work....
KDLA
itspins
11-20-2006, 01:55 PM
Hi -
I couldn't get your link to work....
KDLA


im so sorry... I posted, then uploaded! it should work now.

the grey area of text...I didnt want it to get any bigger. I wanted the text in that area to be able to be scrolled i guess.
KDLA
11-20-2006, 02:03 PM
You forgot the needed style tags:

<style type="text/css">
#content {width: 525px; height: 363px; overflow: scroll; margin: 0; padding: 0;}
</style>
tasneem
11-20-2006, 02:14 PM
im so sorry... I posted, then uploaded! it should work now.

the grey area of text...I didnt want it to get any bigger. I wanted the text in that area to be able to be scrolled i guess.

Hi
You have put your css code (#content) in the wrong way. You can do it in 2 ways - either put it in head section like this:
<style type="text/css">
<!--
#content {width: 525px; height: 363px; overflow: scroll; margin: 0; padding: 0;}
-->
</style>

You have already put the div id=content in the htm, so that would be ok.

Another way is to add the
#content {width: 525px; height: 363px; overflow: scroll; margin: 0; padding: 0;} in your style.css file.

Hope this will solve your problem.

Thanks
itspins
11-20-2006, 02:32 PM
thanks so much guys! I really appreciate it!

you might not believe it but after several years...I have just never learned to use CSS! I have stayed away from them for no other reason other then lazzyness to learn! lol

I guess im going to learn now. I really appreciate the help.

if you could please... i just re-uploaded that page. if you dont mind looking at it one more time and tell me if I can get rid of the scrolling from right to left... just have up and down...and also how I can have some padding in my text so it doesnt go all the way to the sides?

thanks again,
Steve
tasneem
11-21-2006, 02:06 PM
hi
you can try making the overflow:auto, instead of overflow:scroll.
thanks