The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> need help with textarea., overriding some html, so i can add a scrolling textarea.
kawrleah
post Jan 8 2007, 03:01 PM
Post #1





Group: Members
Posts: 1
Joined: 8-January 07
Member No.: 1,498



i have a myspace account and the certain layouts i've been using, i've also been having trouble with.

i can't figure out how to add a textarea and change the font size in a certain area (already set, About Me).

this isn't happening by fiddling with it on my own, so i'm coming here for help.

sooo.. help?

here's the code that's in there now..



CODE
<style type="text/css"> table table{border:0px;} table table table table{border:0px;} {table & border attributes} table table table {border:1px solid; border-color:black; background-color:white;} table tbody td table tbody tr td.text table{background-color:white;}table table{border:1px;}table table table table{border:1px;} table table{border:1px} table table table table{border:1px} table table table table{border:1px;} table table{border:1px}table table table { border-style:solid; border-width:1px; border-color:black; background-image:url(); background-repeat: repeat; background-attachment: scroll} table table table table{border:5px} table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-image:url(http://i12.photobucket.com/albums/a236/ViableCalifornia/34.jpg);
background-color:black;
background-attachment: fixed;
background-position:bottom left;
background-repeat:no-repeat; scrollbar-face-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-shadow-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:white; scrollbar-track-color:black; } a:hover img { filter:Gray;} Table, Td{ } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:000000; font-size:7pt; font-weight:normal; font-style:normal; font-family:Arial, verdana, arial, sans-serif; } .orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ color:000000; font-size:20pt; font-weight:bold; font-style:normal; font-family:Arial, verdana, arial, sans-serif; } a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:000000; font-size:6pt; font-weight:normal; font-style:normal; font-family:small fonts, verdana, arial, sans-serif; } a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:FFFFFF; font-size:6pt; font-weight:normal; font-style:normal; font-family:small fonts, verdana, arial, sans-serif; } a.redlink:active, a.redlink:visited, a.redlink:link { color:FF82AB; } table table { border: 0px } table table table table{border:0px} table table table} table table table table{border:0px;} font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} textarea, input {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .btext {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .blacktext10 {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .blacktext12 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .lightbluetext8 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .nametext {font-family:small fonts; font-size: 18px; COLOR:black;


font-weight:none; text-decoration: bold; letter-spacing: 0px; text-transform:uppercase; padding: 0px; line-height: 10px;} .orangetext15 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .redbtext, .redtext {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .text {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .whitetext12 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:small fonts; font-size: 20px; color: 000000; font-weight: underline; text-decoration: underline; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} b, stong {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} img { filter:none; border:0px;} a:link img { filter: none; border:0px solid black;} a:hover img { filter:none; border:0px solid black;} body {cursor: ;} a:hover {cursor: default;} TD TD {text-align: center;} TD TD TD {text-align: center;} TD TD TD TD {border-top: 0px solid; width: 80%; text-align:center;} TD TD TD TD TD {border-top: 0px solid black; text-align:center;} TD TD TD TD TD TD {border: 0px solid;} TABLE, TD {padding: 0px; text-transform: uppercase; width:350px;} TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;height: .01%; width: 100%;} TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} table td div div font {visibili-ty:hidden;di-splay:none;} table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext {display: none !important} </style> <style type="text/css">.blogbody i, .standard i, p i, i{font-family:small fonts; font-size: 7px; color: 000000; font-weight: italic; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody u, .standard u, p u, u {font-family:small fonts; font-size: 7px; color: 000000; font-weight: underlined; text-decoration: underlined; border-top: 0px solid 000000; border-bottom: 1px solid 000000; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody b, .standard b, p b, b {font-family:small fonts; font-size: 7px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style> <a href="http://www.myspace.com/ck_layouts" style="color:white; font-size: 7px; position: absolute; right: 1px; top: 18px">layout by<br> ck_layouts</a></div><style> a.text, table div font a, table div div {visibility:hidden;} table table div font a, table table div div {visibility:visible;} </style>


<tr><td>
<table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0"> <tr> <td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word"> <span class="orangetext15"></span><br />


TEXT.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
David
post Feb 12 2007, 10:27 PM
Post #2





Group: Members
Posts: 1
Joined: 12-February 07
Member No.: 1,878



Here's a sample for your review. Just cut and paste into your browser--I suggest Opera or Firefox. It has not been tested in Internet Explorer (*beep* Bill!)

This code represents the beginnings of a project to turn a pigs ear into a silk purse, i.e., turn a textarea into a rich text editor that runs in the browser so my web clients can do word processing and update their sites.

The code sample sets the layout of the textarea to look like the pages in Microsoft Word. The specific CSS property that you're apparently looking for to style the text is called 'font-family'. Here's the link to the W3C in case you desire a good reference for CSS property information:

http://www.w3.org/TR/CSS21/propidx.html

Note: I haven't figured out how to get text to justify (text-align: justify;), so please ignore that setting. The textarea apparently only supports left, right, and center justification, however, I haven't given up yet.


Blessings


<html style="

background-color: #9099AE;
">
<body style="


">

<div style="

width: 815px;
height: 1056px;
margin: 30px auto;
">
<div style="

width: 2px;
height: 2px;
background-color: #9099AE;
position: relative;
left: 813px;
top: 2px;
">
</div>
<textarea style="

width: 815px;
height: 1056px;
font-family: 'Times New Roman';
font-size: 14px;
line-height: 130%;
overflow: hidden;
padding: 1in;
display: block;
text-align: justify;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid white;
border-right: 3px solid black;

">
</textarea>
<div style="

width: 813px;
height: 3px;
background-color: black;
position: relative;
left: 2px;
">
</div>
</div>
</body>
<html>



END POST




QUOTE(kawrleah @ Jan 8 2007, 12:01 PM) *

i have a myspace account and the certain layouts i've been using, i've also been having trouble with.

i can't figure out how to add a textarea and change the font size in a certain area (already set, About Me).

this isn't happening by fiddling with it on my own, so i'm coming here for help.

sooo.. help?

here's the code that's in there now..




CODE
<style type="text/css"> table table{border:0px;} table table table table{border:0px;} {table & border attributes} table table table {border:1px solid; border-color:black; background-color:white;} table tbody td table tbody tr td.text table{background-color:white;}table table{border:1px;}table table table table{border:1px;} table table{border:1px} table table table table{border:1px} table table table table{border:1px;} table table{border:1px}table table table { border-style:solid; border-width:1px; border-color:black; background-image:url(); background-repeat: repeat; background-attachment: scroll} table table table table{border:5px} table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-image:url(http://i12.photobucket.com/albums/a236/ViableCalifornia/34.jpg);
background-color:black;
background-attachment: fixed;
background-position:bottom left;
background-repeat:no-repeat; scrollbar-face-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-shadow-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:white; scrollbar-track-color:black; } a:hover img { filter:Gray;} Table, Td{ } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:000000; font-size:7pt; font-weight:normal; font-style:normal; font-family:Arial, verdana, arial, sans-serif; } .orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ color:000000; font-size:20pt; font-weight:bold; font-style:normal; font-family:Arial, verdana, arial, sans-serif; } a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:000000; font-size:6pt; font-weight:normal; font-style:normal; font-family:small fonts, verdana, arial, sans-serif; } a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:FFFFFF; font-size:6pt; font-weight:normal; font-style:normal; font-family:small fonts, verdana, arial, sans-serif; } a.redlink:active, a.redlink:visited, a.redlink:link { color:FF82AB; } table table { border: 0px } table table table table{border:0px} table table table} table table table table{border:0px;} font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} textarea, input {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .btext {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .blacktext10 {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .blacktext12 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .lightbluetext8 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .nametext {font-family:small fonts; font-size: 18px; COLOR:black;


font-weight:none; text-decoration: bold; letter-spacing: 0px; text-transform:uppercase; padding: 0px; line-height: 10px;} .orangetext15 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .redbtext, .redtext {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .text {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .whitetext12 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:small fonts; font-size: 20px; color: 000000; font-weight: underline; text-decoration: underline; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} b, stong {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} img { filter:none; border:0px;} a:link img { filter: none; border:0px solid black;} a:hover img { filter:none; border:0px solid black;} body {cursor: ;} a:hover {cursor: default;} TD TD {text-align: center;} TD TD TD {text-align: center;} TD TD TD TD {border-top: 0px solid; width: 80%; text-align:center;} TD TD TD TD TD {border-top: 0px solid black; text-align:center;} TD TD TD TD TD TD {border: 0px solid;} TABLE, TD {padding: 0px; text-transform: uppercase; width:350px;} TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;height: .01%; width: 100%;} TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} table td div div font {visibili-ty:hidden;di-splay:none;} table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext {display: none !important} </style> <style type="text/css">.blogbody i, .standard i, p i, i{font-family:small fonts; font-size: 7px; color: 000000; font-weight: italic; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody u, .standard u, p u, u {font-family:small fonts; font-size: 7px; color: 000000; font-weight: underlined; text-decoration: underlined; border-top: 0px solid 000000; border-bottom: 1px solid 000000; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody b, .standard b, p b, b {font-family:small fonts; font-size: 7px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style> <a href="http://www.myspace.com/ck_layouts" style="color:white; font-size: 7px; position: absolute; right: 1px; top: 18px">layout by<br> ck_layouts</a></div><style> a.text, table div font a, table div div {visibility:hidden;} table table div font a, table table div div {visibility:visible;} </style>


<tr><td>
<table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0"> <tr> <td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word"> <span class="orangetext15"></span><br />


TEXT.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 12:42 AM