Anfängerin benötigt Hilfe bei Menü / i-frames - BITTE ...

  • Hallo Ihr Lieben,

    ich habe da ein kleines Problem.

    Ich erstelle gerade meine erste eigene Homepage, mit einem Menü als Text Links


    Wenn ich mit der Maus über einen Link fahre, wird der Button weiß und dann wieder Grau. Drücke ich einen Link, soll die Nebenseite in einem i-frame geladen werden.

    Soweit ganz gut, das Funktioniert soweit.


    Nun aber zu meine Problem.

    Wenn ich allerdings einen Link gedrückt habe, wird dieser bzw. alle Links Lila. Das passiert dann, wenn ich im Browser Aktualisieren mache oder sie Neu Starte.


    Ich bin schon am verzweifeln wie das hinkommen kann. Ich verwende als Browser Firefox aber selbst im Internet Explorer ist dieser Fehler auch.

    Wenn ich im Firefox oder Internet Explorer den Cache Lösche, sind die Buttons wieder wie ich sie haben möchte.

    Kann mir bitte jemand Helfen, wie ich dieses Problem lösen kann und mein Menü Richtig zum Laufen bekomme?

    Bitte ….

    Ich wünsche euch ein frohes Weihnachtsfest und einen guten Rutsch in Neue Jahr 2006

    Eure Petra


    Und hier einmal der Html Code meines Vorhabens und die html Seiten.


    <html>
    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" />

    <title>Unbenanntes Dokument</title>

    <style TYPE="TEXT/CSS">

    A:link {color:darkgray;}
    A:hover {color:white;}

    body {
    background-color: #444444;
    margin-top: 0px;

    -->
    </style></head>

    <body>

    <table width="799" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td width="11" background="images/schatten2.jpg"></td>
    <td></td>
    <td width="11" background="images/schatten.jpg"></td>
    </tr>
    </table>
    <table width="799" height="25" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td width="11" height="25" background="images/schatten2.jpg"></td>
    <td width="57" height="25" background="images/balden2.jpg" bgcolor="#333333"></td>
    <td height="25" bgcolor="#333333">

    <table width="725" border="0" align="center" bordercolor="#FFFFFF" bgcolor="#333333">
    <tr>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>

    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>

    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    </tr>
    </table>

    <table width="725" border="0" align="center" bordercolor="#FFFFFF" bgcolor="#333333">
    <tr>
    <td width="10%" height="14"> <div align="center"><font color="#999999" size="1" face="Arial, Helvetica, sans-serif"></font></div></td>

    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>

    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    <td width="10%"> <div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Link</font></font></div></td>
    </tr>
    </table>

    <td width="11" height="25" background="images/schatten.jpg"></td>
    </tr>
    </table>
    <table width="799" height="1148" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td width="11" height="1148" background="images/schatten2.jpg"></td>
    <td width="57" valign="top"><table width="57" height="1156" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="417" background="images/balden.jpg"></td>
    </tr>
    <tr>
    <td height="199" background="images/balkengr.jpg"></td>
    </tr>
    <tr>
    <td height="136" background="images/balkenrot2.jpg"></td>
    </tr>
    <tr>
    <td height="330" background="images/balkenrot2a.jpg"></td>
    </tr>
    <tr>
    <td height="62" background="images/balkenrot2a.jpg"></td>
    </tr>
    </table></td>

    <td width="704" valign="top" bgcolor="#FFFFFF"><table width="704" height="500" border="0" cellpadding="0" cellspacing="0" id="home">
    <tr>
    <td height="19"></td>
    </tr>
    <tr>
    <td height="500" valign="top"><iframe name="home" src="http://www.google.de" width="704" height="500" frameborder="0" scrolling="auto" noresize marginheight="0" marginwidth="0" allowtransparency="true"></iframe></td>
    </tr>
    </table>

    </p></td>

    <td width="27" valign="top"><table width="27" height="141" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="16" height="141"></td>
    <td width="11" background="images/schatten.jpg"></td>
    </tr>
    </table>
    <table width="27" height="1014" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="16" height="990" bgcolor="#CCCCCC"></td>
    <td width="11" background="images/schatten.jpg"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>


    </p>
    </body>
    </html>

  • tach das geht ganz einfach mit style sheets du musst die farbe für visited links festlegen das ist nähmlich der grund warum sie gefätbt werden is browser seitig so festgelegt und das musst du mit diesem css code unterbinden

    Code
    a:link { font-weight:bold; color:#0000E0; text-decoration:none }
    a:visited { font-weight:bold; color:#000080; text-decoration:none }
    a:hover { font-weight:bold; color:#E00000; text-decoration:none }
    a:active { font-weight:bold; color:#E00000; text-decoration:underline }
    a:focus { font-weight:bold; color:#00E000; text-decoration:underline}


    natürlich solltest du dort die farben deiner wahl festlegen und ändere die Reihenfolge nicht das kann zu problemen führen das text-decoration:underline ist fürs unterstreichen zuständig

  • Zitat von pindakaas

    tach das geht ganz einfach mit style sheets du musst die farbe für visited links festlegen das ist nähmlich der grund warum sie gefätbt werden is browser seitig so festgelegt und das musst du mit diesem css code unterbinden

    Code
    a:link { font-weight:bold; color:#0000E0; text-decoration:none }
    a:visited { font-weight:bold; color:#000080; text-decoration:none }
    a:hover { font-weight:bold; color:#E00000; text-decoration:none }
    a:active { font-weight:bold; color:#E00000; text-decoration:underline }
    a:focus { font-weight:bold; color:#00E000; text-decoration:underline}


    natürlich solltest du dort die farben deiner wahl festlegen und ändere die Reihenfolge nicht das kann zu problemen führen das text-decoration:underline ist fürs unterstreichen zuständig

    Hallo Pinakaas,

    ich habe es hin bekommen und es funktioniert.

    Vielen Vielen Danke mein guter, ich wünsche Dir ein frohes Weihnachtsfest und einen guten Start ins Neue Jahr 2006.

    Danke Dir.

    Petra