SitePoint Sponsor |
|
User Tag List
Results 1 to 4 of 4
Thread: Linkup
-
Jul 25, 2006, 03:54 #1
- Join Date
- Mar 2005
- Posts
- 832
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Linkup
Does anyone kno how to get my links like in the picture where http://www.ninechat.com/images/temp.jpg where it links up to all the links?
-
Jul 25, 2006, 04:43 #2
- Join Date
- May 2005
- Location
- Cardiff
- Posts
- 1,832
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
CSS is the way to go, and I would recommend to use an unordered list to present you links, similar to this (first html and then separate css):
HTML Code:<div id="membernav"> <h2>Members Only</h2> <ul> <li><strong><a href="#">Forums</a></strong></li> <li>...</li> <li id="lastitem"><strong><a href="#" class="new">Top Sites</a></strong></li> </ul> </div>
Code:div#membernav { background-color: #000000; } div#membernav h2 { color: #FFFFFF; font-size: 0.8em; padding: 0 0 0 15px; background: #000000 url(user.gif) no-repeat left center; } div#membernav ul { margin: 0; padding: 0; list-style: none; } div#membernav li { padding: 0 0 0 15px; background: #000000 url(linkitems.gif) no-repeat left center; } div#membernav li#lastitem { padding: 0 0 0 15px; background: #000000 url(lastlinkitem.gif) no-repeat left center; } div#membernav a.new { padding: 0 15px 0 0; background: #000000 url(new.gif) no-repeat right center; }
Dan G
Marketing Strategist & Consultant
-
Jul 25, 2006, 05:36 #3
- Join Date
- Mar 2005
- Posts
- 832
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
can you please tell me where to put this code on the site?
-
Jul 25, 2006, 05:43 #4
- Join Date
- May 2005
- Location
- Cardiff
- Posts
- 1,832
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
I assume you know where to put the html code? The css gets its own separate file, e.g. styles.css - you then have to link to it from within your document, put this somewhere between <head> and </head>:
HTML Code:<link href="layout/screen.css" rel="stylesheet" type="text/css">
Dan G
Marketing Strategist & Consultant
Bookmarks