Log In · Register

 
changing stuff in textarea?
miszxjojo
post Mar 19 2009, 05:53 PM
Post #1


Senior Member
*****

Group: Member
Posts: 354
Joined: May 2007
Member No: 526,982
i know how to get the code to change the font in a textarea box. like i want it with a border, and a different font so i put in the code. but when i do, my page gets messed up and my extened background thing (idk what it's called? but its this: http://i40.tinypic.com/xp3pd1.png) and my header image, doesn't line up right. but when i deleted the code i added and changed it back to what it was, everythings fine...

the code i have now is:
textarea, input {
width : 140px;
}

the one i used is:
textarea {font-family:tahoma;
font-size: 8px;
line-height: 9px;
font-weight: normal;
text-transform: none;
text-align: center;
color: 000000;
width: 140px;
height: 30px;
background-color: ffffff;
border: 1px dotted;
border-color: 000000;}
 
 
 Start new topic
Replies (1 - 9)
synatribe
post Mar 19 2009, 05:56 PM
Post #2


AIDS at RAVES.
******

Group: Official Designer
Posts: 2,386
Joined: Dec 2007
Member No: 598,878
can you post the HTML as well? it your CSS seems to be fine, it could be your HTML structure that is hindering your layout
 
Melie
post Mar 19 2009, 06:01 PM
Post #3


Melieized
******

Group: Official Designer
Posts: 1,372
Joined: Nov 2006
Member No: 478,715
can't you do something like:

CODE
<textarea rows="2" cols="20" color="red" font size="3">
At W3Schools you will find all the Web-building tutorials you need, from basic HTML to advanced XML, SQL, ASP, and PHP.
</font></textarea>


i dunno but it's worth a shot
 
miszxjojo
post Mar 19 2009, 07:03 PM
Post #4


Senior Member
*****

Group: Member
Posts: 354
Joined: May 2007
Member No: 526,982
the code i have is

CODE
<head>
<LINK REL="SHORTCUT ICON" HREF="http://i41.tinypic.com/eq89vn.png">
</head>

<script language="javascript">
var titletext="loveburst @ h3iresslyts.net ! <3";
var repeat=true;
var index=0;
function scrolltitle(){
if(index<=titletext.length){ document.title=titletext.substring(0,index);
index++;
setTimeout('scrolltitle()', 200);
}else{
index=0;
if(repeat)setTimeout('scrolltitle()',1000);
}}
window.onload=function(){
if(!document.layers)setTimeout('scrolltitle()',1000);
}
</script>

<style type="text/css">
body {
background :#d5d5d5 url("http://i40.tinypic.com/xp3pd1.png") repeat-y;
}
td, p, body, a {
color : #2b2b2b;
font-family : tahoma;
font-size : 11px;
text-align : left;
text-transform: none;
line-height:10px;
}
a:active, a:visited, a:link {
font-size : 11px;
color : #2b2b2b;
font-family : tahoma;
font-weight : normal;
text-decoration : none;
text-transform: none;
line-height: 10px;
}
a:hover {
font-size : 11px;
color : #9ad5ff;
font-family : tahoma;
font-weight : normal;
text-decoration : none;
text-transform: none;
line-height: 10px;
}
a.nava, a.nava:link, a.nava:active, a.nava:visited {
text-decoration:none;
display:block;
line-height:10px;
text-align:center;
}
a.nava:hover {
color: #8b8b8b;
text-decoration:none;
display:block;
line-height:10px;
text-align:center;
letter-spacing: none;
}
a.navb, a.navb:link, a.navb:active, a.navb:visited {
text-decoration:none;
display:block;
line-height:10px;
text-align:center;
letter-spacing: none;
}
a.navb:hover {
color: #6a6a6a;
text-decoration:none;
display:block;
line-height:10px;
text-align:center;
letter-spacing: none;
}
a:link img {
border : none;
}
a:visited img {
border : none;
}
a:hover img {
border : none;
}

h1 {
margin: 0 0 .3em 0;
color: #464646;
font-family: georgia;
font-size: 28px;
background-image:url("");
display:block;
border-bottom: 1px dotted;
font-weight: bold;
border-color: #bcbcbc;
text-align: center;
font-weight: normal;
font-style:italic;
letter-spacing: -2px;
text-transform: lowercase;
line-height: 27px;}

h1:first-letter {
color:#ccffa0;
text-transform:none;
font-weight: normal;}
}

b {color :#ff82da;}
s {color:#9ad5ff;}
i {color:#ff82c7;}
u {color:#cc99ff;
border-bottom: 1px dashed;
border-color: #2d2d2d;}

h2 {
margin: 0 0 .0em 0;
color: #464646;
font-family: georgia;
font-size: 20px;
background-image:url("");
display:block;
border-bottom: 1px dotted;
font-weight: bold;
border-color: #bcbcbc;
text-align: center;
font-weight: normal;
font-style:italic;
letter-spacing: -2px;
text-transform: lowercase;
line-height: 19px;}

h2:first-letter {
color:#6ac1ff;
text-transform:none;
font-weight: normal;}
}

textarea, input {
width : 140px;
}

#header {position:absolute; left:0px; top: 0px;}
#sidebar {position:absolute; top:444px; left:31px; width:175px;}
#sidebar2 {position:absolute; top:444px; left:669px; width:175px;}
#content {position:absolute; top:444px; left:213px; width:448px;}
</style>

<body>

<div id="header">
<IMG SRC="http://i44.tinypic.com/mb63ae.png"></div>
 
Mikeplyts
post Mar 19 2009, 07:26 PM
Post #5


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
You realize that you need a <html> tag at the very beginning of the code and </html> tag at the very end of it. Also, you missing a </body> tag.

Try this:

CODE
<html>
<head><LINK REL="SHORTCUT ICON" HREF="http://i41.tinypic.com/eq89vn.png"></head><script language="javascript">var titletext="loveburst @ h3iresslyts.net ! <3";var repeat=true;var index=0;function scrolltitle(){if(index<=titletext.length){ document.title=titletext.substring(0,index);index++;setTimeout('scrolltitle()', 200);}else{index=0;if(repeat)setTimeout('scrolltitle()',1000);}}window.onload=function(){if(!document.layers)setTimeout('scrolltitle()',1000);}</script><style type="text/css"> body { background :#d5d5d5 url("http://i40.tinypic.com/xp3pd1.png") repeat-y; } td, p, body, a { color : #2b2b2b; font-family : tahoma;font-size : 11px;text-align : left;text-transform: none;line-height:10px;} a:active, a:visited, a:link { font-size : 11px;color : #2b2b2b;font-family : tahoma;font-weight : normal;text-decoration : none;text-transform: none;line-height: 10px;}a:hover {font-size : 11px; color : #9ad5ff; font-family : tahoma;font-weight : normal;text-decoration : none;text-transform: none;line-height: 10px;}a.nava, a.nava:link, a.nava:active, a.nava:visited {text-decoration:none;display:block;line-height:10px;text-align:center;}a.nava:hover {color: #8b8b8b; text-decoration:none;display:block;line-height:10px;text-align:center;letter-spacing: none;}a.navb, a.navb:link, a.navb:active, a.navb:visited {text-decoration:none;display:block;line-height:10px;text-align:center;letter-spacing: none;}a.navb:hover {color: #6a6a6a; text-decoration:none;display:block;line-height:10px;text-align:center;letter-spacing: none;}a:link img { border : none;} a:visited img { border : none;} a:hover img { border : none;} h1 { margin: 0 0 .3em 0; color: #464646; font-family: georgia; font-size: 28px; background-image:url(""); display:block;border-bottom: 1px dotted;font-weight: bold;border-color: #bcbcbc;text-align: center; font-weight: normal; font-style:italic;letter-spacing: -2px; text-transform: lowercase; line-height: 27px;}h1:first-letter {color:#ccffa0; text-transform:none;font-weight: normal;}} b {color :#ff82da;}s {color:#9ad5ff;}i {color:#ff82c7;} u {color:#cc99ff; border-bottom: 1px dashed; border-color: #2d2d2d;} h2 {margin: 0 0 .0em 0; color: #464646; font-family: georgia; font-size: 20px; background-image:url(""); display:block;border-bottom: 1px dotted;font-weight: bold;border-color: #bcbcbc;text-align: center; font-weight: normal; font-style:italic;letter-spacing: -2px; text-transform: lowercase; line-height: 19px;}h2:first-letter {color:#6ac1ff; text-transform:none;font-weight: normal;}}textarea, input { width : 140px;} #header {position:absolute; left:0px; top: 0px;}#sidebar {position:absolute; top:444px; left:31px; width:175px;}#sidebar2 {position:absolute; top:444px; left:669px; width:175px;}#content {position:absolute; top:444px; left:213px; width:448px;}</style><body><div id="header"><IMG SRC="http://i44.tinypic.com/mb63ae.png"></div>
</body>
</html>
 
miszxjojo
post Mar 19 2009, 07:53 PM
Post #6


Senior Member
*****

Group: Member
Posts: 354
Joined: May 2007
Member No: 526,982
CODE
<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="http://i41.tinypic.com/eq89vn.png"></head>

<script language="javascript">
var titletext="loveburst @ h3iresslyts.net ! <3";
var repeat=true;
var index=0;
function scrolltitle(){
if(index<=titletext.length){ document.title=titletext.substring(0,index);
index++;
setTimeout('scrolltitle()', 200);
}else{
index=0;
if(repeat)setTimeout('scrolltitle()',1000);
}}
window.onload=function(){
if(!document.layers)setTimeout('scrolltitle()',1000);
}
</script>

<style type="text/css">
body {
background :#d5d5d5 url("http://i40.tinypic.com/xp3pd1.png") repeat-y;
}
td, p, body, a {
color : #2b2b2b;
font-family : tahoma;
font-size : 11px;
text-align : left;
text-transform: none;
line-height:10px;
}
a:active, a:visited, a:link {
font-size : 11px;
color : #2b2b2b;
font-family : tahoma;
font-weight : normal;
text-decoration : none;
text-transform: none;
line-height: 10px;
}
a:hover {
font-size : 11px;
color : #9ad5ff;
font-family : tahoma;
font-weight : normal;
text-decoration : none;
text-transform: none;
line-height: 10px;
}
a.nava, a.nava:link, a.nava:active, a.nava:visited {
text-decoration:none;
display:block;
line-height:10px;
text-align:center;
}
a.nava:hover {
color: #8b8b8b;
text-decoration:none;
display:block;
line-height:10px;
text-align:center;
letter-spacing: none;
}
a.navb, a.navb:link, a.navb:active, a.navb:visited {
text-decoration:none;
display:block;
line-height:10px;
text-align:center;
letter-spacing: none;
}
a.navb:hover {
color: #6a6a6a;
text-decoration:none;
display:block;
line-height:10px;
text-align:center;
letter-spacing: none;
}
a:link img {
border : none;
}
a:visited img {
border : none;
}
a:hover img {
border : none;
}

h1 {
margin: 0 0 .3em 0;
color: #464646;
font-family: georgia;
font-size: 28px;
background-image:url("");
display:block;
border-bottom: 1px dotted;
font-weight: bold;
border-color: #bcbcbc;
text-align: center;
font-weight: normal;
font-style:italic;
letter-spacing: -2px;
text-transform: lowercase;
line-height: 27px;}

h1:first-letter {
color:#ccffa0;
text-transform:none;
font-weight: normal;}
}

b {color :#ff82da;}
s {color:#9ad5ff;}
i {color:#ff82c7;}
u {color:#cc99ff;
border-bottom: 1px dashed;
border-color: #2d2d2d;}

h2 {
margin: 0 0 .0em 0;
color: #464646;
font-family: georgia;
font-size: 20px;
background-image:url("");
display:block;
border-bottom: 1px dotted;
font-weight: bold;
border-color: #bcbcbc;
text-align: center;
font-weight: normal;
font-style:italic;
letter-spacing: -2px;
text-transform: lowercase;
line-height: 19px;}

h2:first-letter {
color:#6ac1ff;
text-transform:none;
font-weight: normal;}
}

textarea {font-family:tahoma;
font-size: 8px;
line-height: 9px;
font-weight: normal;
text-transform: none;
text-align: center;
color: 000000;
width: 140px;
height: 30px;
background-color: ffffff;
border: 1px dotted;
border-color: 000000;}

#header {position:absolute; left:0px; top: 0px;}
#sidebar {position:absolute; top:444px; left:31px; width:175px;}
#sidebar2 {position:absolute; top:444px; left:669px; width:175px;}
#content {position:absolute; top:444px; left:213px; width:448px;}

</style>
<body>
<div id="header"><IMG SRC="http://i44.tinypic.com/mb63ae.png"></div>
</body>
</html>


thats what i did now.
still doesnt work? :/
 
synatribe
post Mar 19 2009, 08:08 PM
Post #7


AIDS at RAVES.
******

Group: Official Designer
Posts: 2,386
Joined: Dec 2007
Member No: 598,878
I figured out the problem, in your CSS, on your h2, you have 2 ending brackets like this
}
}, you have to erase one.
 
miszxjojo
post Mar 19 2009, 08:18 PM
Post #8


Senior Member
*****

Group: Member
Posts: 354
Joined: May 2007
Member No: 526,982
thank you thank you thank you!
it works :D
 
synatribe
post Mar 19 2009, 08:21 PM
Post #9


AIDS at RAVES.
******

Group: Official Designer
Posts: 2,386
Joined: Dec 2007
Member No: 598,878
yo welcome :]
 
manny-the-dino
post Mar 19 2009, 09:54 PM
Post #10


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468
Topic Closed & Moved
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic