Dashed Border

  • (2 Pages)
  • +
  • 1
  • 2

19 Replies - 6827 Views - Last Post: 23 September 2002 - 07:33 AM

#1 capty99  Icon User is offline

  • i am colt mccoy
  • member icon

Reputation: 98
  • View blog
  • Posts: 10,081
  • Joined: 26-April 01

Dashed Border

Posted 21 September 2002 - 11:17 AM

how does
http://www.mediatemple.net/newsroom/
go about getting the dashed border around everything...
are those images or w/...

and also, on the right, how do they have the dashed border from the bottom to the top that is sometimes white on the left and sometimes dark but it looks smooth.

Is This A Good Question/Topic? 0
  • +

Replies To: Dashed Border

#2 Quik  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 2
  • View blog
  • Posts: 3,750
  • Joined: 06-March 01

Re: Dashed Border

Posted 21 September 2002 - 11:46 AM

Create a 3by1 image in photoshop.. make a dot on the top or bottom pixel. save as a gif.

Welcome to the world of tables.
Make a table with 2columns.

All your content goes into column a.
And then, your column b will have a Background which contains your gif image.

As you add content to column a, column be will obviouslly span to the height of your content.


The dots around all the images is an image itself.

Note: make sure column b is only 1pixel wide or else you will have somthing like

____
____
____

instead of
:
:
:
Was This Post Helpful? 0
  • +
  • -

#3 Spider  Icon User is offline

  • Arachnid

Reputation: 2
  • View blog
  • Posts: 769
  • Joined: 10-July 02

Re: Dashed Border

Posted 21 September 2002 - 01:16 PM

alternatively you could use css.
this code:

<table style='border:1px dotted gray'>
<tr><td>tada!</td></tr>
</table>



produces this

I'm not sure if you can get the dashes to be 1 pixel wide though, but I'll look into it.
Was This Post Helpful? 0
  • +
  • -

#4 codeman  Icon User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Dashed Border

Posted 21 September 2002 - 02:56 PM

Quik. Welcome to the world of CSS :)

say you've got a div (or table) you use this css code:

div.whatever {border: solid 1px #000;}



That's the basic code. Alternately you can say:

div.whatever {border: dotted 2px #646464;}



To do more complex stuff you can use this code:

div.whatever {
border-syle: dotted solid dashed double;
border-width: 1px 2px 1px 5px;
border-color: #ddd #646464 #646464 #ddd;
}



That would produce a div or table which had a dotted top border, a solid righthand border, a dashed bottom border, and a double left border. The top is 1px high, the right is 2 pixels wide, the bottom is 1px tall, the left is 5px wide. The top is lightgrey, the right and bottom are a darker grey, and the left is lightgrey again. You can insert tons of different options. If you ever need to change any of them just change the css. No matter what your css coding is your div will always be:

<div class="whatever">insert text here</div>


I think that I just rocked Quik's world :)
Was This Post Helpful? 0
  • +
  • -

#5 Quik  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 2
  • View blog
  • Posts: 3,750
  • Joined: 06-March 01

Re: Dashed Border

Posted 21 September 2002 - 09:38 PM

Yet one of the most popular hosting services uses tables- why?
Was This Post Helpful? 0
  • +
  • -

#6 codeman  Icon User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Dashed Border

Posted 21 September 2002 - 09:39 PM

Ummmm...I didn't say anything bad about tables...
Was This Post Helpful? 0
  • +
  • -

#7 Quik  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 2
  • View blog
  • Posts: 3,750
  • Joined: 06-March 01

Re: Dashed Border

Posted 21 September 2002 - 09:43 PM

In my previous post, nor did I. Im just wondering why (really) no pun intended
Was This Post Helpful? 0
  • +
  • -

#8 Quik  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 2
  • View blog
  • Posts: 3,750
  • Joined: 06-March 01

Re: Dashed Border

Posted 21 September 2002 - 09:52 PM

Im messing around with the css now. And All I see is a 2or even 3 length dotted line..
its like

|
|
|
instead of
.
.
.
.
Was This Post Helpful? 0
  • +
  • -

#9 codeman  Icon User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Dashed Border

Posted 21 September 2002 - 09:56 PM

uh huh. Windows has a screwy way of interpreting "dotted." It displays dotted as dashed and dashed as dashed. Stupid MS. Like I've said before. If it is a commercial project I urge everyone to use tables using CSS only for font stuff since NS4 supports all of the important CSS font stuff pretty completely. If it's for your own personal site, go cutting edge and screw older browsers! :ph34r:
Was This Post Helpful? 0
  • +
  • -

#10 Quik  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 2
  • View blog
  • Posts: 3,750
  • Joined: 06-March 01

Re: Dashed Border

Posted 21 September 2002 - 09:57 PM

:\
Was This Post Helpful? 0
  • +
  • -

#11 codeman  Icon User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Dashed Border

Posted 21 September 2002 - 09:58 PM

It's an IE thing. I just checked and good old Mozilla displays dotted like dotted.
Was This Post Helpful? 0
  • +
  • -

#12 Quik  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 2
  • View blog
  • Posts: 3,750
  • Joined: 06-March 01

Re: Dashed Border

Posted 21 September 2002 - 09:58 PM

AH.. I never expected mozilla to overcome IE's capabilities.. *sigh*
Was This Post Helpful? 0
  • +
  • -

#13 codeman  Icon User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Dashed Border

Posted 21 September 2002 - 10:02 PM

Mozilla is pretty good on its own. Sorta like how AOL is/was based on IE but sucked ass. Same thing with NS being based on Mozilla.

Note: AOL is switching to Mozilla.

And NS 7 actually beats the crap out of IE as far as CSS stuff goes.
Was This Post Helpful? 0
  • +
  • -

#14 klewlis  Icon User is offline

  • cur tu me vexas?

Reputation: 8
  • View blog
  • Posts: 1,723
  • Joined: 09-November 01

Re: Dashed Border

Posted 22 September 2002 - 08:16 AM

Quik, on Sep 21 2002, 11:38 PM, said:

Yet one of the most popular hosting services uses tables- why?

either they like doing things the hard way or they just haven't caught up with the times. I can't imagine going to all the work to do that with tables, when it's sooooo simple and flexible with css. :)

(nevertheless, I'm personally avoiding the trend of putting dots around everything just because we can...lol)
Was This Post Helpful? 0
  • +
  • -

#15 Quik  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 2
  • View blog
  • Posts: 3,750
  • Joined: 06-March 01

Re: Dashed Border

Posted 22 September 2002 - 08:24 AM

lmao.. it's not a trend.. it looks better in most cases the a solid line..

Are you saying anyone who uses dotted line is part of this trend? your totally wrong.. People have used them for ages.. and same as Solid lines.. we arnt whining about them be trendy are we?

And, the dotted lines on their site look WAY better then css. thats good enough reason for me to use them
Was This Post Helpful? 0
  • +
  • -

  • (2 Pages)
  • +
  • 1
  • 2