How can I create a dotted line?

AnrBjotk · Apr 14, 2012

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

http://www.standardoslo.no/)

vacunita · Apr 14, 2012

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

AnrBjotk · Apr 15, 2012

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.

vacunita · Apr 16, 2012

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

AnrBjotk · Apr 16, 2012

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

vacunita · Apr 16, 2012

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

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!

How can I create a dotted line?

AnrBjotk

Technical User

vacunita

Programmer

AnrBjotk

Technical User

vacunita

Programmer

AnrBjotk

Technical User

vacunita

Programmer

Similar threads

Part and Inventory Search

Sponsor