View Full Version : hyperlink positioning

Feb 27th, 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;}

Feb 27th, 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!

Feb 27th, 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

Feb 27th, 2009, 11:22 AM
You have

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

To override this, try

.link-blue:hover {/*default.css (line 212)*/