3 replies [Last post]
crazytopu
Offline
Regular
Last seen: 15 years 46 weeks ago
Joined: 2004-09-20
Posts: 26
Points: 0

Hi,

ran into some problem ...thought this site could do me some help.

The problem is, links in the footer [about ibcs,terms of use etc.] work as defined by the CSS file (ibcs.css) but the top links [sitemap,home,faq] dont. The top links are just not responding to changes made in the css file.

Would somebody please copy the code and see if it works right on ur pc? Dont forget to copy the ibcs.css file which i included at the bottom of the page.

here I include the whole page's code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html><!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<title>Home :: IBCS-PRIMAX Software (BD) LTD.</title>
<link rel="stylesheet" type="text/css" href="ibcs.css">
<link rel="stylesheet" type="text/css" href="menu.css">
</head>

<body>
<table cellspacing="0" width="780" border="0">
<tr height="30" bgcolor="#666666">
<td> </td>
</tr>
<tr height="30" bgcolor="#CC0000">
<td align="right">
<form method="POST" action="htt://localhost/search.php" style="margin-bottom:0px;">
<img border="0" src="images/search.gif" width="47" height="15">
<input type="text" name="T1" size="20">
<input type="image" value="Submit" src="images/go.gif" width="17" height="17">
</form>
</td>
</tr>


<tr>
<td>
<p align="right">
<a href="home.htm">
<img border="0" src="images/ibcs-logo1.jpg" align="left" width="194" height="50"><img border="0" src="images/home.jpg" width="50" height="50"></a><a href="contactus.htm"><img border="0" src="images/contactus.jpg" width="50" height="50"></a></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="14">
<tr height="2" bgcolor="#CC0000">
<td colspan="2" height="1"></td>
</tr>
<tr>
<td width="85%" height="14"><div align="right">
<img border="0" src="images/curve.jpg" width="42" height="16"></div></td><td width="15%" bgcolor="#cc0000" height="14">
<p align="center"><a href="sitemap.htm">SiteMap</a><font color="#FFFFFF">|</font><a href="faq.htm">Faq</a><font color="#FFFFFF">|</font><a href="home.htm">Home</a></td></tr></table>
</td>
</tr>
<tr>
<td><a href="messagefromceo.htm">
</a></td>
</tr>
<tr>
<td>
<!-- InstanceBeginEditable name="EditRegion1" -->
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="24%">&nbsp;</td>
<td width="19%">&nbsp;</td>
<td width="19%">&nbsp;</td>
<td width="19%">&nbsp;</td>
<td width="19%">&nbsp;</td>
</tr>
<tr>
<td width="24%">&nbsp;</td>
<td width="19%">&nbsp;</td>
<td width="19%">&nbsp;</td>
<td width="19%">&nbsp;</td>
<td width="19%">&nbsp;</td>
</tr>
<tr>
<td width="24%">&nbsp;</td>
<td width="19%" align="center">Consultancy</td>
<td width="19%" align="center">Web</td>
<td width="19%" align="center">Database</td>
<td width="19%" align="center">Training</td>
</tr>
<tr>
<td width="24%">&nbsp;</td>
<td width="19%" align="center">&nbsp;</td>
<td width="19%" align="center">&nbsp;</td>
<td width="19%" align="center">&nbsp;</td>
<td width="19%" align="center">&nbsp;</td>
</tr>
<tr>
<td width="24%">&nbsp;</td>
<td width="19%" align="center">
<img border="0" src="images/commitment.jpg" width="100" height="100"></td>
<td width="19%" align="center"><img src="images/expertise.jpg" width="100" height="100"></td>
<td width="19%" align="center">
<img border="0" src="images/devotion.jpg" width="100" height="100"></td>
<td width="19%" align="center">
<img border="0" src="images/goodwill.jpg" width="100" height="100"></td>
</tr>
<tr>
<td width="24%">&nbsp;</td>
<td width="19%">&nbsp;</td>
<td width="19%">&nbsp;</td>
<td width="19%">&nbsp;</td>
<td width="19%">&nbsp;</td>
</tr>
<tr>
<td width="24%">&nbsp;</td>
<td width="19%">

<p> <font class="x_small" face="Tahoma"><strong>
<font color="red">IBCS-PRIMAX</font></strong></font>
provides both corporate and
academic based teaching programs. Ranging from fundamental programming
techniques to more advanced topics such as project-risk management and
business system design. Our teaching faculty combines academic
excellence with professional experience; enabling participants to gain
sound theoretical as well as practical knowledge. In addition we are
affiliated with many top academic bodies from NCC (UK) to established
universities in Bangladesh, UK, and U.S.A</span></td>
<td width="19%"><font class="x_small" face="Tahoma"><strong>
<font color="red">IBCS-PRIMAX</font></strong></font>
provides both corporate and
academic based teaching programs. Raning from fundamental programming
techniques to more advanced topics such as project-risk management and
business system design. Our teaching faculty combines academic
excellence with professional experience; enabling participants to gain
sound theoretical as well as practical knowledge. In addition we are
affiliated with many top academic bodies from NCC (UK) to established
universities in Bangladesh, UK, and U.S.A</span></td>
<td width="19%"><font class="x_small" face="Tahoma"><strong>
<font color="red">IBCS-PRIMAX</font></strong></font>
provides both corporate and
academic based teaching programs. Raning from fundamental programming
techniques to more advanced topics such as project-risk management and
business system design. Our teaching faculty combines academic
excellence with professional experience; enabling participants to gain
sound theoretical as well as practical knowledge. In addition we are
affiliated with many top academic bodies from NCC (UK) to established
universities in Bangladesh, UK, and U.S.A</span></td>
<td width="19%"><font class="x_small" face="Tahoma"><strong>
<font color="red">IBCS-PRIMAX</font></strong></font>
provides both corporate and
academic based teaching programs. Raning from fundamental programming
techniques to more advanced topics such as project-risk management and
business system design. Our teaching faculty combines academic
excellence with professional experience; enabling participants to gain
sound theoretical as well as practical knowledge. In addition we are
affiliated with many top academic bodies from NCC (UK) to established
universities in Bangladesh, UK, and U.S.A</span></td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
<tr>
<td> <div align="center"><a href="aboutus.htm">About IBCS</a> | <a href="termsofuse.htm">Terms of use</a> | <a href="Contactus.htm">
Contact Us</a></font> </div></td>
</tr>
<tr>
<td><hr align="center" color="#CC0000" width="50%"></td>
</tr>
<tr>
<td><div align="center">&copy; Copyright 1989-2004 ibcs-primax.com. All Rights Reserved. <br>
If you have any query then please contact to <a href="mailto:[email protected]">webmaster </a></div></td>
</tr>
</table>

</body>
<!-- InstanceEnd --></html>

and here is my ibcs.css file:

BODY {
MARGIN: 0px; FONT-FAMILY: small lucida, verdana, "Lucida Grande", helvetica, arial, sans-serif; BACKGROUND-COLOR: #ffffff
}
P {
MARGIN: 0px; FONT-SIZE: 11px; FONT-FAMILY: small lucida, verdana, "Lucida Grande", helvetica, arial, sans-serif
}

a:link {
COLOR: #cc0000; TEXT-DECORATION: none
}
A:visited {
COLOR: #cc3739; TEXT-DECORATION: none
}
A:hover {
COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:active {
COLOR: #ff0000; TEXT-DECORATION: none
}
TD, TH {
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
UL, OL, LI {
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H1 {
FONT-SIZE: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H2 {
FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H3 {
FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H4, H5, H6 {
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

Thanks

rmcivo1
Offline
Enthusiast
Shropshire | Shrewsbury
Last seen: 9 years 21 weeks ago
Shropshire | Shrewsbury
Joined: 2003-12-05
Posts: 115
Points: 0

CSS help

It looks like to me you want to define two sets of links? ie: have to different sets of links with different colours

I added this in your css:

a.top:link, a.top:visited {
  color: #fff
}

I also added a class on the links which was defined by the class .top

 <a class="top" href="sitemap.htm">SiteMap</a><font color="#FFFFFF">|</font>
 <a class="top" href="faq.htm">Faq</a><font color="#FFFFFF">|</font>
 <a class="top" href="home.htm">Home</a>

I have modified your code and created a demo. Demo of it

Please tell me when you have looked at it then I can take it offline..
I hope this helps
Rees

The Cyber World

crazytopu
Offline
Regular
Last seen: 15 years 46 weeks ago
Joined: 2004-09-20
Posts: 26
Points: 0

CSS help

Hi rmcivo1, thanx.

I hav had a lookinto the demo. neat work. But I tried dat myself before and got it worked right. Thanks anyway.

You can take it off from online now.

rmcivo1
Offline
Enthusiast
Shropshire | Shrewsbury
Last seen: 9 years 21 weeks ago
Shropshire | Shrewsbury
Joined: 2003-12-05
Posts: 115
Points: 0

CSS help

cool cool!

The Cyber World