Left side vertical border on the page

colleen1980 · May 31, 2008

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

Thanks.

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

<!--img style="float:right;" src="smeg.jpg" />
<div style="width:100%;color:#FFFFFF;background:black;padding-top:
3px;font-family:Georgia,Times;font-size:54px;font-weight:bold;line-
height:1em;padding-

bottom:5px;">
<span title="Link to Home" onmouseover="this.style.color='#F60';"
onmouseout="this.style.color='#FFFFFF';">NORTH EAST SERVICES</span>
</div>
<div style="background:black;font-family:geneva,arial;color:#F60;font-
size:12px;font-weight:bold;padding-left:5px;">3235 PARK SIDE PLACE</
div>
<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-

2247</div>
<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-
size:small;padding-top:8px;font-family:system,geneva;font-
weight:bold;">
<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
OFFICE</a>
</div>
<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:
30px;line-height:60px;padding-

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

Adrienne Boswell · Jun 1, 2008

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

A URL would have been better but...

Thanks.

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

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

</head>
<body>

<!--img style="float:right;" src="smeg.jpg" />
<div style="width:100%;color:#FFFFFF;background:black;padding-top:
3px;font-family:Georgia,Times;font-size:54px;font-weight:bold;line-
height:1em;padding-

bottom:5px;">

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

<span title="Link to Home" onmouseover="this.style.color='#F60';"
onmouseout="this.style.color='#FFFFFF';">NORTH EAST SERVICES</span>
</div>

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

<div style="background:black;font-family:geneva,arial;color:#F60;font-
size:12px;font-weight:bold;padding-left:5px;">3235 PARK SIDE PLACE</
div>

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
breaks.

snip more divititis

<BR><BR>

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}

richard · Jun 1, 2008

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

Thanks.

Search for "border attributes".

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

Left side vertical border on the page	0	May 31, 2008
Aligned to the left	3	Apr 19, 2023
Border attribute not working	1	Sep 3, 2018
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Image shifts to the right when export the page to pdf	4	May 5, 2023
SendGrid email issue in responsive Gmail	1	Nov 4, 2021
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
Help with my responsive home page	2	Dec 14, 2022

Left side vertical border on the page

colleen1980

Adrienne Boswell

richard

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads