×
INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!
  • Students Click Here

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

Jobs

How can I create a dotted line?

How can I create a dotted line?

How can I create a dotted line?

(OP)
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/)

RE: How can I create a dotted line?

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
 

RE: How can I create a dotted line?

(OP)
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.  

RE: How can I create a dotted line?

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
 

RE: How can I create a dotted line?

(OP)

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

RE: How can I create a dotted line?

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
 

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close