4 replies to this topic

[MiLiNDOnline]

Hi Everybody,

The navigation bar on this layout seems different in IE and FF.

In IE it shows some 1 or 2 pixels gap between the banner and the navigaion while in FF the gap is bigger.

This is the layouyt http://www.milindonline.com/new2/1.htm

Thnx. in advance for any help.

[Av-]

remove the br tag and set the vertical align of the table to the bottom
like this

old

<td width="80%" valign="baseline" bgcolor="#FFFFFF"> 
            <div align="center"><br>
              <strong></strong> <a href="#"><img src="imag.....etc

new

<td width="80%" valign="bottom" bgcolor="#FFFFFF"> 
            <div align="center"><a href="#"><img src="images/b1...etcf"

Edited by Avalanche, 15 August 2005 - 09:36 AM.

[MiLiNDOnline]

Hi Avalanche,

That works just perfectly. One more query i have here is i have given simple text links in other layout

i.e. http://www.milindonline.com/new2/4.htm

but its just a simple CSS Rollover . If i want to show a background color or image while rollover is it possible with CSS? This is what the CSS Code i have used.

<STYLE type="text/css">
BODY {
scrollbar-face-color:  #C2CFC7;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #669966;
scrollbar-darkshadow-color: #33CCFF;
scrollbar-shadow-color: #33CC00;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #66CCFF;
}
} A:visited { text-decoration: underline; color:#0033CC } 

A:hover { text-decoration: underline; color:#FF6600 } 

</STYLE>

Thnx. in advance for any help.

[Av-]

im not a css expert, im sure somebody else here can help you out

[coolaid]

ok, heres the code you gave me

<STYLE type="text/css">
BODY {
scrollbar-face-color: #C2CFC7;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #669966;
scrollbar-darkshadow-color: #33CCFF;
scrollbar-shadow-color: #33CC00;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #66CCFF;
}
} A:visited { text-decoration: underline; color:#0033CC }

A:hover { text-decoration: underline; color:#FF6600 }

</STYLE>

i wanna start by saying all that scrollbar junk isnt correct css and it doesnt really make the webpage all that much more amazing, just extra code that firefox has to render and wont use.

and about the links, first, when you use custom link, you should use

a:link,a:active,a:visited{
text-decoration: underline;
color:#0033CC;
}


and add the hover state in a seperate area

a:hover{
text-decoration: underline;
color:#FF6600
}

and to add the background color, use this property/value
background-color:blue;
and there you have it.