Gossamer Forum
Quote Reply
CSS Styles
Hi All,

I don't use the css file that comes with links as i find it very hard to use, im not great with CSS, however i do use basic CSS styles in my pages, such as
Code:
<style type="text/css">

</style>
the problem is this manipulates the whole page, i have some links at the bottom of the page that i want to be smaller and different form the others, who do i tell the page that i want these links to be of this value??


Regards

MDJ1
http://www.isee-multimedia.co.uk
Quote Reply
Re: CSS Styles In reply to
Are these links in the header.txt file by chance? You have to add the CSS link codes in the links in this file.

Regards,

Regards,

AnthroRules
Quote Reply
Re: CSS Styles In reply to
Yes they are eliot,

but i think you are missing the point. I want the whole page to display as i quted above apart from the footer of the page which is small text copyright etc and has a couple of links in it which i wish to display small, so how do i put the code in just for those links.

and not affect the rest



Regards

MDJ1
http://www.isee-multimedia.co.uk
Quote Reply
Re: CSS Styles In reply to
You have to put the CSS codes in the link.html template file. You mean for the "links" that come from the Links table, right?? Then that is what you have to do.

Regards,

Regards,

AnthroRules
Quote Reply
Re: CSS Styles In reply to
Hi eliot,

No this isnt correct,

look at http://just35.co.uk/pages

you will see all the links on the page are blue then white tahoma.

At the bottom of the page there are two links which stick out and disapear into the background, i want these to be different.



Regards

MDJ1
http://www.isee-multimedia.co.uk
Quote Reply
Re: CSS Styles In reply to
Sorry...you gave me the wrong URL...And I am trying to help you...and without specific details...I can do nothing but make a best guess of what you need.

Good luck!

Regards,

Regards,

AnthroRules
Quote Reply
Re: CSS Styles In reply to
Sorry eliot,

http://www.just35.co.uk/pages your help is mauch appreciated. AS ALWAYS



Regards

MDJ1
http://www.isee-multimedia.co.uk
Quote Reply
Re: CSS Styles In reply to
You should really consider using the 'link' command for style sheets and having one style sheet and assigning values to each html tag that you want to change.
This is very easy in Links by the following:-

<link rel="stylesheet" href="<%css%>">
(Just remember to define the location of %css% in your config files).

This way you can change the whole look and feel of your site by just editing one file (rather than editing all the templates).

CSS is not all that difficult to learn, but it is definately worth learning. One of the best Style Sheet writers is TopStyle, however the one in DreamWeaver (if you use that product is excellent). HomeSite comes with a cutdown version of TopStyle which is also sufficient.

When you build footers, headers etc ... if you use a WYSIWYG editor then 'temporarily link directly to the style sheet and add your classes, id's etc then remove it when you've finished editing - remembering to leave the <%css%> link in the file.

I believe the problem you are having is you are 'not' defining a style for your footer.txt. As I said, if you use this method ie. view the footer 'separately' and link to the style sheet temporarily, you will get the look and feel of what you want. The easiest way is using the LINK method.

I don't know if I've totally confused you but I hope I've been of some help.

Regards,

Clint.



--------------------------
http://www.AffiliatesDirectory.com - Affiliate Programs Directory
Quote Reply
Re: CSS Styles In reply to
Thanks Clint,

I am slightly confused, I have seen the and use the editor in dreamweaver although i dont find it very good at all, i find that if you make an active link, visited, hover, etc. they dont revert back to the normal when you visit the site again as it writes each on a seperate line, but by defining it as i have above it works great..

I will have a look at that topstyles. and see how i get on,

i will have an more indepth look at the css file aswell see if i can work it out.



Regards

MDJ1
http://www.isee-multimedia.co.uk
Quote Reply
Re: CSS Styles In reply to
Hi Guys,

I think i worked it out i used the following code
Code:
<style type="text/css">
a:link, a:visited { font: bold x-small Tahoma, Arial; color: #000099; text-decoration: none}
a:hover{ font: bold x-small Tahoma, Arial; color: #FFFFFF; text-decoration: none}
a:active { font: bold x-small Tahoma, Arial; color: #FFFFFF; text-decoration: none }
a.foot:link { font: xx-small Tahoma, Arial; color: #000099; text-decoration: none; }
a.foot:visited { font: xx-small Tahoma, Arial; color: #000099; text-decoration: none; }
a.foot:hover { font: xx-small Tahoma, Arial; color: #FF0000; text-decoration: none; }
</style>
then where i wanted the smaller links i used
Code:
<a class="foot" href=etc etc etc.
and it worked!!!


ps ive just realised that ifyou use the < - - code joined up it wont print the output!!




Regards

MDJ1
http://www.isee-multimedia.co.uk