Left side vertical border on the page

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Hi: Is this possible that i can create a vertical thick line on the
left side as a left vertical border on the page?


<style type="text/css">
a {
  color: 'yellow';
  font-size: smaller;
a:hover {
  color: #CC0033;
  font-size: larger;

<!--img style="float:right;" src="smeg.jpg" />
<div style="width:100%;color:#FFFFFF;background:black;padding-top:

<span title="Link to Home" onmouseover="this.style.color='#F60';"
onmouseout="this.style.color='#FFFFFF';">NORTH EAST SERVICES</span>
<div style="background:black;font-family:geneva,arial;color:#F60;font-
size:12px;font-weight:bold;padding-left:5px;">3235 PARK SIDE PLACE</
<div style="background:black;font-family:geneva,arial;color:#F60;font-
size:12px;font-weight:bold;padding-left:5px;">PHONE (631) 222-2270
FAX (631) 335-

<div style="background:black;font-family:geneva,arial;color:#F60;font-
size:12px;font-weight:bold;padding-left:5px;">Office Hours: Monday to
Friday (8:00 AM

to 5:00 PM)</div>
<div style="width:100%;background:#F60;text-align:center;font-
<a href="mk.html">PEDIATRIC NEUROLOGY</a> &nbsp&nbsp&nbsp <a
href="mdjk.html">ADULT NEUROLOGY</a> &nbsp&nbsp&nbsp <a
href="direcs.html">DIRECTIONS TO OUR

OFFICE</a> &nbsp&nbsp&nbsp <a href="tstprf.html">TEST PERFORMED IN OUR
<div style="width:100%; text-align:center">
<span style="margin-right:6px;margin-top:
5px;color:white;background:green;border:1px solid darkkhaki;font-size:

top:2px;padding-right:5px;font-family:times;">SPECIALIZING IN
PEDIATRIC AND ADULT NEUROLOGY</span><div style="clear:both;"><br></

Re: Left side vertical border on the page

Gazing into my crystal ball I observed "colleen1980@gmail.com"

Quoted text here. Click to load it

A URL would have been better but...

Quoted text here. Click to load it

This is going to cause jumping of surrounding text, not recommended.

Quoted text here. Click to load it

Put that into a style definition.  Stop using pixels for font size.  
Read archives of this group for reasons.

Quoted text here. Click to load it

No need for javascript.  This also conflicts with the style definitions
you have above.

Quoted text here. Click to load it

What's up with all these divs?  This whole thing looks like a paragraph,
use the right tool for the job, p element and br element for line

snip more divititis

Quoted text here. Click to load it

And mixing HTML with XHTML.  Please stick with one, HTML is better, read
the group for reasons why.

To answer your original question:
div#sidebar {border-left:solid thick #000}

Adrienne Boswell at Home
Arbpen Web Site Design Services
Please respond to the group so others can share

Re: Left side vertical border on the page

On Sat, 31 May 2008 15:45:32 -0700 (PDT), "colleen1980@gmail.com"

Quoted text here. Click to load it

Search for "border attributes".

#sample { border-left:solid 10px black;}
"black" could also be numeric as well.

Site Timeline