a:hover funkar inte i IE 7.0

HTML & CSS

5 svar · 703 visningar · startad av Fredde Mannen 25 juli 2007

Fredde MannenMedlem sedan nov. 20014 054 inlägg

Frågan25 juli 2007 07:32#1

I menyn på https://www.grjj.se dvs. efter att valt ort!

Så fungerar inte mouseover effekten i IE 7.0, funkar i FF och Safari utan problem..

Hittar liksom inte felet, validatorn klagar bara på mina ä ö och så vidare... CSS går igenom utan problem.

så ser den annars ut


img { 
border : 0 none;
} 
p { 
padding-top : 4px;
padding-bottom : 4px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
} 

#DivMenu a { 
color : #fff;
text-decoration : none;
margin-top : 3px;
margin-left : 3px;
margin-right : 3px;
padding-left : 2px;
padding-right : 2px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
display : block;
float : left;
height : 18px;
border-right : 1px solid #000000;
border-left : 1px solid #000000;
border-top : 1px solid #000000;
} 
#DivMenu a:hover { 
display : block;
color : #000;
background-color : #fff;
text-decoration : none;
border-right : 1px solid #000000;
border-left : 1px solid #000000;
border-top : 1px solid #000000;
} 
#DivMenu .selected { 
color : #000;
background-color : #ffffff;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
border-top : 1px solid #000000;
text-decoration : none;
} 
#submit a { 
font-size : 12px;
} 
.LeftTd a:link { 
font-size : 11px;
color : #ffffff;
} 
.LeftTd a:visited { 
font-size : 11px;
color : #ffffff;
} 
.LeftTd a:hover { 
font-size : 11px;
color : #ff1a1a;
text-decoration : underline;
} 
.RightTd a { 
font-size : 12px;
} 
#fnamn .Subject2 { 
color : #ffffff;
} 
#enamn .Subject2 { 
color : #ffffff;
} 
#passwd .Subject2 { 
color : #ffffff;
} 
.datum { 
display : block;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #660000;
} 
.buttons { 
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ffffff;
border : 1px solid #545454;
background-color : #333333;
font-weight : bold;
} 
.Subject2 { 
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
letter-spacing : 2px;
font-weight : bold;
} 
.inputtext { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
border : 1px solid #545454;
background-color : #333333;
padding-left : 3px;
} 
.inputtext2 { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
border : 1px solid #545454;
background-color : #ffffff;
padding-left : 3px;
} 
.text { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
} 
.infotext { 
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #bc4a4a;
font-weight : bold;
} 
.citat { 
background-color : #ffffff;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-top : 5px;
margin-bottom : 5px;
width : 450px;
border : 1px solid #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #efefef;
padding-left : 2px;
} 
.citerat { 
display : block;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-top : 5px;
margin-bottom : -4px;
width : 450px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #efefef;
font-weight : bold;
} 
h1 { 
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
} 
h2 { 
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
letter-spacing : 2px;
font-weight : bold;
} 
#DivContainer { 
text-align : left;
min-height : 100%;
height : 100%;
margin : 0 auto;
width : 781px;
border-left : 1px solid #fffcf9;
border-right : 1px solid #fffcf9;
background-color : #fcc40b;
color : #ffffff;
} 
#DivLogo { 
background-image : url(/site/_img/nya_loggan.gif);
background-repeat : no-repeat;
width : 781px;
height : 100px;
} 
#DivMenu { 
height : 22px;
width : 781px;
border-top : 1px solid #fffcf9;
border-bottom : 1px solid #fffcf9;
background-color : #000000;
} 
#smenu .ActivePage { 
margin-left : 2px;
margin-right : 2px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-decoration : underline;
font-weight : normal;
} 
#smenu { 
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
width : 100%;
height : 15px;
color : #000000;
background-color : #ffffff;
border-bottom : 1px solid #000000;
} 
#smenu a { 
margin-left : 2px;
margin-right : 2px;
font-size : 11px;
} 
#DivFooter { 
margin-left : auto;
margin-right : auto;
height : 20px;
width : 781px;
border : 1px solid #545454;
} 
#DivAdds { 
text-align : center;
position : relative;
} 
#DivLinkMenu { 
width : 100%;
background-color : #000000;
margin-top : -5px;
padding-right : 6px;
padding-left : 6px;
padding-bottom : 8px;
border-bottom : 1px solid #545454;
} 
#DivLinkMenu a:link { 
color : #ffffff;
font-size : 11px;
} 
#DivLinkMenu a:hover { 
color : #ffffff;
font-size : 11px;
} 
#DivLinkMenu a:visited { 
color : #ffffff;
font-size : 11px;
} 
.ActivePage { 
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #000000;
text-decoration : none;
font-weight : bold;
} 
#fnamn { 
padding-top : 0;
padding-left : 3px;
padding-right : 3px;
padding-bottom : 3px;
} 
#enamn { 
padding : 3px;
} 
#passwd { 
padding : 3px;
} 
#submit { 
padding : 3px;
} 
#errmsg { 
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ff0000;
padding : 3px;
background-color : #000000;
} 
.ContentTbl { 
padding : 0;
margin : 0;
width : 781px;
height : 100%;
} 
.LeftTd { 
vertical-align : top;
border-right : 1px solid #fffcf9;
padding : 2px;
height : auto;
width : 158px;
background-color : #000000;
color : #ffffff;
} 
.RightTd { 
padding : 3px;
vertical-align : top;
height : 100%;
} 
.LeftTdCounter { 
vertical-align : top;
border-right : 1px solid #fffcf9;
padding-left : 6px;
height : auto;
width : 158px;
background-color : #000000;
color : #ffffff;
} 
.RightTdCopy { 
text-align : right;
vertical-align : middle;
height : 20px;
width : 618px;
padding-right : 5px;
} 
.ContentTd { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
vertical-align : top;
width : 450px;
padding : 3px;
} 
.FullContentTd { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
vertical-align : top;
width : 618px;
padding : 3px;
} 
.NewsTd { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
vertical-align : top;
width : 168px;
padding : 3px;
} 
.SpacerTd { 
width : 5px;
} 
.SubjectTdImg { 
padding-left : 5px;
height : 18px;
background : url(/site/_img/rubrikbak.gif) no-repeat;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ffffff;
font-weight : bold;
letter-spacing : 1px;
border-bottom : 1px solid #545454;
} 
#temp { 
padding : 3px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffffc6;
float : right;
} 
.evSubject { 
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
letter-spacing : 2px;
font-weight : bold;
} 
.evback { 
background-color : #000000;
} 
.gbook_func { 
background-color : #efefef;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
} 
.quote { 
padding : 5px;
background-color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
border : 1px solid #000000;
margin-left : 10px;
margin-right : 10px;
margin-top : 5px;
margin-bottom : 5px;
} 
.smalltext { 
font-family : Verdana, arial, sans-serif;
font-size : 9px;
} 
.backodd { 
background-color : #fbcc38;
color : #000000;
} 
.backeven { 
background-color : #ed9f0b;
color : #000000;
}

Den delen som berör meny:


#DivMenu { 
height : 22px;
width : 781px;
border-top : 1px solid #fffcf9;
border-bottom : 1px solid #fffcf9;
background-color : #000000;
} 

#DivMenu a { 
color : #fff;
text-decoration : none;
margin-top : 3px;
margin-left : 3px;
margin-right : 3px;
padding-left : 2px;
padding-right : 2px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
display : block;
float : left;
height : 18px;
border-right : 1px solid #000000;
border-left : 1px solid #000000;
border-top : 1px solid #000000;
} 

#DivMenu a:hover { 
display : block;
color : #000;
background-color : #fff;
text-decoration : none;
border-right : 1px solid #000000;
border-left : 1px solid #000000;
border-top : 1px solid #000000;
} 

#DivMenu .selected { 
color : #000;
background-color : #ffffff;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
border-top : 1px solid #000000;
text-decoration : none;
}

Html kod för menyn.

	<div id="DivMenu">
<a href="/site/" title="På Svenska"><img src="/site/_img/sv.gif" alt="Svenska" style="border: none;" /></a>
<a href="/site/english.asp" title="In English"><img src="/site/_img/gb.gif" alt="English" style="border: none;" /></a>
<a href="/site/Default.asp?clubid=Kalix">Startsidan</a>
<a href="/site/site_information.asp?clubid=Kalix">Information</a>
<a href="/site/site_evenemang.asp?clubid=Kalix">Evenemang</a>
<a href="/site/album/?clubid=Kalix">Galleri</a>
<a href="/site/forum/default.asp?clubid=Kalix">Forumet</a>
<a href="/site/site_guestbook.asp?clubid=Kalix">G&auml;stbok</a>
<a href="/site/site_links.asp?clubid=Kalix">L&auml;nkar</a>
<a class="selected" href="/site/site_kontakt.asp?clubid=Kalix">Kontakt</a></div>

Som då i sin tur ligger innesluten i DivContainer, som är den enda föräldern tillsammans med Body.

Så den borde ju inte ärva från något annat..

Alltså jag hittar inte felet..

bakgrunden skall bli vit på mouseover, och texten svart.. visst text blir svart men bakgrunden blir inte vit

obs css:en lite ned kortad annars skulle det inte få plats

KattagrafenMedlem sedan juli 200612 inlägg

25 juli 2007 11:23#2

Det är jättesvårt att försöka hjälpa till när man inte får tillgång till all kod - felet ligger många gånger någonstans där man inte tror

I vilket fall har du fler bekymmer - se bifogad skärmdump av din sida tagen i Firefox 2.0.0.5 på Win XP.

Fredde MannenMedlem sedan nov. 20014 054 inlägg

25 juli 2007 11:51#3

Kattagrafen skrev:

Det är jättesvårt att försöka hjälpa till när man inte får tillgång till all kod - felet ligger många gånger någonstans där man inte tror

I vilket fall har du fler bekymmer - se bifogad skärmdump av din sida tagen i Firefox 2.0.0.5 på Win XP.

Humm?! iiik .. MEn Väääänta nu.. jag har själv Firefox 2.0.0.5 med XP, och den ser galant ut där...

Vad har du för upplösning?!

Men men det kan inte vara upplösningen i alla fall...

för 800x600 perfa, 1024x768 perfa, 1280x1024 perfa ..

*mummel*

Fredde MannenMedlem sedan nov. 20014 054 inlägg

25 juli 2007 11:51#4

Hela sidan

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Goshin Ryu Jujutsu</title>
<meta name="keywords" content="jujutsu, Jujutsui, Ju jutsu, ju jutsu, ju-jutsu, Ju-jutsu, självförsvar, aktiviteter, träning, Goshin Ryu, Goshin Ryu Jujutsu, Nyheter, nyheter, fys, Fys, Kalix, Sport, kampsport, Kampsport,  kalix, utbildning, Utbildning, Självförsvar, bilder, Bilder, Filmklipp, filmklipp, budo, Budo" />
<meta name="description" content="Goshin Ryu Jujutsu är en svensk framtagen stil, som bygger mycket på Ashihara Karate, Jujutsu Kai och andra kampsporter. Goshin Ryu Jujutsu är en fysisk krävande kampsport där man utvecklar sitt eget försvar. De finns inga förutnämnda försvar varje attack, utan detta är upp till var och en att utveckla utifrån de grundtekniker som finns inom varje grad. " />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="imagetoolbar" content="no" />

<!-- script -->
<script type="text/javascript">
<!--//

	function winopen(url) {
		window.open(url,"window","height=400, width=350, scrollbars=yes");
	}

	function album(url,w,h) {
		window.open(url,"window","height="+h+", width="+w+", scrollbars=yes");
	}

	function OpenWin(url, name) {
				window.open(url,name,'width=650, height=570');
	}

//-->
</script>
<!-- end -->

<style type="text/css" media="all">
	@import url( /site/css/htmltags.css );
</style>
</head>

<body>

<div id="DivContainer">
	<div id="DivLogo"></div>
	<div id="DivMenu">
<a href="/site/" title="På Svenska"><img src="/site/_img/sv.gif" alt="Svenska" style="border: none;" /></a>
<a href="/site/english.asp" title="In English"><img src="/site/_img/gb.gif" alt="English" style="border: none;" /></a>
<a href="/site/Default.asp?clubid=Kalix">Startsidan</a>
<a href="/site/site_information.asp?clubid=Kalix">Information</a>

<a href="/site/site_evenemang.asp?clubid=Kalix">Evenemang</a>
<a href="/site/album/?clubid=Kalix">Galleri</a>
<a href="/site/forum/default.asp?clubid=Kalix">Forumet</a>
<a href="/site/site_guestbook.asp?clubid=Kalix">G&auml;stbok</a>
<a href="/site/site_links.asp?clubid=Kalix">L&auml;nkar</a>
<a class="selected" href="/site/site_kontakt.asp?clubid=Kalix">Kontakt</a></div>
	<table class="ContentTbl">
		<tr>

			<td class="LeftTd">
			<img src="/site/_img/lock-expri.gif" width="155" height="161" alt="" /> 
<form action="/site/do_login.asp" method="post" id="form1">            
<div id="fnamn"><span class="Subject2">F&ouml;rnamn</span><br />
<input name="fnamn" type="text" class="inputtext" maxlength="15" />
</div>

<div id="enamn">
<span class="Subject2">Efternamn</span><br />
<input name="enamn" type="text" class="inputtext" maxlength="30" />
</div>

<div id="passwd"><span class="Subject2">L&ouml;senord</span><br />
<input name="pwd" type="password" class="inputtext" id="pwd" maxlength="12" />
</div>

<div id="submit"><input name="Submit" type="submit" class="buttons" value="Login" alt="login" />&nbsp;&nbsp;<a href="/site/forum/request_password.asp">Glömt lösenord?</a></div>
</form><p>&nbsp;</p>
			<div id="DivAdds"> 
  <p><a href="http://www.mirror.se" title="Mirror Partner AB (Extern sida)">Mirror Partner AB</a><br />
    Sponsor av webbutrymme</p>
  <p><a href="http://www.medianorr.se/" title="Medianorr (Extern sida)">Medianorr</a><br />

    Id&eacute; &amp; design </p>
  <p><a href="http://www.afs-budo.com/" title="AFS (Extern sida)"><img src="http://www.grjj.se/site/_img/forbund/afs.gif" alt="AFS" width="80" height="79" /></a></p>
<p><a href="http://www.aktivungdom.se/" title="Aktiv ungdom (Extern sida)"><img src="http://www.grjj.se/site/_img/forbund/aktivlogo.gif" alt="aktiv ungdom" width="81" height="31" /></a> 
</p>
  <p><a href="http://www.stjf.net" title="Stjf (Extern sida)"><img src="http://www.grjj.se/site/_img/forbund/forbund_stjf.gif" alt="Svenska Taijutsu/Jujutsu Förbundet" /></a></p>
</div>
			</td>

			<td class="RightTd">

			<!-- Content -->
				<table>
				<tr>
					<td class="SubjectTdImg">Kontakta oss</td>
				</tr>
				<tr>
					<td class="FullContentTd">
<!-- kontakt formulär -->
<form action="/site/site_kontakt.asp?do=send_mail" method="post" id="form2">

<div style="text-align: center;">
<table style="margin: auto; text-align: left;">
		       <tr>
			<td colspan="2">
			Använd formuläret för kontakt med ansvarig i Kalix.<br /><br />
			<b>Kontaktperson</b><br />Tommy Olsson<br />0705862124<br /><br /><br />
			</td>
		      </tr>

			<tr>
			<td colspan="2" class="infotext">Obs! De som &auml;r markerade med * &auml;r obligatoriska och m&aring;ste fyllas i!<br /><br /></td>
		      </tr>
                      <tr> 
                        <td class="Subject2"><span class="infotext">*</span> Namn: </td>
                        <td><input name="namn" type="text" class="inputtext2" id="namn" size="30" /></td>

                      </tr>
                      <tr> 
                        <td class="Subject2"><span class="infotext">*</span> E-post: </td>
                        <td><input name="epost" type="text" class="inputtext2" id="epost" size="30" /></td>
                       </tr>
                       <tr> 
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>

                       </tr>
                         
                      <tr> 
			<td class="Subject2">Rubrik: </td>
                        <td><select name="rubrik" class="inputtext2">
                                  <option value="No Value" selected="selected">- &Auml;mnes 
                                  rubrik -</option>
                                  <option value="Fel anm&auml;lan!">Fel anm&auml;lan, 
                                  hemsida.</option>
                                  <option value="Fr&aring;gor om stilen och tr&auml;ningen!">Fr&aring;gor 
                                  om stilen och tr&auml;ningen!</option>

                                  <option value="Intresseanm&auml;lan!">Intresseanm&auml;lan!</option>
                                  <option value="Tips om l&auml;nkar!">Tipsa om 
                                  l&auml;nkar!</option>
                                  <option value="&Ouml;vriga fr&aring;gor!">&Ouml;vriga 
                                  fr&aring;gor!</option>
                                </select>
			</td>
                       </tr>

                       <tr> 
                         <td>&nbsp;</td>
                         <td>&nbsp;</td>
                       </tr>
                       <tr> 
                        <td colspan="2" class="Subject2"><span class="infotext">*</span> Meddelande:</td>
                      </tr>
                      <tr> 
                        <td colspan="2"><textarea name="meddelande" cols="78" rows="16" style="white-space: pre;" class="inputtext2" id="meddelande"></textarea></td>

                      </tr>
                      <tr> 
                        <td colspan="2">
                        	<input name="Submit2" type="submit" class="buttons" value="Skicka" />&nbsp;&nbsp;
                                <input name="Submit2" type="reset" class="buttons" value="Rensa" />
                        </td>
                      </tr>
                    </table>
</div>
                  </form>

<!-- end -->

					</td>
				</tr>
				</table>
			<!-- End -->
			</td>
		</tr>

		<tr>

			<td class="LeftTdCounter"><pre><script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-262140-1";
urchinTracker();
</script>
 <a href="http://www.nedstatbasic.net/stats?ACmwMA7W2dZm6wqjCNBQ2Gt4Ln0A"><img
src="http://m1.nedstatbasic.net/n?id=ACmwMA7W2dZm6wqjCNBQ2Gt4Ln0A"
style="border: none;" width="6" height="6" alt="Nedstat Basic - Gratisräknaren hemsida statistik Kostnadsfria räknaren för privata webbplatser (Extern sida)" /></a> Vi har 0 g&auml;ster online!</pre></td>

			<td class="RightTdCopy"><pre>&copy; 2006 Goshin Ryu Jujutsu | grjj.se anv&auml;nder <a href="javascript:winopen('http://www.grjj.se/site/cookies.html');" title="Cookies (Extern sida)">cookies</a>. <a href="http://validator.w3.org/check?uri=referer" title="Validate page (Extern site)">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.grjj.se/site/css/xhtml-style.css" title="Validate stylesheet (Extern site)">CSS</a>

</pre>
			</td>
		</tr>
	</table>
</div>
</body>
</html>

Fredde MannenMedlem sedan nov. 20014 054 inlägg

25 juli 2007 11:52#5

CSS

* {
	margin: 0;
	padding: 0;
}	

html > body {
	height: 100%;	
	min-height: 100%;
	text-align: center;
	background-color: #333333; /*#491c1c;  #702c2c */
	color: #000000;
} 

img {
	border: 0 none;
}

table  { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

td, th { 
	padding: 0; 
	color: #000000;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	margin: 5px;
	margin-left: 50px;
	padding: 0;
}

#DivAdds p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EFEFEF;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

pre {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 10px;	
}

pre a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
pre a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
pre a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}

p {
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

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

#DivMenu a {
	color: #fff;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 2px;
	padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	float: left;
	height: 18px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

#DivMenu a:hover {
	display: block;
	color: #000;
	background-color: #ffffff;
	text-decoration: none;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

#DivMenu .selected {
	color: #000;
	background-color:#FFFFFF;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	text-decoration: none;
}

#submit a {
	font-size: 12px;
}

.LeftTd a:link {
	font-size: 11px;
	color: #ffffff;
}

.LeftTd a:visited {
	font-size: 11px;
	color: #ffffff;
}

.LeftTd a:hover {
	font-size: 11px;
	color: #FF1A1A;
	text-decoration: underline;
}

.RightTd a {
	font-size: 12px;
}

#fnamn .Subject2 { color: #ffffff; }
#enamn .Subject2 { color: #ffffff; }
#passwd .Subject2 { color: #ffffff; }

.datum {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #660000; /* #7F7F7F;  #FFFFC6; */
}

.buttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	
	border: 1px solid #545454;
	background-color: #333333;

	font-weight: bold;
}

.Subject2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing: 2px;
	font-weight: bold;
}

.inputtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	
	border: 1px solid #545454;
	background-color: #333333;
	padding-left: 3px;

}

.inputtext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	border: 1px solid #545454;
	background-color: #ffffff;
	padding-left: 3px;
}

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

.infotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bc4a4a; /* #ff0000; */
	font-weight: bold;
}

.citat {
	background-color: #ffffff;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 450px;
	border: solid 1px #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EFEFEF;
	padding-left: 2px;
}

.citerat
{
	display: block;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: -4px;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EFEFEF;
	font-weight: bold;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 2px;
	font-weight: bold;
}

#DivContainer {
	text-align: left;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
	width: 781px;
	border-left: 1px solid  #FFFCF9; /* #545454 #414141*/
	border-right: 1px solid #FFFCF9; /* #545454 #414141;*/
	background-color: #FCC40B; /* #333333; */
	color: #ffffff;	
}

#DivLogo {
	background-image: url(/site/_img/nya_loggan.gif);
	background-repeat: no-repeat;
	width: 781px;
	height: 100px;
}

#DivMenu {
	height: 22px;
	width: 781px;
	border-top: 1px solid #FFFCF9;
	border-bottom: 1px solid #FFFCF9;
	background-color: #000000;
}

#smenu .ActivePage {
	margin-left: 2px;
	margin-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
} 

#smenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	height: 15px;
	color: #000000;
	background-color: #ffffff;
	border-bottom: solid 1px #000000;
}

#smenu a {
	margin-left: 2px;
	margin-right: 2px;
	font-size: 11px;
}

#DivFooter {
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	width: 781px;
	border: 1px solid #545454;
}

#DivAdds {
	text-align: center;
	position: relative;
}
#DivLinkMenu {
	width: 100%;
	background-color: #000000;
	margin-top: -5px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 8px;
	border-bottom: 1px solid #545454;
}
#DivLinkMenu a:link { color: #ffffff; font-size: 11px; }
#DivLinkMenu a:hover { color: #ffffff; font-size: 11px; }
#DivLinkMenu a:visited { color: #ffffff; font-size: 11px; }

/* informationssidan */
.ActivePage { 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
/***/

/* formulärfälten i loginform.asp */
#fnamn {
	padding-top: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

#enamn {
	padding: 3px;
}

#passwd {
	padding: 3px;
}

#submit {
	padding: 3px;
}

#errmsg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	padding: 3px;
	background-color: #000000;
}

.ContentTbl {
	padding: 0;
	margin: 0;
	width: 781px;
	height: 100%;
}

.LeftTd {
	vertical-align: top;
	border-right: 1px solid #FFFCF9;
	padding: 2px;
	height: auto;
	width: 158px;
	background-color: #000000; /* #FCC40B;  #000000; */
	color: #ffffff;
}

.RightTd {
	padding: 3px;
	vertical-align: top;
	height: 100%;
}

.LeftTdCounter {
	vertical-align: top;
	border-right: 1px solid #FFFCF9;
	padding-left: 6px;
	height: auto;
	width: 158px;
	background-color: #000000;
	color: #ffffff;
}

.RightTdCopy {
	/* border-top: 1px solid #545454; */
	text-align: right;
	vertical-align: middle;
	height: 20px;
	width: 618px;
	padding-right: 5px;
}

.ContentTd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	width: 450px;
	padding: 3px;
}

.FullContentTd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	width: 618px;
	padding: 3px;
}

.NewsTd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	width: 168px;
	padding: 3px;
}

.SpacerTd {
	width: 5px;
}

/* Bilden bakom varje avsnittsrubrik! */
.SubjectTdImg {
	padding-left: 5px;
	height: 18px;
	background: url(/site/_img/rubrikbak.gif) no-repeat;
	/* background-color: #DBD7D7;  #333333; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: 1px solid #545454; 
}

/*** Temperatur | ny från 2006-04-05 ****/
#temp 
{	
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFC6;
	float: right;	
}

.evSubject {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 2px;
	font-weight: bold;
}
.evback {
	background-color: #000000;
}

.gbook_func {

	background-color: #efefef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

.quote {

	padding: 5px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #000000;
	
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
} 

.smalltext {
	font-family: Verdana, arial, sans-serif;
	font-size: 9px;
}

/**** bakgrund till celler med varannan olika färger */

.backodd { background-color: #FBCC38; color: #000000; }
.backeven { background-color: #ED9F0B; color: #000000; }

KattagrafenMedlem sedan juli 200612 inlägg

28 juli 2007 04:17#6

Hos mig funkar hovereffekten även i Internet Explorer om man lägger till "background-color: #ffffff;" i din "#DivMenu a:hover".