css in opera-browser

Status
Nicht offen für weitere Antworten.

web-media

Grünschnabel
hi
folgende situation:
habe eine seite in der ein menu in einer tabelle per *.css datei formatiert ist. (schriftfarbe, größe, tabellenhintergrund, etc. ).
Problem:
Wenn ich die seite im Internet Explorer 5.x & Opera anschau, ist die formatierung noch net da, erst wenn ich einen der links anklicke ist dieser eine dann richtig formatiert. woran liegt das ?
ich hoffe ihr könnt mir helfen :)
so long
 
Zuletzt bearbeitet:
Seite bzw. Stylesheet wäre echt gut.
Icxh schätze es liegt aber an der Reihenfolge der Link-Styles.

Muss so sein:
PHP:
a:link
{
 /* Angaben für nicht angeklickte Links */
}
a:visited
{
 /* Angaben für besuchte Links */
}
a:hover
{
 /* Angaben für den mit der Maus überfahrenen Link */
}

Falls dir das nicht hilft bitte Stylesheet und HTML-Page verlinken.
Danke
 
also hier mal die *.css:
.titel {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
text-decoration: none;
border-bottom-width: 1px;
border-left-width: 2px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #FF9900;
border-left-color: #FF9900;
text-indent: 4px;
}
.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
text-decoration: none;
}
.zeile {
line-height: 3px;
}
.bghead {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
}
.bgmenuezelle {
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.textlink {

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;


a:link {COLOR: #EFEFEF; TEXT-DECORATION: underline;}

a:active {COLOR: #EF0000; TEXT-DECORATION: none;}

a:visited {COLOR: #EFEFEF; TEXT-DECORATION: none;}

a:hover {COLOR: #EFEFEF; TEXT-DECORATION: underline;}

text-decoration: underline;
}
a:link#menue { font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
text-decoration: none;
width: 120px;}
a:visited#menue { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
text-decoration: none;
width: 120px; }
a:hover#menue { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
width: 120px;
background-color: #EAEAEA;}
a:active#menue { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
width: 120px; }
.textklein {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;
text-decoration: none;
}
 
hier die seite die index.php:
<html>
<head>

<title>
<?php
require("script/include.php");
echo "$homepagetitel";
$page = $_GET[page];
?>
</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="<?php echo $metak; ?>">
<meta name="description" content="<?php echo $metad; ?>">
<meta name="robots" content="all">
<link href="stil.css" rel="stylesheet" type="text/css">
<!--
artmedic cms light 1.0, Copyright Ellen Baitinger, artmedic webdesign, http://www.artmedic.de
Dieses Programm ist Freeware und kann kostenlos für kommerzielle und nichtkommerzielle Zwecke
verwendet und adaptiert werden,
solange die Links auf artmedic webdesign und die Hinweise auf die Autorenschaft intakt bleiben.
Dieses Programm darf nicht gegen Geld veräußert oder anderweitig zu Geld gemacht werden.
-->

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

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr valign="bottom">
<td height="97" colspan="2" class="bghead"><table width="100%" height="69" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#FFFFFF">
<td height="31" colspan="3" bgcolor="#FFFFFF" class="bghead">&nbsp;</td>
</tr>
<tr>
<td colspan="3"><div align="left"><img src="ffw_01.gif" width="973" height="131">
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td width="150" align="right" valign="top" bgcolor="#FFFFFF" class="bgmenue">
<img src="blank.gif" width="150" height="1"> <table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<?PHP
@readfile("inhalt.htm");
?>
<p>&nbsp;</p>
<table width="100%" border="0" cellspacing="1" cellpadding="1">
<tr>
<td width="11" align="right" class="bgmenuezelle"><img src="pfeil.gif" width="11" height="11"></td>
<td width="100%" align="right" nowrap class="bgmenuezelle"><a href="print.php?page=<?PHP echo $page; ?>" target="_blank" id="menue">Diese
Seite drucken</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="1" cellpadding="1">
<tr>
<td width="11" align="right" class="bgmenuezelle"><img src="pfeil.gif" width="11" height="11"></td>
<td width="100%" align="right" nowrap class="bgmenuezelle"><div align="right"><font color="#666666"><a href="index2.php"><font size="2">F&uuml;r
Sehbehinderte</font></a> </font></div></td>
</tr>
</table> </td>
</tr>
</table>
<img src="blank.gif" width="1" height="1"> <p>&nbsp; </p></td>
<td width="797" valign="top"> <table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><img src="blank.gif" width="1" height="1"></td>
<td width="560">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<?php
if(!$page)
{@include("home.htm");}
else
{@include($page);}
?>
</td>
</tr>
</table>
<p>&nbsp; </p></td>
</tr>
<tr>
<td colspan="2" align="right" valign="top" bgcolor="#FFFFFF" class="bgmenue"><div align="left"><img src="ffw_03.gif" width="973" height="80"></div></td>
</tr>
</table>

</body>
</html>
 
Hi
also die reihenfolge der Pseudoformate stimmt nicht. Statt a:link a:active a:visited a:hover, muss es a:link a:visited a:hover a:active heißen.
Danach solte es funktionieren
Ciao
Noby
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück