Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

How can I create a dotted line?

Status
Not open for further replies.

AnrBjotk

Technical User
Jun 29, 2010
28
NO
How can I create a dotted line, vertical, that separates the "info" on the left hand, brief bio, and the main site in the middle and right?
Do I have to create frames? I know many sites have it, but don't know how to create it.
(Dunno if I can post link to an example, but this site uses it
 
It depends a little on your layout, but at its most basic, you use the bor der of an element as set it to dotted.

Example:

Code:
<div style="border-right:2px dotted black; height:800px; width:200px;">
This has a vertical dotted line
</div>



----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Thank you so much!

But here's another question I'd love to have an answer to:

For as long as I've had my website, five years, I have used embarrassingly basic design. I've used Layers for everything. Whatever I want on the site, I put it in a layer. I draw the layer, and put whatever into it, to make it stick and stay where I want.
But, what other method can be used? How can I control the placement of an object, image, text, without drawing a layer?

Thanks in advance.
 
That depends on the layout of your site, and what you need to accomplish.

In Dreamweaver terms a layer can be a DIV or any other element that can have other elements inside it.

For the most part this is the correct way of doing it, however you may want to read up on CSS to understand what Dreamweaver is doing underneath.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 

Ok, but let's say I have a blank HMTL site. Nothing on it. I want to place a single jgp in the middle, and a small text under it.
How do I do this, besides drawing a layer? If I add the jpg, it just gets stuck in the upper left hand corner...
 
You add CSS styles. A note of warning though vertical centering is not really all that easy to accomplish.

But for horizontal centering and a text underneath:

Code:
<!DOCTYPE>
<html>
<head><title>Center Image</title></head>
<style type="text/css">
html{
height:100%;
}
body{
text-align:center;
height:100%;
width:100%;

}

img{
border:2px solid #a6a6a6;
vertical-align:middle;
}
p{
color:#a8a8a8;
font-family:Verdana;
font-size: 12px;

}
</style>
<body>

<img src="beachsmall.jpg" alt="Beach">
<p>This is a small text</p>

</body>
</html>



----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top