Web Hosting Talk







View Full Version : How do you make that bar??


lemming22
07-23-2004, 10:12 PM
go here:

http://www.subdreamer.com/index.php?categoryid=1


on the homepage, there is a line seperating content in main. how do I do that?

is it just border-top:1px?

also, while I'm here, what doe royalty free mean for stock photos?

the_pm
07-23-2004, 10:28 PM
That bar was probably made using <hr> (I didn't check the source, but this would work).

To get full control over the style of <hr>, use the following code in your CSS:

hr { background:#369 ; border:none ; color:#369 ; height:1px }

Change the colors and height to whatever you'd like (I used a nice blue here - similar to the site you posted). The border part is for Opera, BTW.

Royalty-free means that you pay once, and you're not obligated to pay in the future for using an image. If you're paying royalties, that means you need to periodically renew a license to use the image.

HTH!

Paul H

Saryooo
07-23-2004, 11:55 PM
yes it true it make with <hr>.

lemming22
07-24-2004, 11:53 AM
ty, how do you make vertical bars? or vertical dotted lines?

Zopester
07-24-2004, 01:07 PM
For vertical bars you need to use either an image, or the following:


#mycontent {
border-right:1px solid #000;
}


for a solid bar at the right edge of <div id="mycontent" />. For a dashed effect, subsitute "dashed" instead of "solid", and for dotted, obviously substituye "dotted".