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.
19 Replies - 5878 Views - Last Post: 23 September 2002 - 07:33 AM
Replies To: Dashed Border
#2
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
:
:
:
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
:
:
:
#4
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:
That's the basic code. Alternately you can say:
To do more complex stuff you can use this code:
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:
I think that I just rocked Quik's world
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
#5
Re: Dashed Border
Posted 21 September 2002 - 09:38 PM
Yet one of the most popular hosting services uses tables- why?
#6
Re: Dashed Border
Posted 21 September 2002 - 09:39 PM
Ummmm...I didn't say anything bad about tables...
#7
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
#8
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
.
.
.
.
its like
|
|
|
instead of
.
.
.
.
#9
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!
#11
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.
#12
Re: Dashed Border
Posted 21 September 2002 - 09:58 PM
AH.. I never expected mozilla to overcome IE's capabilities.. *sigh*
#13
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.
Note: AOL is switching to Mozilla.
And NS 7 actually beats the crap out of IE as far as CSS stuff goes.
#14
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)
#15
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
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
|
|

New Topic/Question
Reply



MultiQuote




|