Forums
This topic is locked
Want to add Dotted lines in my pages....like this
Posted 19 Jan 2005 20:25:25
1
has voted
19 Jan 2005 20:25:25 Mashkur Alam posted:
HiI am wondering if anyone knows how to do this kind line, I was trying long time with the photoshop but couldn't make adjactly the same....please if any friends know how to make this...let me know......or where I can find a tutorial on it...here is the example...Dotted line next to menu
www.businesslink.gov.uk/bdotg/action/layer?r.l2=1073859137&r.l1=1073858805&r.s=m&topicId=1073858790
Many thanks
Babu
Replies
Replied 19 Jan 2005 21:12:34
19 Jan 2005 21:12:34 Chris Charlton replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>I am wondering if anyone knows how to do this kind line, I was trying long time with the photoshop but couldn't make adjactly the same....please if any friends know how to make this...let me know......or where I can find a tutorial on it...here is the example...Dotted line next to menu...<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
<b>CSS</b> is your answer. This is a <i>border</i> property with a value of <i>dotted</i>.
To learn more about CSS check out:
<ul>
<li><b>CSS Design with DreamweaverMX: Borders, Backgrounds, Blocks and Boxes</b> - www.dmxzone.com/go?5238</li>
<li><b>CSS Design with Dreamweaver MX: Type, Lists, Positioning and CSS Extensions</b> - www.dmxzone.com/go?5299</li>
<li><b>Transforming a table based layout into valid XHTML/CSS</b> - www.dmxzone.com/go?6942</li>
<li><b>W3schools</b> - www.w3schools.com/css/</li>
<li><b>Rough Guide to CSS Hacks</b> - www.dmxzone.com/go?6289</li>
<li><b>CSS and Old Browsers</b> - www.dmxzone.com/go?5246</li>
</ul>
Also, here's a long list (not all) of CSS articles here on DMXzone: www.dmxzone.com/showDetail.asp?TypeId=28&NewsId=6923
<b>CSS</b> is your answer. This is a <i>border</i> property with a value of <i>dotted</i>.
To learn more about CSS check out:
<ul>
<li><b>CSS Design with DreamweaverMX: Borders, Backgrounds, Blocks and Boxes</b> - www.dmxzone.com/go?5238</li>
<li><b>CSS Design with Dreamweaver MX: Type, Lists, Positioning and CSS Extensions</b> - www.dmxzone.com/go?5299</li>
<li><b>Transforming a table based layout into valid XHTML/CSS</b> - www.dmxzone.com/go?6942</li>
<li><b>W3schools</b> - www.w3schools.com/css/</li>
<li><b>Rough Guide to CSS Hacks</b> - www.dmxzone.com/go?6289</li>
<li><b>CSS and Old Browsers</b> - www.dmxzone.com/go?5246</li>
</ul>
Also, here's a long list (not all) of CSS articles here on DMXzone: www.dmxzone.com/showDetail.asp?TypeId=28&NewsId=6923
Replied 20 Sep 2007 14:27:23
20 Sep 2007 14:27:23 nigel morris replied:
Asuming that you what to do it in fireworks its very easy
1. Create a rectangle
2. Resize it to for example 200 Height by 1Width
3. Make the colour black
3. Add the texture Line-Horiz 3 and change the percentage to 100% (or line-Vert 3 for horizontal line)
4. Add a filter > Adjust Color > Color Fill to the colour you wish your dotted line to be
5. Change the blend mode to screen
Voila
1. Create a rectangle
2. Resize it to for example 200 Height by 1Width
3. Make the colour black
3. Add the texture Line-Horiz 3 and change the percentage to 100% (or line-Vert 3 for horizontal line)
4. Add a filter > Adjust Color > Color Fill to the colour you wish your dotted line to be
5. Change the blend mode to screen
Voila