Menu background colour problem.


hi,

 

i have week started using dreamweaver first time, using trial version.

 

i have created initial website www.cornwallmammalgroup.co.uk.

 

in firefox looked fine in internet explorer background colour in menubar appears behind text , not in whole button (so text looks highlighted rather button filled entirely background colour).

 

also, changed colours of links default blue purple , agin works fine in firefox in ie links blue until open link go purple.

 

can't understand why these work in ff not ie?

 

any answers these questions great (also if there otehr problems see website, pleas elet me know!)

 

thanks!

let's start problems first - how html know?  dw require have familiarity both html , css if want use program.

 

now - have problem in template page -

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- instancebegin template="/templates/index.dwt" codeoutsidehtmlislocked="false" -->
<style type="text/css">
ul.menubarvertical
{
    margin: 0 auto ;
    width: 8em;
}
</style>
<!-- instancebegineditable name="head" -->
<!-- instanceendeditable -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- instancebegineditable name="doctitle" -->

 

there should *no* css between <html> tag , <head> tag.  have been moving things around in code view?  block should -

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- instancebegin template="/templates/index.dwt" codeoutsidehtmlislocked="false" -->

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
ul.menubarvertical
{
     margin: 0 auto ;
     width: 8em;
}
</style>
<!-- instancebegineditable name="doctitle" -->

 

and -

 

<!-- instancebegineditable name="head" -->
<!-- instanceendeditable -->

 

should right above -

 

</head>

 

to -

 

<!-- instancebegineditable name="head" -->
<!-- instanceendeditable -->

</head>

 

in internet explorer background colour in menubar appears behind text , not in whole button (so text looks highlighted rather button filled entirely background colour).

 

you can fix adding css rule styles -

 

#menubar1 a { display:block; }

 

 

also, changed colours of links default blue purple , agin works fine in firefox in ie links blue until open link go purple.

 

you may think did this, there no code in page so.  have -

 

<style type="text/css">
<!--
a:link {
     text-decoration: none;
}
a:visited {
     text-decoration: none;
}
a:hover {
     text-decoration: none;
}
a:active {
     text-decoration: none;
     color: #606;
}
-->
</style>

 

if want purple links, need add color rule, e.g.,

 

<style type="text/css">
<!--
a { color: #606; }
a:link {
     text-decoration: none;
}
a:visited {
     text-decoration: none;
}
a:hover {
     text-decoration: none;
}
a:active {
     text-decoration: none;
     color: #606;
}
-->
</style>


that style *all* links (in states) on page #606.  if want other color or effect, various states (visited, hover) need add these existing rules, e.g.,

 

<style type="text/css">
<!--
a { color:#606; }
a:link {
     text-decoration: none;
}
a:visited {
        color:#999;
     text-decoration: none;
}
a:hover {
        color:#333;
     text-decoration: underline;
}
a:active {
     text-decoration: none;
     color: #606;
}
-->
</style>


More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

Flip address is out of range arduino uno r3

Arduino DUE ADC to DAC Piezo 30 Khz-100Khz

Indesign and MathType fonts