Forum Moderators: not2easy
I have a couple of simple problems.
1)I want to have two input areas side by side in my html spaced horizonally apart by a specific amount. I know I can do this with <div></div> statements but I haven't been able to get two different areas with an input box and a label each to show up side by side.
Here's my code...
<style>
#sidebar textarea {
width: 90%;
background: transparent url(images/textarea.jpg) no-repeat;
border: 0px;
height: 66px;
padding: 9px;
color: #5D5737;
}
</style>
1) What [specifics]? [specifics].<br>
<textarea name="message" cols="80" rows="6"></textarea>
<br><br>
2) How [specifics]? [specifics].<br>
[specifics] <input1 type="text" name="name" size="15">
[specifics] <input2 type="text" name="name" size="15"><br><br>
End code
2) I want the background of the areas (i.e. input and textarea) to be transparent so the page background shows through.
Thanks
Dick Roose
[edited by: swa66 at 11:32 pm (utc) on April 22, 2009]
[edit reason] No specidfics please ee ToS and forum charter [/edit]
Dick Roose
<style type="text/css">
HTML {PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
OVERFLOW: hidden;
WIDTH: 100%;
PADDING-TOP: 0px;
HEIGHT: 100%}
BODY {PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
OVERFLOW: hidden;
WIDTH: 100%;
PADDING-TOP: 0px;
HEIGHT: 100%}
BODY {FONT-SIZE: 76%; FONT-FAMILY: arial, sans-serif}
a:link { color: #000099;}
a:visited { color: #0000CC;}
a:hover { color: #6666FF;}
a:active { color: #6633FF;}
#background {Z-INDEX: 1; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%}
DIV.c5 {TOP: 1px}
IMG.c4 {BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
DIV.c3 {TEXT-ALIGN: center}HR.c2 {WIDTH: 100%; HEIGHT: 2px}IMG.c1 {LEFT: 1px; TOP: 3px}
#scroller {Z-INDEX: 2; LEFT: 0px; OVERFLOW: auto; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%}
#content {PADDING-RIGHT: 30px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 5px}
P {LINE-HEIGHT: 1.8em; LETTER-SPACING: 0.1em; }
.fnt1 { FONT-SIZE: 250%; COLOR: #FFCC00; FONT-FAMILY: Algerian}
.fnt2 { FONT-SIZE: 180%; COLOR: #000000; FONT-FAMILY: Algerian}
.fnt3 {FONT-SIZE: 145%; COLOR: #000000; FONT-FAMILY: arial}
.fnt4 {FONT-SIZE: 100%; COLOR: #000000; FONT-FAMILY: arial}
.fnt5 {FONT-SIZE: 200%; COLOR: #FF0000; FONT-FAMILY: arial}
.fnt6 {FONT-SIZE: 225%; COLOR: #000000; FONT-FAMILY: arial}
#fixed {BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000 1px solid;
PADDING-LEFT: 10px; Z-INDEX: 10; LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #000 1px solid;
WIDTH: 150px; COLOR: #567; PADDING-TOP: 10px; BORDER-BOTTOM: #000 1px solid;
POSITION: absolute; TOP: 25px}
label{
width:40%;
float:left;
margin-right: 5%;
clear:none;
}
#sidebar textarea {
width: 90%;
background-color: transparent;
border: 0px;
height: 66px;
padding: 9px;
}
#sidebar input1 {
width: 90%;
background: transparent;
position: absolute;
left:120px;
border: 0px;
height: 15px;
padding: 9px;
}
#sidebar input2 {
width: 90%;
background: transparent;
position: absolute;
left:420px;
border: 0px;
height: 15px;
padding: 9px;
}
</style>
html code follows
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link type="text/css" rel="stylesheet" href="TFRStyle.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="[specifics with missing close quote]>
<meta name="keywords" content="[specifics with missing close quote]>
<meta name="revisit-after" content="7 days">
<meta content="MSHTML 6.00.5730.13" name="GENERATOR">
<title>[specifics]</Title>
<style type="text/css">
</style>
</head>
<body>
<img class="c1" id="background" title="sunrise" alt="" src="images/sunrise.jpg" name="background">
<div class="c5" id="scroller">
<div class="c3">
<br>
<span class="fnt1">[specifics]</span><br>
<span class="fnt2">[specifics]</span><br>
<span class="fnt3"><a href="[specifics].html" target="_blank">
[specifics]a><br>
<hr class="c2">
[specifics]</span><br><br>
</div>
<table>
<tbody>
<tr>
<td valign="top" align="middle" width="20%">
</td>
<td valign="top" align="left" width="60%">
1) [specifics]? Describe [specifics].<br>
<textarea name="message" cols="80" rows="6"></textarea>
<br><br>
2) How much [specifics]? [specifics].<br>
<label>[specifics] <input1 type="text" name="name" size="15"></label>
<lable>[specifics] <input2 type="text" name="name" size="15"></label>
<br><br>
3) How much [specifics]?<br>
Start Up<input type="text" name="name" size="15"> Monthly<input type="text" name="name" size="15"><br><br>
[specifics]
_____________________________________________________________________________<br>
_____________________________________________________________________________<br>
_____________________________________________________________________________<br>
_____________________________________________________________________________<br>
_____________________________________________________________________________<br>
_____________________________________________________________________________<br><br>
[specifics]
_____________________________________________________________________________<br>
_____________________________________________________________________________<br>
_____________________________________________________________________________<br>
_____________________________________________________________________________<br>
_____________________________________________________________________________<br>
_____________________________________________________________________________<br><br>
[specifics]<br>
<a href="http://www.example.com/" target="_blank">
Get My Web Site</a>
<br><br><br>
<br><br><br>
</td>
<td valign="top" align="middle" width="20%">
</td>
</tr>
</tbody>
</table>
<br><br><br>
</body>
</html>
[edited by: swa66 at 11:30 pm (utc) on April 22, 2009]
[edit reason] No URLs, no specifics please sse ToS and forum charter [/edit]
