SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Linkup

  1. #1
    Non-Member
    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?

  2. #2
    doing my best to help c2uk's Avatar
    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;
    }
    Haven't tested the code, it might need some more tweaking.
    Dan G
    Marketing Strategist & Consultant

  3. #3
    Non-Member
    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?

  4. #4
    doing my best to help c2uk's Avatar
    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">
    You might want to learn more about CSS in Sitepoints own subforum dedicated to CSS as well as going through the css tutorials on http://www.w3schools.com/ - it's easy and helps you immensely to get a better understanding, especially because I didn't check the code and I'm sure you need to improve on it.
    Dan G
    Marketing Strategist & Consultant


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •