HTML Verweisdesign

Sill-el-Mot · 17. März 2004

Guten morgen

ich hab eine Html-Seite, von der ich über einen Link ein Javascript PopupWindow öffne. Nachdem ich auf den Link geklickt habe und das Popup geöffnet ist wird der Link im anderen Fenster "fett". Ich arbeite mit CSS und hab schon alle möglichen Link-Attribute (link, visited, hover, active und focus) geändert, so dass eigentlich der Link "normal" bleiben müsste; trotzdem wird er "fett" nachdem ich drauf gedrückt habe.

:confused: :confused: :confused:

Kann mir jemand weiterhelfen?

Vielen Dank schonmal im vorraus

Gruß Sillie

zirri · 17. März 2004

hi,

achte darauf, dass deine Pseudoformate in der richtigen reihenfolge aufgelistet werden :

:link, :visited, :hover, :active

jetzt den :visited abaenddern auf normal

gruss

Sill-el-Mot · 17. März 2004

meine reihenfolge ist richtig (das wusst ich auch schon vorher)

es liegt nicht am visited. ich glaube es hat was mit dem popupwindow zu tun.

wenn ich es öffne wird der link fett und wenn ich es schließe bleibt er fett, bis ich die seite aktualisiere (-> es hat nichts mit dem visited zu tun)

CyberDemon · 17. März 2004

Kannst Du mal den gesamten Code posten?

Sill-el-Mot · 18. März 2004

Na gut wenn ihr wollt (is aber nen bissl komplizierter):

also: wir sind dabei ein lexikon zu erstellen und arbeiten mit php. der folgende code wird in die hauptseite geladen, wenn man einen neuen begriff adden will. wenn man auf den roten link klickt geht das popup auf um die "siehe auch" verweise anzuhängen (in dem popup stehen alle lexikon einträge).

ich hoffe das hilft ein bissl


<h2>Abkürzung hinzufügen</h2><br/><br/>

<form method="post" action="lexedit.php?{args}" name="form_edit_def">

 <table>

   <tr>

     <td style="width:100px">Abkürzung:</td>

     <td>

       <input type="text" size="67" maxlength="255" name="abkuerzung"></input>

     </td>

   </tr>

   <tr>

     <td style="width:100px">Definition:</td>

     <td> 

       <textarea cols="50" rows="20" name="definition"></textarea>

     </td>

   </tr>

   <tr>

     <td>Verweise:</td>

    <td>

      <input type="text" size="49" maxlength="255" name="siehe_auch"></input>

[color=red]      <a name="hinzufuegen" class="verweis" href="javascript:popupwindow('add_link.php?','Info',500,450,'yes')" id="meine_daten_link">hinzufügen</a>[/color]

    </td>

  </tr>

  <tr>

    <td colspan="2" style="text-align:center">

      <input value="Bestätigen" type="submit"/>

    </td>

  </tr>

</table>

</form>

Hauptseite: an die rote stelle wird der obere code geladen


<html>

<head>

  <link type="text/css" rel="stylesheet" href="templates/template.css">

  <script language="javascript">

  <!--

    function popupwindow(ref,title,width,height,scroll) {

      document.all.meine_daten_link.style.fontWeight = "bold";

      if (width==0 && height==0)

        window.open(ref,title,"location=no,menubar=no,status=no,resizable=no, scrollbars="+scroll+", toolbar=no,maximized=yes");

      else

      window.open(ref,title,"height="+height+",width="+width+",left=15,top=83, location=no,menubar=no,status=no, resizable=no,scrollbars="+scroll+",

                       toolbar=no,maximized=yes");

    }

  -->

  </script>

  <title>IT-Lexikon</title>

</head>

<body>

  <table cellpadding="0px" cellspacing="0px" border="0">

    <tr style="vertical-align:top;padding-left:5px; padding-right:10px">

<!-- Linke Spalte -->

      <td style="width:300px;border-right:1px solid #868686;height:750px;margin:0px;padding:5px;"><br/>

        {left_col}

        <div style="width:300px; height:1px;"></div>

      </td>

<!-- Rechte Spalte -->

      <td style="width:100%; vertical-align:top; color:#0d4e97; font-size:16pt" colspan="2">

        <table style="text-align:right; width:100%">

          <tr>

            <td style="text-align:left">

              <table style="margin-left:50px; margin-top:50">

                <tr>

                  [Color=red]<td>{suche_main}</td>[/color]

	       </tr>

              </table>

            </td>

          </tr>

        </table>	

      </td>

    </tr>

</table>

</body>

</html>

und mein css-file (nur ein auszug)


a:link.verweis	{font-weight:normal;  color:#cc0033;	 text-decoration:none;}

a:visited.verweis	{font-weight:normal;  color:#cc0033;	 text-decoration:none;}

a:hover.verweis	{font-weight:normal;  color:#cc0033;	 text-decoration:none;}

Gruß Christian

etreu · 18. März 2004

AFAIK sollten die Klassen eher so benannt sein:

a.verweis:link{font-weight:normal;  color:#cc0033; text-decoration:none;}

a.verweis:visited{font-weight:normal;  color:#cc0033; text-decoration:none;}

a.verweis:hover{font-weight:normal;  color:#cc0033; text-decoration:none;}

Sill-el-Mot · 18. März 2004

das ist egal kannst du so oder so machen.

das ist auch nicht das prob es funzt ja ich hab ja den hover effekt.

das eigentliche prob ist:

das popupwindow ist ein kleines fenster und ich seh das parent fenster noch im hintergrund, also auch den link mit dem ich das popupwindow geöffnet habe und genau dieser link wird fett wenn ich ihn anklicke und das will ich nicht

etreu · 18. März 2004

Dann solltest du vielleicht auch mal das active-Verhalten ändern!

a.verweis:active {...}

Sill-el-Mot · 18. März 2004

:rolleyes: ups vergessen mitzuposten

wird alles gemacht sogar den :focus hab ich so gesetzt, wie ich ihn haben will, geht trotzdem net

ich weis net mehr weiter, was ein schrott!!!

kills · 19. März 2004

hast du schonma versucht ob der pfad der css datei richtig ist?

werden an anderen stellen im popup die formate der css datei übernommen?s

Sill-el-Mot · 19. März 2004

Original geschrieben von kills
hast du schonma versucht ob der pfad der css datei richtig ist?

werden an anderen stellen im popup die formate der css datei übernommen?s

Moin

ja das funzt alles, es funktioniert sogar an genau dieser stelle. wenn ich beim :hover irgendeine hintergrundfarbe einstelle wird die auch angezeigt -> es funktioniert eigentlich alles so wie es soll, außer das dieser sch*** link fett wird wenn ich drauf klicke

Gruß Christian

kills · 19. März 2004

class="verweis" im tag?

----

poste doch mal bitte den code der dann am browser ankommt, von dem fenster mit deinem link,..

----

schonma den browser cache geleert?

Sill-el-Mot · 19. März 2004

Hier

 

<html>

<head>

  <link type="text/css" rel="stylesheet" href="templates/template.css">

  <script language="javascript">

  <!--

    function popupwindow(ref,title,width,height,scroll) {

      document.all.meine_daten_link.style.fontWeight = "bold";

      if (width==0 && height==0)

        window.open(ref,title,"location=no,menubar=no,status=no,resizable=no, scrollbars="+scroll+",toolbar=no,maximized=yes");

      else

        window.open(ref,title,"height="+height+",width="+width+",left=15,top=83,location=no, menubar=no,status=no,resizable=no,scrollbars="+scroll+",toolbar=no,maximized=yes");

    }  

  -->

  </script>

<title>IT-Lexikon</title>

</head>

  <body>

    <table cellpadding="0px" cellspacing="0px" border="0">

      <tr>

        <td id="blauerbalken"></td>

          <td id="weisserbalkenoben"></td>

      </tr>

      <tr>

        <td id="roterbalkenmitte"></td>

        <td>

          <img src="./images/verlauf.bmp" width="800" height="38" alt="roter Verlauf hoch" border="0"/>

          <img src="./images/logo.gif" width="133" height="38" alt="AL Logo" usemap="#logo" border="0"/>

        </td>

      </tr>

      <tr>

        <td id="roterbalkenunten"></td>

        <td id="weisserbalkenunten"></td>

      </tr>

      <tr style="vertical-align:top;padding-left:5px; padding-right:10px; border: 2px solid #000000; ">

<!-- Linke Spalte -->

        <td style="width:300px;border-right:1px solid #868686;height:750px;margin:0px;padding:5px;"><br/>

          <div style="width:300px; height:1px;"></div>

        </td>

<!-- Rechte Spalte -->

        <td colspan="2" style="color:#000000; font-size:30px; width:100%; vertical-align:top; font-weight:300; padding-top:30px;">

          <a href="itlex.php" class="lexikon">IT-Lexikon</a>

          <table style="text-align:left; width:100% ; ">

            <tr>

              <td style="height:15px"></td>

            </tr>

            <tr>

              <td><h2>Abkürzung hinzufügen</h2><br/><br/>

              <form method="post" action="lexedit.php?action=new&" name="form_edit_def">

                <table>

                  <tr>

                    <td style="width:100px">Abkürzung:</td>

                    <td>

                      <input type="text" size="67" maxlength="255" name="abkuerzung"></input>

                    </td>

                  </tr>

                  <tr>

                     <td style="width:100px">Definition:</td>

                     <td> 

                        <textarea cols="50" rows="20" name="definition"></textarea>

                      </td>

                  </tr>

                  <tr>

                    <td>Verweise:</td>

                    <td>

                       <input type="text" size="49" maxlength="255" name="siehe_auch"></input>

                       <a name="hinzufuegen" class="verweis" href="javascript:popupwindow('add_link.php?','Info',500,450,'yes')" id="meine_daten_link">hinzufügen</a>

                    </td>

                  </tr>

                  <tr>

                    <td colspan="2" style="text-align:center">

                      <input value="Bestätigen" type="submit"/>

                    </td>

                  </tr>

                </table>

              </form></td>

            </tr>

          </table>

        </td>

      </tr>

    </table>

  </body>

</html>

ich hoffe es hilft euch weiter...

Sill-el-Mot · 19. März 2004

Original geschrieben von kills
class="verweis" im tag?

schonma den browser cache geleert?

class="verweis" im tag ????????? was meinst du???

cache schon geleert. alles schon probiert, hilft nix

Anmelden

HTML Verweisdesign

Empfohlene Beiträge

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte