like gthorley 7 years ago, i need a vertical line and can't seem to figure it out. can someone help me out there?
i apologize for the length. i have tried to paste only the relevant parts, but i'm insanely new at this. i've clearly marked the place i'd like the vertical line to go with "//////////////INSERT VERTICAL LINE HERE//////////////"...
<style type="text/css">
body {
font-family: helvetica, arial, sans-serif;
font-size: 62.5%;
background-color: 000000;
}
table, td {
background-color: 000000;
}
.main{
position:absolute;
left:50%;
top:130px;
width:730px;
z-index:1;
margin-left:-400px;
}
.main a:link, .main a:active, .main a:visited {
color: a3bdc8;
text-decoration: none;
font-size: 1em;
}
.main a:hover {
color: ffffff;
}
img {
border: 0;
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
}
img:hover{
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
}
p, li {
font-size: 1.2em;
color: ffffff;
}
.title1 {
font-weight: bold;
text-transform: lowercase;
letter-spacing: 10px;
color: 999999;
}
.title2 {
font-weight: bold;
text-transform: lowercase;
letter-spacing: 10px;
color: 000000;
}
.title1 {
font-size: 1.3em;
}
.title2 {
font-size: 1.1em;
}
.title2 a {
font-size: 1.3em;
}
.sidebar .title2 {
padding: 0 0 0 12px;
}
.newnav {
margin: 11px 0 20px 0;
padding: 0;
text-transform: lowercase;
letter-spacing: -1px;
}
.newnav a {
font-size: 1.2em;
color: 444444 !important;
}
.newnav a:hover {
color: ffffff !important;
}
.newnav .active {
color: 444444 !important;
}
.newnav li {
list-style: none;
display: inline;
margin: 0 0 0 13px;
}
.sidebar {
float: left;
width: 310px;
padding: 0 0 0 5px;
}
.content {
float: right;
width: 680px;
padding: 0 35px 0 20px;
}
.content2 {
float: left;
width: 1050px;
padding: 0 20px 0 5px;
}
.breaker {
clear: both;
margin-top: 0px;
border: 0px solid;
border-color: 000000;
background-image: url("textbox-1.jpg");
background-repeat: repeat-x;
height: 260px;
padding: 15px 0 0 15px;
}
.cell {
float: left;
padding-top: 0px;
margin: 5 0 0 20px;
}
.cell-inner {
width: 315px;
padding: 0 10px 0 0;
}
.bottoms {
clear: both;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
textarea {
background-color: 666666;
border: 2px solid;
border-color: ffffff;
color: f0f0f0;
padding: 3px;
overflow: hidden;
}
input {
background-color: 000000;
color: f0f0f0;
border: 1px solid;
border-color: 666666;
}
.askfirst {
clear: both;
text-align: center;
padding: 25px 0 0 0;
}
</style>
<div class="main">
<table style="width:1050px; height:1050px; cellpadding:0px; cellspacing:0px;background-color:444444;">
<tr><td valign="top">
<ul class="newnav">
<div class="sidebar">
<a href="link"><img src="photo.jpg" style="width: 300px;" /></a><br /><br />
<span class="title1">title</span><br /><br />
<div class="sidebar">
<p>text</p>
</div>
</div>
//////////////INSERT VERTICAL LINE HERE//////////////
<div class="content"><font size=2>
<div class="title1">second title</div>
<p>text</p>
</div>
</div>
and it goes on and on... i'd be grateful for any insight you may have!
i apologize for the length. i have tried to paste only the relevant parts, but i'm insanely new at this. i've clearly marked the place i'd like the vertical line to go with "//////////////INSERT VERTICAL LINE HERE//////////////"...
<style type="text/css">
body {
font-family: helvetica, arial, sans-serif;
font-size: 62.5%;
background-color: 000000;
}
table, td {
background-color: 000000;
}
.main{
position:absolute;
left:50%;
top:130px;
width:730px;
z-index:1;
margin-left:-400px;
}
.main a:link, .main a:active, .main a:visited {
color: a3bdc8;
text-decoration: none;
font-size: 1em;
}
.main a:hover {
color: ffffff;
}
img {
border: 0;
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
}
img:hover{
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
}
p, li {
font-size: 1.2em;
color: ffffff;
}
.title1 {
font-weight: bold;
text-transform: lowercase;
letter-spacing: 10px;
color: 999999;
}
.title2 {
font-weight: bold;
text-transform: lowercase;
letter-spacing: 10px;
color: 000000;
}
.title1 {
font-size: 1.3em;
}
.title2 {
font-size: 1.1em;
}
.title2 a {
font-size: 1.3em;
}
.sidebar .title2 {
padding: 0 0 0 12px;
}
.newnav {
margin: 11px 0 20px 0;
padding: 0;
text-transform: lowercase;
letter-spacing: -1px;
}
.newnav a {
font-size: 1.2em;
color: 444444 !important;
}
.newnav a:hover {
color: ffffff !important;
}
.newnav .active {
color: 444444 !important;
}
.newnav li {
list-style: none;
display: inline;
margin: 0 0 0 13px;
}
.sidebar {
float: left;
width: 310px;
padding: 0 0 0 5px;
}
.content {
float: right;
width: 680px;
padding: 0 35px 0 20px;
}
.content2 {
float: left;
width: 1050px;
padding: 0 20px 0 5px;
}
.breaker {
clear: both;
margin-top: 0px;
border: 0px solid;
border-color: 000000;
background-image: url("textbox-1.jpg");
background-repeat: repeat-x;
height: 260px;
padding: 15px 0 0 15px;
}
.cell {
float: left;
padding-top: 0px;
margin: 5 0 0 20px;
}
.cell-inner {
width: 315px;
padding: 0 10px 0 0;
}
.bottoms {
clear: both;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
textarea {
background-color: 666666;
border: 2px solid;
border-color: ffffff;
color: f0f0f0;
padding: 3px;
overflow: hidden;
}
input {
background-color: 000000;
color: f0f0f0;
border: 1px solid;
border-color: 666666;
}
.askfirst {
clear: both;
text-align: center;
padding: 25px 0 0 0;
}
</style>
<div class="main">
<table style="width:1050px; height:1050px; cellpadding:0px; cellspacing:0px;background-color:444444;">
<tr><td valign="top">
<ul class="newnav">
<div class="sidebar">
<a href="link"><img src="photo.jpg" style="width: 300px;" /></a><br /><br />
<span class="title1">title</span><br /><br />
<div class="sidebar">
<p>text</p>
</div>
</div>
//////////////INSERT VERTICAL LINE HERE//////////////
<div class="content"><font size=2>
<div class="title1">second title</div>
<p>text</p>
</div>
</div>
and it goes on and on... i'd be grateful for any insight you may have!