Announcement

**garyhay** · 26-May-2004, 06:12 PM

Place a copy of your .css file in the Preview HTML folder inside the Site1 folder

**smudgie** · 26-May-2004, 07:15 PM

I have a few sites set up so I'm not using the site1 folder. I pasted everything into the PreviewHTML folder again, but nothing.

If I re-create the table and upload it it works, but as soon as I make an adjustment, it goes to pot again.

**garyhay** · 26-May-2004, 07:17 PM

Is your link to the style sheet relative in the index.html file?

**cdicken** · 27-May-2004, 08:19 AM

If I re-create the table and upload it it works, but as soon as I make an adjustment, it goes to pot again.

You are editing the Act_ html templates aren't you? (rather than the built HTML pages). You need to change the templates rather than the actual built store pages.

With regards to the css files, some people have issues with trying to get two stylesheets working at once. Adding your code into 'actinic.css' is probably the best way to go - but make sure you are editing the one within the site directory (SIte1 or equivalent).

**smudgie** · 27-May-2004, 09:33 PM

I'm getting in a right mess here. I'll try and explain what I'm doing and see if you can spot what the problem is.

Yes I am trying to create two CSS which are over writing each other.

I've created a home page which has been working fine, but then it isn't really based on an Actinic page.

I've been focusing on Act_Primary.html
In Dreamweaver I've been clicking on the actinic.css and going > New Style > setting the font and size > then selecting the nearly named css within actinic and going > new css and adding visit, hover, active etc.

When I apply this it works.

I am then creating a new css in the same way for the smaller font size, but when this is applied it overwrites the other.

I can assume from the last emailer, that I am wrongly editing the Act_html file. What I originally did with my item pages is re-saved the Act_Primary.html as woodengates.html etc when I alter this file it still doesn't effect anything.

SO! Firstly please can you explain how I should be creating the product pages correctly. And if I shouldn't alter the Act_Primary file then how do I make the main index page work the same but able to take the new CSS?

Sorry, I realise I'm being a pain in the arse. I'm working evenings so have limited time to solve problems. Tried and fed up!

Thanks

**garyhay** · 27-May-2004, 09:52 PM

Dont worry we all get like that sometimes. I am sure you will find this community very helpful.

Are you calling the "Style" in each stylesheet the same. i.e. When you choose the style <span> from actinic.css called "mysmallfont" is it called the same (mysmallfont) in your own .css file?

**NASmith** · 27-May-2004, 09:55 PM

OK

Find the .css files you want to control your site. As an example we will call them: Core1.css and Core2.css.

Open up the template that you wish to be controlled by the css file(s) in Dreamweaver. i.e Act_Primary.

in the <head> </head> of the document insert:

<link href="Core1.css" rel="stylesheet" type="text/css">

and

<link href="Core2.css" rel="stylesheet" type="text/css">

then save in dreamweaver and upload in actinic.

Points to remember:

1.1 Both CSS files are saved in your site folder (whatever it is called).

1.2 Core1.css and Core2.css will be added to the list of CSS files in your template manager.

1.3 Your class or div names are correct in your templates and css files, and that you havent duplicated any div or class names for the different attributes.

This is the easiest way in my opinion of linking your css file(s) to your actinic site. From what u have said it sounds like you are linking one to your template then overwriting it with the next one and thus ending up with your current problem.

Ignore this if i am shooting in the wrong direction.

-----------------------------------------------------------------------------------

Also if you mean: "creating two new CSS" you mean, two new class or div then refer to point 1.3 above. Also bear in mind that if you are applying styles to top level section and section links, then they may be using the same ACT template and thus using the same class or div.

Regards

**smudgie** · 28-May-2004, 08:02 AM

Thank you for all your help folks. I will try and get this to work tonight.

**smudgie** · 30-May-2004, 12:30 PM

Would anyone be willing to take a look at my files and see what I'm doing wrong. Not sure if by emailing the Act_Primary template this would be enough?

**pinbrook** · 30-May-2004, 01:06 PM

paste your act_primary in this thread, we can see it there.

Also my feeling is that you would be better trying to use just one css file.

I would take actinic.css and then add your own additions to it.

and paste your css files too

**smudgie** · 30-May-2004, 05:44 PM

Below is my current Act_Primary.html page. I have created two css within the actinic.css links.css and home.css. I have removed it now as it didn't work. But I also opened the sytle sheet actinic.css and then copied the html from the two other .css in there and saved it. but I removed this as as soon as I pasted the 2nd css. then both styles defaulted into one.

Style sheets are below the Act_Primary below. Thank you.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>
NETQUOTEVAR:PAGETITLE NETQUOTEVAR:PAGEHEADER
</TITLE>
<Actinic:BASEHREF VALUE="NETQUOTEVAR:BASEHREF"/>
<META NAME="ACTINICTITLE" CONTENT="NETQUOTEVAR:PAGEHEADER">
<META HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">




<LINK REL=STYLESHEET HREF="actinic.css">
<LINK REL=STYLESHEET HREF="links.css">
<LINK REL=STYLESHEET HREF="home.css">

<SCRIPT LANGUAGE="JavaScript" SRC="actiniccore.js" TYPE="text/javascript"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="actinicextras.js" TYPE="text/javascript"></SCRIPT>


<Actinic:COOKIECHECK/>




<style type="text/css">

</style>
</HEAD>

<BODY TEXT="NETQUOTEVAR:FGCOLOR" link="#000000" vlink="#000000" alink="#000000" marginwidth="5" marginheight="5" OnLoad="NETQUOTEVAR:ONLOAD" NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR NETQUOTEVAR:LINKCOLOR NETQUOTEVAR:VLINKCOLOR NETQUOTEVAR:ALINKCOLOR>
<table width="792" border="0" align="center" cellpadding="5" cellspacing="0" background="palette2bg.gif">
<tr>

<td width="782" bgcolor="#FFFFFF"><table width="99%" cellspacing="0" cellpadding="0">
<tr>
<td background="header.gif"><p> </p>
<p> </p>
<table width="92%" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="links"><img src="spacer.gif" width="1" height="22"></td>
</tr>
<tr>
<td class="links"><a href="Act_Buildings.html" class="links">Garden
Buildings</a> l <a href="Act_Dovecots.html" class="links">Dovecots</a> l <a href="Act_Bridges.html" class="links">Garden
Bridges</a> l <a href="Act_Gates.html" class="roll">Gates</a> l <a href="Act_Arbours.html" class="links">Arbours</a> l <a href="Aga_Nook.html">Aga
Nook</a> l <a href="Benches.html">Benches</a> l <a href="Porches.html">Porches</a> l <a href="Bird_Feeders.html">Bird
Feeders</a> l <a href="Bespoke.html">Bespoke</a></td>
</tr>
<tr>
<td class="links"> </td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
<table width="792" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td width="305" valign="top" bgcolor="#FFFFFF">
<div align="left"><br>
NETQUOTEVAR:FOOTERGUIDE</div> <p align="left"><br>
NETQUOTEVAR:SIMPLESEARCH <br>
<br>
</p>

<div align="left"> </div>
<p align="left">  </p></td>
<td width="467" valign="top"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="CUSTOMVAR:ACTSTDWIDTH" ALIGN="CENTER">
<TR>
<TD VALIGN="MIDDLE" ALIGN="LEFT" > NETQUOTEVAR:FORMBEGIN <A NAME="top">
<INPUT TYPE=HIDDEN NAME=RANDOM2 VALUE="NETQUOTEVAR:RANDOM">
</A> NETQUOTEVAR:HIDDENFIELDS



<Actinic:NOWSERVING/> <Actinic:CURRACCOUNT/><Actinic:LOGOUT_SIMPLE/><br>

<span class="csslink1">NETQUOTEVAR:HEADERTEXT<br>
<br>
</span> NETQUOTEVAR:BULK <br>
<br>
<span class="actxsmall">NETQUOTEVAR:FOOTERTEXT</span>

NETQUOTEVAR:FORMEND<br>
</TD>
</TR>
</TABLE> <div align="center"></div></td>
</tr>
</table>
<br>
<table width="71%" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="spacer.gif" width="1" height="5"></td>
</tr>
<tr>
<td class="home"><font color="#666666" size="1" face="Arial, Helvetica, sans-serif"><a href="Act_Buildings.html" class="home">Garden
Buildings</a></font><font color="#999999" size="1" face="Arial, Helvetica, sans-serif"> l <a href="Act_Dovecots.html">Dovecots</a> l <a href="Act_Bridges.html">Garden
Bridges</a> l <a href="Act_Gates.html">Gates</a> l <a href="Act_Arbours.html">Arbours</a> l <a href="Aga_Nook.html">Aga
Nook</a> l <a href="Benches.html">Benches</a> l <a href="Porches.html">Porches</a> l <a href="Bird_Feeders.html">Bird
Feeders</a> l <a href="Bespoke.html">Bespoke</a> l <a href="Bespoke.html">Site
Map</a></font></td>
</tr>
</table>
<p> </p>
<p> </p>
<p class="smallmenu"> </p>
<p class="smalllinks"> </p>
<p class="roll"> </p>
</BODY>
</HTML>

**smudgie** · 30-May-2004, 05:45 PM

Style Sheets

Actinic.css

/*cope with inheritance bugs*/
body, table, th, td{
color:NETQUOTEVAR:FGCOLORCSS;
font-size:x-small;
font-family:CUSTOMVAR:ACTCSSFONTFAMILY;
}

/*body specific*/
body{
background-color:NETQUOTEVAR:BGCOLORCSS;
background-image:url(NETQUOTEVAR:BGIMAGECSS);
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

form{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

a:link{
color:#000000:LINKCOLORCSS;
font-size:x-small;
text-decoration:none;
}

a:visited{
color:#000000:VLINKCOLORCSS;
font-size:x-small;
text-decoration:none;
}

a:hover{
color:NETQUOTEVAR:HLINKCOLORCSS;
font-size:x-small;
text-decoration:underline;
}

a:active{
color:NETQUOTEVAR:ALINKCOLORCSS;
font-size:x-small;
text-decoration:none;
}

li{
color:NETQUOTEVAR:FGCOLORCSS;
list-style-type:square;
}

ol{
color:NETQUOTEVAR:FGCOLORCSS;
}

ul{
color:NETQUOTEVAR:FGCOLORCSS;
list-style-type:square;
}

H1, H2, H3, H4, H5, H6 {
font-family:CUSTOMVAR:ACTCSSFONTFAMILY;
}

.actCHECKOUTEM {background-color:NETQUOTEVAR:CHECKOUTEMCSS;}
.actCHECKOUTBG {background-color:NETQUOTEVAR:CHECKOUTBGCSS;}

.actlarger{
font-size: larger;
color:NETQUOTEVAR:FGCOLORCSS;
}

.actsmaller{
font-size: smaller;
color:NETQUOTEVAR:FGCOLORCSS;
}

.actxxsmall{font-size:xx-small;color:NETQUOTEVAR:FGCOLORCSS;}
.actxsmall{font-size:x-small;color:NETQUOTEVAR:FGCOLORCSS;}
.actsmall{font-size:small;color:NETQUOTEVAR:FGCOLORCSS;}
.actregular{font-size:medium;color:NETQUOTEVAR:FGCOLORCSS;}
.actlarge{font-size:large;color:NETQUOTEVAR:FGCOLORCSS;}
.actxlarge{font-size:x-large;color:NETQUOTEVAR:FGCOLORCSS;}
.actxxlarge{font-size:xx-large;color:NETQUOTEVAR:FGCOLORCSS;}

.actwarningcolor{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actrequiredcolor{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actsearchhighlightcolor{color:NETQUOTEVAR:SEARCHHIGHLIGHTCOLORCSS;}
.actrequired{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actwarning{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actwelcome{color:NETQUOTEVAR:FGCOLORCSS;}

.actlogotext {font-family:CUSTOMVAR:ACTCSSFONTFAMILY; font-size: x-small; color: #D9090E; font-style: normal; font-weight: bold; text-align: center}
.actlogout{font-size:x-small;color:NETQUOTEVAR:LINKCOLORCSS;}
.actsmalllink {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;

}

Links.css

.links {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;

}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}

home.css

.home {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;

}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: none;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: none;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: none;
}

**pinbrook** · 31-May-2004, 12:21 AM

I would delete the links definition currently in actinic.css

ie this
_______________________________

a:link{
color:#000000:LINKCOLORCSS;
font-size:x-small;
text-decoration:none;
}

a:visited{
color:#000000:VLINKCOLORCSS;
font-size:x-small;
text-decoration:none;
}

a:hover{
color:NETQUOTEVAR:HLINKCOLORCSS;
font-size:x-small;
text-decoration:underline;
}

a:active{
color:NETQUOTEVAR:ALINKCOLORCSS;
font-size:x-small;
text-decoration:none;
}

and replace it with the definition in either other style sheet or use this

________________________________________

a:active {
font-family: Arial, Helvetica, sans-serif;
font-size:x-small;
color: #000000;
text-decoration: none;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:x-small;
color: #000000;
text-decoration: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:x-small;
color: #000000;
text-decoration: none;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size:x-small;
color: #000000;
text-decoration: none;
}

Then remove links.css and home.css

I think your links are being ignored in your current actinic.css file becasue you have then defined as both colour and netquotevar ie color:#000000:LINKCOLORCSS;

your links and home.css are repititions and will simply confuse things now or at a later date.

My suggested replacement text is copied from links.css I've just change the size to xsmall rather than a fixed size of 12px or 9 px. Relative font sizes are better because it allows people to resize fonts if they wish. ie partially sighted bods

Announcement

CSS Not Showing Changes

CSS Not Showing Changes

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment