19 Replies - 5899 Views - Last Post: 23 September 2002 - 07:33 AM
#1
Dashed Border
Posted 21 September 2002 - 11:17 AM
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.
Replies To: Dashed Border
#2
Re: Dashed Border
Posted 21 September 2002 - 11:46 AM
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
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
#6
Re: Dashed Border
Posted 21 September 2002 - 09:39 PM
#7
Re: Dashed Border
Posted 21 September 2002 - 09:43 PM
#8
Re: Dashed Border
Posted 21 September 2002 - 09:52 PM
its like
|
|
|
instead of
.
.
.
.
#9
Re: Dashed Border
Posted 21 September 2002 - 09:56 PM
#11
Re: Dashed Border
Posted 21 September 2002 - 09:58 PM
#12
Re: Dashed Border
Posted 21 September 2002 - 09:58 PM
#13
Re: Dashed Border
Posted 21 September 2002 - 10:02 PM
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:
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
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




|