i'm currently working on my bands website and it is very much work in progress at the minute. i'm taking it bit by bit and am learning the html and bits of css right now, mostle from the w3schools website. the news page of the test site (don't worry, this is just for practice purposes, i shall be buying a .com domain and a proper host soon) can be viewed at <!-- m --><a class="postlink" href="http://metestsite.20megsfree.com/main.html">http://metestsite.20megsfree.com/main.html</a><!-- m --><br />
<br />
3 questions which i'm sure are very simple to answer but i've tried lots of stuff and can't figure out how to do these.<br />
Firstly, with the link at the bottom of the page that says "top of page", how come when i change the font size nothing happens? its currently on 50 which of course is way too big but it has no effect. is this something to do with my css?<br />
<br />
secondly, how do get the "top of page" link to align with the right hand edge of the last news text entry instead of with the edge of the page itself?<br />
<br />
and lastly, when you click on that link it jumps to the top of page as i intended but not quite to the top, only in line with the first news heading. i know this has something to do with the css but i can't figure out what. i've tried changing a load of the attributes around but nothing works. <br />
<br />
can somebody enlihten me? i'd appreciate any help at all. sorry if this should have been posted in the css forum.<!--content-->First define your links in css like this<br />
<br />
a:link {font:0.8em verdana,sans-serif,color:#000;}<br />
<br />
and then so on for visited,hover,active; the psuedo classes are below.<br />
<br />
Just change the 0.8 em to whatever you need size wise.<br />
<br />
a:visited<br />
a:hover<br />
a:active<br />
<br />
Remember to take out any link styles defined in the html already.<br />
<br />
----------------------------------------------------------------<br />
EDIT: Sticking a <br/> or <br> tag in before you define that table for the top of the page link should do the trick.<!--content-->i tried all of that and it didn't change anything. i'm not sure if i did it wrong. which bit changes what?<br />
i put the <br> tag in before the table and nothing changed either apart from it making a larger white space between the first news heading and the top of the page...<br />
can you be a bit more precise sharkey?<br />
cheers. <br />
anyone else have any ideas of what i should do.
<!--content-->Not this:<br />
<table align=right><br />
<font size=50><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#top"><br />
TOP OF PAGE.<br />
</a><br />
</font><br />
</table><br />
<p><br />
<br><br />
<table align=right><br />
<font size=2><br />
This site is copyright ... 2004<br />
<sup><br />
©<br />
</sup><br />
</font><br />
</table><br />
<br />
but this:<br />
<br />
<div style="float:right;"><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">TOP OF PAGE.</a><br />
<p>This site is copyright ... 2004<sup>©</sup></p><br />
</div><br />
<br />
Do not use tables for layout. Look at css on the w3schools website.<!--content-->Well now that fang gave you the proper and precise way to do the latter of your problems i dont think i can be anymore precise about your links as there is only one way to set your links in a html document and that is with css.<!--content-->thanks both of you. much obliged
<!--content-->No problem<!--content-->
<br />
3 questions which i'm sure are very simple to answer but i've tried lots of stuff and can't figure out how to do these.<br />
Firstly, with the link at the bottom of the page that says "top of page", how come when i change the font size nothing happens? its currently on 50 which of course is way too big but it has no effect. is this something to do with my css?<br />
<br />
secondly, how do get the "top of page" link to align with the right hand edge of the last news text entry instead of with the edge of the page itself?<br />
<br />
and lastly, when you click on that link it jumps to the top of page as i intended but not quite to the top, only in line with the first news heading. i know this has something to do with the css but i can't figure out what. i've tried changing a load of the attributes around but nothing works. <br />
<br />
can somebody enlihten me? i'd appreciate any help at all. sorry if this should have been posted in the css forum.<!--content-->First define your links in css like this<br />
<br />
a:link {font:0.8em verdana,sans-serif,color:#000;}<br />
<br />
and then so on for visited,hover,active; the psuedo classes are below.<br />
<br />
Just change the 0.8 em to whatever you need size wise.<br />
<br />
a:visited<br />
a:hover<br />
a:active<br />
<br />
Remember to take out any link styles defined in the html already.<br />
<br />
----------------------------------------------------------------<br />
EDIT: Sticking a <br/> or <br> tag in before you define that table for the top of the page link should do the trick.<!--content-->i tried all of that and it didn't change anything. i'm not sure if i did it wrong. which bit changes what?<br />
i put the <br> tag in before the table and nothing changed either apart from it making a larger white space between the first news heading and the top of the page...<br />
can you be a bit more precise sharkey?<br />
cheers. <br />
anyone else have any ideas of what i should do.
<!--content-->Not this:<br /><table align=right><br />
<font size=50><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#top"><br />
TOP OF PAGE.<br />
</a><br />
</font><br />
</table><br />
<p><br />
<br><br />
<table align=right><br />
<font size=2><br />
This site is copyright ... 2004<br />
<sup><br />
©<br />
</sup><br />
</font><br />
</table><br />
<br />
but this:<br />
<br />
<div style="float:right;"><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">TOP OF PAGE.</a><br />
<p>This site is copyright ... 2004<sup>©</sup></p><br />
</div><br />
<br />
Do not use tables for layout. Look at css on the w3schools website.<!--content-->Well now that fang gave you the proper and precise way to do the latter of your problems i dont think i can be anymore precise about your links as there is only one way to set your links in a html document and that is with css.<!--content-->thanks both of you. much obliged
<!--content-->No problem<!--content-->