Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Left side vertical border on the page

Reply
Thread Tools

Left side vertical border on the page

 
 
colleen1980@gmail.com
Guest
Posts: n/a
 
      05-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;p adding-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>
 
Reply With Quote
 
 
 
 
Adrienne Boswell
Guest
Posts: n/a
 
      05-31-2008
Gazing into my crystal ball I observed "(E-Mail Removed)"
<(E-Mail Removed)> writing in news:cdbfa225-4563-4265-aa48-
http://www.velocityreviews.com/forums/(E-Mail Removed):

> 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;p adding-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}

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

 
Reply With Quote
 
 
 
 
richard
Guest
Posts: n/a
 
      06-01-2008
On Sat, 31 May 2008 15:45:32 -0700 (PDT), "(E-Mail Removed)"
<(E-Mail Removed)> wrote:

>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.
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Left side vertical border on the page colleen1980@gmail.com Javascript 0 05-31-2008 10:47 PM
Help on table align on left of page vs left hanging indent =?iso-8859-1?q?Jean-Fran=E7ois_Michaud?= XML 2 07-16-2007 11:46 AM
Datagrid Border showing when I say no border tshad ASP .Net 0 01-31-2005 05:40 PM
Left panel on left hand side of desktop on windows xp wish to get rid of Bun Mui Computer Support 1 09-14-2004 03:40 AM
Slight black border on left side of A70 LCD, normal? Christopher Feeny Digital Photography 0 11-28-2003 02:03 AM



Advertisments