Hilfe mit Aktivem Link und Tabelle

  • Hallo
    Ich machen eine Webseite (http://st-marien-ensdorf.roehlen.name/) da solle in der Navileiste
    weiß bleiben wenn man ein Boutten andrückt, also ein aktiver Link. Das geht aber nur im Intenet Explorer was muss ich ändern das das auch bei Opera und Firefox geht?

    Und dann habe noch ein Probleme nähmlich wenn man auf der Webseite auf Pfarrei und dann auf Statistiken dann kommt da eine Tabelle. Die sieht auch wider nur im Interent Explore richtig aus und in Opera und Firefox zieht die sich richtig groß. Was muss ich den hier machen damit die kleine bleibt?

  • Du hast dir mit dieser Seite sicher schon viel Mühe gegeben. Bevor du aber noch weitere Zeit und Arbeit investierst, rate ich dir zu folgendem:

    Verzichte auf Frames und - wenn nicht strukturell erforderlich - auch ebenso auf Tabellen.
    Verwende für die komplette Formatierung besser CSS und arbeite dich da etwas rein. Du wirsr sehen und erkennen, dass es sich lohnt, denn Frames haben etliche Nachteile und sind deshalb nicht mehr zeitgemäß. Fang deshalb - auch wenn's weh tut - nochmal ganz von vorn an.
    http://www.ohne-css.gehts-gar.net/0033.php

    Ohne Frames kannst du den Link der jeweils geöffneten Seite so hervorheben:
    http://www.ohne-css.gehts-gar.net/0016.php

  • Also das mit den Frames habe ich deshalb gemacht weil ich es sonst nich geschafft habe die Ecke so einman frei zumachen in einer Tabelle hat das immer doof aus gesehen.

    Em mit der Tabelle die wollte die unbedingt haben was soll ich denn da machen?
    Und ich dennke wenn ich eine CSS Dateie machen ist das mit den aktiven Links auch noch nit besser oder?

    Trotzen viel Danke für deine Hilfe
    Jonas Röhlen

  • Für Layoutzwecke brauchst du heute weder Frames, noch Tabellen, siehe z.B. hier.
    Frames und (Layout-)Tabellen resultieren aus einer Web-Zeit, wo es noch nicht möglich war, Inhalt und Layout zu trennen. Mit dem Aufkommen von CSS hat sich dies geändert.

    Für eine Navi verwendet man heute z.B. eine ul-Liste und keine Tabelle.

    Vielleicht ist dir der CSS-Einsteigerkurs in meiner Signatur eine Hilfe, zumindest um etwas in die Materie reinzukommen.

  • OK, diese Tabelle ist durchaus gerechtfertigt, weil es sich um eine strukturierte Darstellung handelt.

    Damit sie in unterschiedlichen Browsern möglichst gleich aussieht, solltest du eine Schriftart und -größe definieren. Ansonsten werden die jeweiligen Browsereinstellungen verwendet.

    Das erreichst du, indem du für body (im oberen Bereich des Quelltextes) diese Angaben hinterlegst, z.B. so:

    Code
    body {
    	background-image: url();
    font-family: Verdana, Arial, 'sans-serif'; 
    font-size: 1em;
    }

    Ist die Schrift zu groß, dann nimm 0.9em oder 0.8em
    Achte darauf, dass die Dezimaltrennung durch Punkt und nicht Komma erfolgt.

  • Das bringt irgwenwie auch nix.
    Kannst du mir noch bei was andren helfen ?
    Ich hätte gerne das wenn man über einen Link fährt das der sich rot untersrteicht
    wie mache ich das denn?
    Und wie mache das mit dem atkivem link ich kann ja keien ID angeben.

  • Also ich habe vier Frames und der Code von dem Frame der Navileiste ist :

    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>St. Marien Ensdorf</title>
    <style type="text/css">
    <!--
    .Stil1 {
    font-size: 18px;
    font-weight: bold;
    }
    body {
    background-image: url(Hintergrund_3.gif);
    background-repeat: repeat-y;
    }
    a:link {
    color: #000000;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #000000;
    }
    a:hover {
    text-decoration: none;
    color: #FFFFFF;
    }
    a:active {
    text-decoration: none;
    color: #FFFFFF;
    }
    .Stil2 {font-family: Symbol}
    -->
    </style>
    </head>

    <body alink="#FFFFFF">
    <div align="center" class="Stil1">
    <p><a href="Frame-main.html" target="mainFrame">Startseite</a></p>
    <p><a href="begru&szlig;ung/Frame-main - begru&szlig;ung.html" target="mainFrame">Begr&uuml;&szlig;ung</a> </p>
    <p><a href="Pfarrei/Frame-main - Pfarrei.html" target="mainFrame">Pfarrei</a></p>
    <p><a href="Pfarrbrief/info-04-09.pdf" target="mainFrame">Pfarrbrief</a></p>
    <p><a href="Gotterdienstordung/GO-04-09.pdf" target="mainFrame">Gottesdienstordnung</a></p>
    <p><a href="gruppen/Frame-main - Gruppen.html" target="mainFrame">Gruppen und Gremien</a></p>
    <p><a href="Was/Frame-main - was.html" target="mainFrame">Was wenn ...</a></p>
    <p><a href="termine/Frame-main - termine.html" target="mainFrame">Termine</a></p>
    <p><a href="fotos und berichte/Frame-main - fotos.html" target="mainFrame">Photos und Berichte</a></p>
    <p><a href="A - Z/Frame-main - a bis z.html" target="mainFrame">St. Marien von A bis &Omega; </a></p>
    <p><a href="links/Frame-main - links.html" target="mainFrame">Links</a></p>
    <p><a href="impressum/Frame-main - impressum.html" target="mainFrame">Impressum</a></p>
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/…version=5,0,0,0" WIDTH=90 HEIGHT=30>
    <PARAM NAME=movie VALUE="http://fc.hpserver.de/fc/shcounter_m…309&pauseTime=4">
    <PARAM NAME=loop VALUE=false>
    <PARAM NAME=menu VALUE=false>
    <PARAM NAME=quality VALUE=high>
    <PARAM NAME=bgcolor VALUE=#FFFFFF>
    <EMBED src="http://fc.hpserver.de/fc/shcounter_m…309&pauseTime=4" loop=false menu=false quality=high bgcolor=#FFFFFF WIDTH=90 HEIGHT=30 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/down…=ShockwaveFlash">
    </EMBED>
    </OBJECT><br><font size=1 face=tahoma></font>
    </div>
    </body>
    </html>
    (http://st-marien-ensdorf.roehlen.name)
    was muss ich machen damit wenn ich zum Beispiel auf Begrüßung gehe das das weiß bleibt wenn ich es angeklickt habe??

    Und dann ahbe da noch ein Tabelle die sieht aber in jeden Brower ander aus.
    (http://st-marien-ensdorf.roehlen.name/Pfarrei/Frame-…tatistiken.html)
    was kann ich machen damit die in jedem Browser gleich ausseht?

  • Hallo im Letzten Teils des HTML Codes habe ich einen Footer gemachte jetzt noch gerne das der Grau wird (#666666). Und nicht wie die andern Links rot unterstrichen. Wie mache ich das?

    Code:


    <!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">
    <head>
    <script type="text/javascript"><!--
    //java scrtie für drucken
    function drucken(){
    if (window.print) {
    window.print();
    } else {
    window.alert("Leider nicht möglich!");
    }
    }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>St. Marien Ensdorf</title>
    <style type="text/css">
    <!--
    body {
    background-image: url();
    }
    .Stil1 {
    font-weight: bold;
    font-size: 18px;
    }
    a:link {
    color: #000000;
    text-decoration: none;
    }
    a:visited {
    color: #000000;
    text-decoration: none;
    }
    a:hover {
    border-bottom: 1px solid #f00;
    color: #000000;
    }
    a:active {
    text-decoration: none;
    }
    -->
    </style></head>


    <div align="center" class="Stil1">
    <p><a href="Frame-main - pfarrkirche.html">Pfarrkirche St. Marien</a></p>
    <p><a href="Frame-main - pfarramt.html" class="h2">Pfarramt</a></p>
    <p><a href="Frame-main - Hauptamtliche.html">Hauptamtliche</a></p>
    <p><a href="Frame-main - ehrenamtliche.html">Ehrenamtliche</a></p>
    <p><a href="Frame-main - Historie.html">Historie</a></p>
    <p><a href="Frame-main - Hasenberg.html">Hasenberg</a></p>
    <p><a href="Frame-main - statistiken.html">Statistiken</a></p>

    <!-- Footer Begin -->
    <div>
    <a href="javascript:history.back();">Zur&uuml;ck</a>&nbsp;|
    <a href="javascript:drucken()">Drucken</a>&nbsp;|&nbsp;<a href="../impressum/Frame-main - impressum.html" target="_self" class="footerlink">Impressum</a>&nbsp; </div>
    <!-- Footer End -->

    </div>


    </div>
    </body>
    </html>

  • Jetzt habe ich das Probleme das die Seite (http://st-marien-ensdorf.roehlen.name/Pfarrei/Frame-…%20Pfarrei.html oder http://st-marien-ensdorf.roehlen.name/ --> Pfarrei) nur richtig im Firefox läuft. Im Opera wir sie nur im Stander also die Links Blau und Lila und im Internet explore kommt gar nix?

    Was muss ich änder? Kann mir jemande Helfen?

    Code:
    <!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">
    <head>
    <script type="text/javascript"><!--
    //java scrtie für drucken
    function drucken(){
    if (window.print) {
    window.print();
    } else {
    window.alert("Leider nicht möglich!");
    }
    }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>St. Marien Ensdorf</title>
    <style type="text/css">
    <!--
    body {
    background-image: url();

    }
    .Stil1 {
    font-weight: bold;
    font-size: 18px;
    }
    .Stil4 {
    font-weight: bold;
    font-size: 18px;
    background-color: #999999;
    }
    a:link {
    color: #000000;
    text-decoration: none;
    }
    a:visited {
    color: #000000;
    text-decoration: none;
    }
    a:hover {
    border-bottom: none;
    color: #FF0000;
    }

    a:active {
    text-decoration: none;
    }
    -->
    </style></head>


    <div align="center" class="Stil1">
    <p><a href="Frame-main - pfarrkirche.html">Pfarrkirche St. Marien</a></p>
    <p><a href="Frame-main - pfarramt.html" class="h2">Pfarramt</a></p>
    <p><a href="Frame-main - Hauptamtliche.html">Hauptamtliche</a></p>
    <p><a href="Frame-main - ehrenamtliche.html">Ehrenamtliche</a></p>
    <p><a href="Frame-main - Historie.html">Historie</a></p>
    <p><a href="Frame-main - Hasenberg.html">Hasenberg</a></p>
    <p><a href="Frame-main - statistiken.html">Statistiken</a></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <!-- Footer Begin -->
    <div class="Stil4">
    <a href="javascript:history.back();">Zur&uuml;ck</a>&nbsp;|
    <a href="javascript:drucken()">Drucken</a>&nbsp;|&nbsp;
    <a href="../impressum/Frame-main - impressum.html" target="_self" class="footerlink">Impressum</a>&nbsp; </div>
    <!-- Footer End -->
    </div>


    </div>
    </body>
    </html>