User Name Password Register
DaniWeb IT Discussion Community
Home
Forums
Tutorials
Code Snippets
Blogs
Link Directory
All
•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 401,608 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,717 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Join our community!
Please support our HTML and CSS advertiser: Lunarpages Web Hosting

Span class with different link properties

•
•
Join Date: Apr 2008
Posts: 21
Reputation: Borderline is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 1
Borderline Borderline is offline Offline
Newbie Poster

Span class with different link properties

  #1  
May 10th, 2008
I have attempting a small navigation system to show each page in my photo albums. I am attempting block links (coloured backgrounds, which change when the mouse hovers over them).

The page I'm working on is: http://www.equinefocus.co.uk/personal/gallery2.php

I achieved the look I wanted with the 1-4 links at the top of the page, but unfortunately, the thumbnails were affected too. I have attempted adding a span class so that the only links affected were the 1-4 ones, but it hasn't worked.

My HTML code:

Help with Code Tags 
<span class="links">
<a href="/photos/other/2008-04-27/page01.php">1</a>
<a href="/photos/other/2008-04-27/page02.php">2</a>
<a href="/photos/other/2008-04-27/page03.php">3</a>
<a href="/photos/other/2008-04-27/page04.php">4</a>
</span>

My CSS Code:
Help with Code Tags 
span.links {
	a:link {
	color: #000000;
	background-color:#99ccfb;
	border: 1px solid #000000;
	padding: 5;
	text-decoration:none;}

	a:visited {
	color:#000000;
	background-color:#c0c0c0;
	border: 1px solid #000000;
	padding: 5;
	text-decoration:none;}

	a:hover {
	color:#FFFFFF;
	background-color:#b90dbe;
	border: 1px solid #000000;
	padding: 5;
	text-decoration:none;}
	}

Any thoughts on where I'm going wrong?
AddThis Social Bookmark Button
Reply With Quote  
Advertising Opportunities on DaniWeb
Contact Us - Newsletter Archive - Sitemap - Privacy Statement
All times are GMT -4. The time now is 5:10 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC