Forum Moderators: open
#navmenu {
border-left: 1px solid #f00;
}
where #navmenu is the id of the div that encloses your menu.
you can create one with images
Right. Just use a 1x1 image(spacer.gif) of any color, and modify the following dimensions.
<img src="images/spacer.gif" width="1" height="1000" border="0">
I usually create at least one solid color gif for every site, handy whenever I need a little ornamentation or visual break. I use it instead of HR as well, because I don't trust browsers to get a styled HR tag right.
Also nice for a tiled solid color background that will exactly match a foreground gif no matter what the color depth of the monitor is.
smokeyb -- nice approach to the dotted line. Using css gives different results cross-browser but you've got the fix.
Is there any html code to create a vertical line?
*edit* sort-of ;)
Cut and paste this code and give it a try,
<html>
<head>
<style type="text/css">
p.thin_blue_line { font-size: 10px; line-height: 8px; color: #0000FF; }
p.thin_red_line { font-size: 20px; line-height: 15px; margin: 0px; color: #FF0000; }
p.thick_black_line { font-size: 50px; line-height: 40px; margin: 0px; color: #000000; }
</style>
</head>
<body>
<p class="thin_blue_line">|<br />|<br />|<br />|<br /></p>
<br />
<p class="thin_red_line">|</p>
<p class="thin_red_line">|</p>
<p class="thin_red_line">|</p>
<p class="thin_red_line">|</p>
<p class="thin_red_line">|</p>
<p class="thin_red_line">|</p>
<br /><br />
<p class="thick_black_line">|<br />|</p>
</body>
</html>
I checked it in Moz 1.6, IE6, and Opera 7.23. It worked for me, let me know if anyone has any problems. I personally would still just use a border, hehe.
BTW, I just thought this up well seeing if I could come up with a solution to this problem. I don't know if anyone else has ever tried this method but if they haven't can we call it the twisted method, lol :)
[edited by: twist at 4:16 am (utc) on Jan. 27, 2004]
Pretty slick. I like it.
Absolutely
Sorry, that's not HTML. That's the CSS method.
Would this this qualify as html?
<p style="font-size:50px;line-height:40px;">|<br />|</p>
