Wuck: CSS-links schreiben irgendwas an meine Datei ran

SELF-Forum

CSS-links schreiben irgendwas an meine Datei ran

Wuck
– Informationen zu den Bewertungsregeln

Salut kann vielleicht jemand mal in den Quellcode sehen und mir verraten, weshalb nach x-maligem hover über die Links, die Datei ellenlang wird und ein mega Scrollbalken entsteht. Muchas Gracias Wuck

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#kasten {
}

#kasten a:visited {
color : grey;
background-color : transparent;
}

#kasten a:hover {
color : black;
background-color : transparent;
text-decoration : none;
width : 0px;
}

#kasten a .info {
display : none;
}

#kasten a:hover .info {
color : black;
height: 100px;
width: 250px;
display : block;
background : #FF0000;
font: Arial;
border : 0px ;
padding : 0px;
position:absolute; top:400px; left:200px;
}
</style>

</head>

<body>
<table width="75%" height="284" border="1">
  <tr>
    <td width="15%"> </td>
    <td width="63%">Beim Drüberfahren mit der Maus erscheint ein Anzeigefenster,
      schade nur, dass man nach ein paarmal Drüberfahren die Scrollleiste
      erscheinen lässt und dass sie immer grösser wird</td>
    <td width="22%"> </td>
  </tr>
  <tr>
    <td> </td>
    <td><div id="kasten"><a href="#"><a href="02/aktuelles.html">Link<span class="info">Ganz langer Text</span></a></a></div></td>
    <td></td>
  </tr>
  <tr>
    <td> </td>
    <td><p><a href="http://www.apple.com/quicktime/download/" target="_blank">Quicktime</p>
      <p><a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=290777b3-4e1c-4f6a-930f-e60bfde255e3&displaylang=de"
        target="_blank">Mediaplayer</p></td>
    <td><div id="kasten"><a href="#"><a href="02/aktuelles.html">Button<span class="info">der zweite ganz lange Text</span></a></a></div></td>
  </tr>
</table>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS-links schreiben irgendwas an meine Datei ran

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Salut kann vielleicht jemand mal in den Quellcode sehen und mir verraten, weshalb nach x-maligem hover über die Links, die Datei ellenlang wird und ein mega Scrollbalken entsteht. Muchas Gracias Wuck

    Keine Ahnung, aber.....

    #kasten a:hover {
    width : 0px;
    }
    #kasten a .info {
    display : none;
    }

    #kasten a:hover .info {
    width: 250px;
    display : block;
    position:absolute; top:400px; left:200px;

    ich vermute mal du weißt was du hier tust, oder?
    Mir erscheint das sehr durcheinander und ohne Konzept.
    Mal:
    width:0
    display:none
    dann auf einmal position absolute?
    du solltest diese Angaben mal ordnen.

    <td><div id="kasten"><a href="#"><a href="02/aktuelles.html">Link<span class="info">Ganz langer Text</span></a></a></div></td>

    ob das gültiges HMTL ist wage ich zu bezweifeln, dafür reicht aber meine Kompetenz nicht aus.

    <td><div id="kasten"><a href="#"><a

    eine ID ist eindeutig und darf nur einmal im vorkommen.
    auch dieses DIV's-in-Tabellenzellen-und-dann-span's Layout ist nicht wirklich schön, alles in allem sieht das sehr zusammengeschustert aus. Aber es hängt natürlich davon ab was du machen willst.

    Struppi.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS-links schreiben irgendwas an meine Datei ran

      Wuck
      – Informationen zu den Bewertungsregeln

      Ehrlich gesagt weiss ich nicht genau, was ich hier mache, ich weiss nur, was ich gerne hŠtte und zwar, dass bei mouseover an einer bestimmten Stelle in der Tabelle ein Textkasten zu sehen ist, der je nachdem, auf welchem Link man mit der Maus ist den Text wechselt. Hm grŸbel.

      ÈÈ ÈÈ Salut kann vielleicht jemand mal in den Quellcode sehen und mir verraten, weshalb nach x-maligem hover Ÿber die Links, die Datei ellenlang wird und ein mega Scrollbalken entsteht. Muchas Gracias Wuck
      ÈÈ
      ÈÈ Keine Ahnung, aber.....
      ÈÈ
      ÈÈ ÈÈ #kasten a:hover {
      ÈÈ ÈÈ width : 0px;
      ÈÈ ÈÈ }
      ÈÈ ÈÈ #kasten a .info {
      ÈÈ ÈÈ display : none;
      ÈÈ ÈÈ }
      ÈÈ ÈÈ
      ÈÈ ÈÈ #kasten a:hover .info {
      ÈÈ ÈÈ width: 250px;
      ÈÈ ÈÈ display : block;
      ÈÈ ÈÈ position:absolute; top:400px; left:200px;
      ÈÈ
      ÈÈ ich vermute mal du wei§t was du hier tust, oder?
      ÈÈ Mir erscheint das sehr durcheinander und ohne Konzept.
      ÈÈ Mal:
      ÈÈ width:0
      ÈÈ display:none
      ÈÈ dann auf einmal position absolute?
      ÈÈ du solltest diese Angaben mal ordnen.
      ÈÈ
      ÈÈ ÈÈ ÊÊÊ <td><div id="kasten"><a href="#"><a href="02/aktuelles.html">Link<span class="info">Ganz langer Text</span></a></a></div></td>
      ÈÈ
      ÈÈ ob das gŸltiges HMTL ist wage ich zu bezweifeln, dafŸr reicht aber meine Kompetenz nicht aus.
      ÈÈ
      ÈÈ ÈÈ ÊÊÊ <td><div id="kasten"><a href="#"><a
      ÈÈ
      ÈÈ eine ID ist eindeutig und darf nur einmal im vorkommen.
      ÈÈ auch dieses DIV's-in-Tabellenzellen-und-dann-span's Layout ist nicht wirklich schšn, alles in allem sieht das sehr zusammengeschustert aus. Aber es hŠngt natŸrlich davon ab was du machen willst.
      ÈÈ
      ÈÈ Struppi.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. CSS-links schreiben irgendwas an meine Datei ran

        Struppi Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Ehrlich gesagt weiss ich nicht genau, was ich hier mache, ich weiss nur, was ich gerne hŠtte und zwar, dass bei mouseover an einer bestimmten Stelle in der Tabelle ein Textkasten zu sehen ist, der je nachdem, auf welchem Link man mit der Maus ist den Text wechselt. Hm grŸbel.

        Das ist ja schön und gut, aber dann versteh ich nicht warum der Code dann so kompliziert sein muss, bzw. du nicht erstmal dich auf's notwendige beschränkst?

        Aber soweit ich das sehe geht das so sowieso nicht. Du kannst per CSS nicht einen anderen Bereich sichtbar/unsichtbar machen, dazu brauchst du schon Javascript.

        Struppi.

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. CSS-links schreiben irgendwas an meine Datei ran

          Thomas Luethi Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Hallo Struppi,

          Aber soweit ich das sehe geht das so sowieso nicht. Du kannst per CSS nicht einen anderen Bereich sichtbar/unsichtbar machen, dazu brauchst du schon Javascript.

          Du kennst offenbar http://www.meyerweb.com/eric/css/edge/ noch nicht ;-)
          Nette Spielereien mit purem CSS.
          (OK, z.T. nicht ganz praxistauglich, aber was soll's...)

          Gruesse,

          Thomas

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. CSS-links schreiben irgendwas an meine Datei ran

            Andreas Schneider
            – Informationen zu den Bewertungsregeln

            Hallo Thomas,

            Du kennst offenbar http://www.meyerweb.com/eric/css/edge/ noch nicht ;-)

            Warum in die Ferne schweifen? http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm

            Grüße
            Andreas

            --
            Auch eine Reise über tausend Kilometer muß mit einem einzelnen Schritt beginnen.
            Laotse "Taoteking"
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

  2. CSS-links schreiben irgendwas an meine Datei ran

    MudGuard
    – Informationen zu den Bewertungsregeln

    Hi,

    Salut kann vielleicht jemand mal in den Quellcode sehen und mir verraten, weshalb nach x-maligem hover über die Links, die Datei ellenlang wird und ein mega Scrollbalken entsteht. Muchas Gracias Wuck

    <style>

    type-Attribut fehlt.

    <table width="75%" height="284" border="1">

    Table hat immer noch kein height-Attribut.

    <td><div id="kasten"><a href="#"><a href="02/aktuelles.html">Link<span class="info">Ganz langer Text</span></a></a></div></td>

    a darf kein a enthalten.
    Wozu soll das div hier dienen?

    <td><div id="kasten"><a href="#"><a href="02/aktuelles.html">Button<span class="info">der zweite ganz lange Text</span></a></a></div></td>

    die Id "kasten" wurde schon verwendet.
    Wozu soll das div hier dienen?
    a darf kein a enthalten.

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln