Innovation through Creation - Flash | PHP | HTML | XML | CSS | SQL - By Eliott Robson

Posts in category Css

Avoiding the ‘jump-to-top’ # link to trigger javascript issue

May09
2011 Leave a Comment Written by Eliott

Trigger the code and jump to the top

Is what happens. If someone links to # then they probably built a JavaScript or otherwise handler into the link click.

Now your thinking, I KNOW! You need a floating Div at the top with the anchor on it, so when they goto the anchor, the page doesn’t move?

But it’s simpler than that, all you need it a bit of CSS.

1
2
3

#javascriptLink a{
cursor:pointer;
}

and that bit of HTML

1
2
3

<div id="javascriptLink">
	<a onclick="JSFunctionHere">
</div>

and the javascript

1
2
3

function JSFunctionHere(){
 
}

See?

Posted in HTML, Javascript, Tutorials - Tagged ,

CSS link colours

Feb08
2011 Leave a Comment Written by Eliott

Link colours

The answer to different coloured links is simple…

You should all know that there are “global” styles such as body, * or h1. Now the a tag also has one and so the syntax is simple:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<style type="text/css">
/* The link itself */
a:link {
	color: #000000;
	text-decoration: underline;
}
/* The link when it's active (it becomes active after you click on it and remains active until you deselect it) */
a:active {
	color: #0000ff;
	text-decoration: underline;
}
/* The link after you've clicked it once */
a:visited {
	color: #00ff00;
	text-decoration: underline;
}
/* The link while you hover over it with your mouse */
a:hover {
	color: #ff0000;
	text-decoration: none;
}
</style>
Posted in Flash, Tutorials - Tagged ,

Behind the language – CSS

Apr05
2010 Leave a Comment Written by Eliott
This entry is part 6 of 10 in the series Behind The Language

CSS, Cascading style sheets, or most widely used i HTML and are blocks of code helping to layout the web page. Some javascript functions can use css to create an effect or just as a static display. CSS is designed primarily to enable the separation of document elements and to style the page with; colours, fonts and borders.

Why use a table, when you can use CSS? Don’t you want control?

Posted in Ramblings, Review - Tagged
1

Donate

Support the blog and help it survive.

Categories

Facebook