...

View Full Version : hyperlink positioning



Partizan
02-27-2009, 10:56 AM
Does anyone know how I can define a class so that the following hyperlink "Next" is not on a separate line but is immediately after the last word "1990s."


The Red half of the capital, are the second most supported team in the nation but are the most popular when taking into account neutrals. The Crips are the third most successful league side having landed 2 titles in the late 1990s. <a href="#" onclick="changeIMG('forward');" class="link-blue p-space-removed">Next</a>




.p-space-removed {margin:0 0 0 0;} /* above left below right */
.link-blue { font-family: "calibri"; font-size: 100% ; color: blue ; }
.link-blue:link {text-decoration: none}
.link-blue:visited {text-decoration: none; color: blue;}
.link-blue:active {text-decoration: none}
.link-blue:hover {text-decoration: underline; color: blue;}

abduraooft
02-27-2009, 11:16 AM
Anchors are inline by default, and they must stick in the same line when used with another inline element or some text. There is nothing present in your above posted CSS to change that behaviour. So, post your entire CSS+HTML or a link would be better!

Partizan
02-27-2009, 11:19 AM
Ok, this is the page I am experimenting on http://www.minifigtimes.com/football2.shtml

the CSS is http://www.minifigtimes.com/default.css

abduraooft
02-27-2009, 11:22 AM
You have

.right a, .left a {/*default.css (line 250)*/
display:block;
}, which makes that anchor, a block type element.

To override this, try

.link-blue:hover {/*default.css (line 212)*/
color:blue;
text-decoration:underline;
display:inline;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum