Hadulla: Anzeigen Problem

Nabend alle Zusammen ich habe ein anzeigen Problem.

Hier die Seite um die es geht!!!

Also nach der E-mail adresse hat der Text einen Effekt wenn man mit der Maus darüber fährt. Ich benutze ein CSS Sheet.~~~css body { margin: 0px; padding: 0px;
            background-color: #000000; background-image: url(background1.jpg);
            background-repeat: no-repeat;
     color:#000000;
            font-family: calibri,arial, sans-serif;
            font-size: 1.0em;
          }

div.menu {
 position:absolute;
  left:28px; top:315px;
 padding:2px;
 }
a:link {color:#CCCCCC}
a:visited {color:#FFFFFF}
a:hover {color:#999999}
a:active {color:#FFFFFF}

a.menu:link {color:#ffffff;}
a.menu:visited {color:#ffffff;}
a.menu:hover {color:#ffffff;}
a.menu:active {color:#ffffff;}
a.menu:focus {color:#ffffff;}

div.content {

position:absolute;
  left:220px; top:330px; width:823px; height:380px;
 overflow:auto;
 font-size: 1.5em;}

div.bottom {
 position:absolute;
  left:25px; top:770px;

}
p.manu {
}

span.header {
 font-size: 2.0em;
 padding-top:0px;
 }
span.fett {
 font-size:1.3em;
 padding-top:0px;
 font-weight:bold;
}
span.menu1 {
 font-size:1.3em;
 padding-top:0px;
 color:#ffffff;
 font-weight:bold;
}

  
Ich habe schon Stunden lang gesucht aber ich bekomm das Problem nicht aus der Welt geschafft. Hier noch der Quelltext der Seite.  
  
~~~html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
  
  
  
   <link rel="stylesheet" type="text/css" media="all" href="style.css">  
   <link rel="shortcut icon" href="icon.ico">  
   <meta name="author" content="TU Kaiserslautern">  
  
   <meta name="robots" content="index, follow">  
  
 <title>Students Club</title>  
  
  
</head>  
<body>  
  
<marquee scrollamount="5" scrolldelay="5" style="position:absolute;left: 200px;top:258px;width: 850px">  
  <font color=#ffffff> <b>06.01.2009 Students Club +++ Pflaumenbaum Kl +++ Bier ab 1,50 € +++ Longdrinks ab 3,90 € +++ Shuttle  
 Service für unsere Frauen +++ Getränkeversteigerung +++ Große Nikolaus Rücknahmeaktion </b></font>  
  
 </marquee>  
  
  
<div class="menu">  
<p><a href="/index.html"> Aktuelles </a></p>  
<p><a href="/extras.html"> Extras </a></p>  
<p><a href="/getraenkekarte.html"> Getränkekarte </a></p>  
<p><a href="/historie.html"> Historie </a></p>  
<p><a href="/gaestebuch.html"> Gästebuch </a></p>  
<p><a href="/anfahrt.html"> Anfahrt </a></p>  
<p><a href="/kontakt.html"> Kontakt </a></p>  
<span class="menu1">Our Partners</span>  
<p><a href="http://www.pflaumenbaum-kl.com"><img src="logobaum.jpg" width="100" height="18" ></a><p/>  
  
<p><a href="index.html"><img src="logoeuler.jpg" width="100" height="65" ></a><p/>  
  
</div>  
  
<div class="content">  
<span class="header">Shuttle Service</span>  
<p> Natürlich bieten wir Euch wieder unseren exklusiven MINI-Shuttle Service für Frauen zur Party, mit rotem Teppich, freiem Eintritt und einem kleinen Begrüßungsdrink. Die Anmeldung läuft dieses mal zusätzlich per Mail an </p><a href="mailto:team@students-club.net"style="color:#1c248f">team@students-club.net<a/><p>  
  
Dafür brauchen wir folgende Infos von Euch:  
<br><br>- Name, Vorname (von allen) und die  
<br><br>- Adresse wo wir Euch abholen sollen</p>  
  
<p>  
Freie Termine für den Shuttle Service im MINI:<br>  
<table border="1">  
  <tr>  
    <th>Bis zu 4 Frauen</th>  
<th>Status</th>  
    <th>Bis zu 3 Frauen</th>  
<th>Status</th>  
  
  </tr>  
  <tr>  
    <td>21:00 Uhr</td>  
    <td><br></td>  
    <td>21:00 Uhr</td>  
    <td><br></td>  
  </tr>  
  <tr>  
    <td>21:20 Uhr</td>  
    <td><br></td>  
    <td>21:20 Uhr</td>  
    <td><br></td>  
  </tr>  
<tr>  
    <td>21:40 Uhr</td>  
    <td><br></td>  
    <td>21:40 Uhr</td>  
    <td><br></td>  
  </tr>  
<tr>  
    <td>22:00 Uhr</td>  
    <td><br></td>  
    <td>22:00 Uhr</td>  
    <td><br></td>  
  </tr>  
<tr>  
    <td>22:20 Uhr</td>  
    <td><br></td>  
    <td>22:20 Uhr</td>  
    <td><br></td>  
  </tr>  
<tr>  
    <td>22:40 Uhr</td>  
    <td><br></td>  
    <td>22:40 Uhr</td>  
    <td><br></td>  
  </tr>  
<tr>  
    <td>23:00 Uhr</td>  
    <td><br></td>  
    <td>23:00 Uhr</td>  
    <td><br></td>  
  </tr>  
</table>  
  
<br>  
<b>Oder</b><br><br>  
Die letzten freien Termine werden nochmal am Montag und Dienstag, den 5.+6.1. ab 12:30 Uhr vorm Foyer 42 vergeben.  
<br>  
  
<br></p>  
  
<span class="header">Getränkeversteigerung</span>  
<p>Den ganzen Abend über versorgen wir Euch mit den feinsten und exklusivsten Getränken, die es auf keiner Getränkekarte gibt.<br>  
  
<br>Hier bekommt der Höchstbietende den Zuschlag und kann sich sein Gebot bei Eric an der Bar abholen. Bietet mit und sichert Euch eure Getränkespecials zu einem noch günstigeren Preis.  
<br><br><br><br><br></p>  
  
</div>  
  
</div>  
  
<div class="bottom">  
<p>test<br><br></p>  
  
</div>  
  
  
  
</body>  
</html>

Vielleicht kann mir jemand helfen.

Gruß Eric

  1. Hallo Eric,

    Also nach der E-mail adresse hat der Text einen Effekt wenn man mit der Maus darüber fährt.

    ich gehe davon aus, dass dieser Effekt unerwünscht ist :-)

    Der "schuldige" Eintrag im CSS:

    a:hover {color:#999999}

    Ich habe schon Stunden lang gesucht aber ich bekomm das Problem nicht aus der Welt geschafft.

    Validieren Deiner Arbeit hätte Dir gezeigt, wo der Fehler liegt. Deinen Code habe ich auf den relevanten Abschnitt reduziert.

    <a href="mailto:team@students-club.net"style="color:#1c248f">team@students-club.net<a/><p>  
      
    Dafür brauchen wir folgende Infos von Euch:  
    [...]  
    
    

    Wo beginnt Dein A-Element?
    Wo hört Dein A-Element auf?

    Freundliche Grüße

    Vinzenz

    1. Hallo Vinzenz

      So der Effekt ist schon gewollt, da ich links in der Leiste sonst nichts mehr seheh.
      Die Frage ist wieso er nach der E-Mail Adresse diesen Effekt anwendet.

      So und jetzt der Wink mit dem Zaunpfahl .ICh verstehe nicht was du mitz deinen 2 Fragen meinst. Meines Wissens nach ist das doch so richtig oder? Ich hab sehr wenig erfahrung mit html lese mir alles zusammen und probiere aus also helf mir mal bitte auf die Sprünge...

      Gruß Eric

      Hallo Eric,

      Also nach der E-mail adresse hat der Text einen Effekt wenn man mit der Maus darüber fährt.

      ich gehe davon aus, dass dieser Effekt unerwünscht ist :-)

      Der "schuldige" Eintrag im CSS:

      a:hover {color:#999999}

      Ich habe schon Stunden lang gesucht aber ich bekomm das Problem nicht aus der Welt geschafft.

      Validieren Deiner Arbeit hätte Dir gezeigt, wo der Fehler liegt. Deinen Code habe ich auf den relevanten Abschnitt reduziert.

      <a href="mailto:team@students-club.net"style="color:#1c248f">team@students-club.net<a/><p>

      Dafür brauchen wir folgende Infos von Euch:
      [...]

      
      >   
      > Wo beginnt Dein A-Element?  
      > Wo hört Dein A-Element auf?  
      >   
      >   
      > Freundliche Grüße  
      >   
      > Vinzenz
      
      1. habe d'ehre Eric

        Hallo Vinzenz

        So der Effekt ist schon gewollt, da ich links in der Leiste sonst nichts mehr seheh.
        Die Frage ist wieso er nach der E-Mail Adresse diesen Effekt anwendet.

        So und jetzt der Wink mit dem Zaunpfahl .ICh verstehe nicht was du mitz deinen 2 Fragen meinst. Meines Wissens nach ist das doch so richtig oder? Ich hab sehr wenig erfahrung mit html lese mir alles zusammen und probiere aus also helf mir mal bitte auf die Sprünge...

        <a href="mailto:team@students-club.net" style="color: rgb(28, 36, 143);">team@students-club.net</a>

        Die Angabe der Farbe hier überschreibt Dein CSS. Pack die Definition zu CSS.

        <a>Dafür brauchen wir folgende Infos von Euch:
        <br><br>- Name, Vorname (von allen) und die
        <br><br>- Adresse wo wir Euch abholen sollen</a>

        reagiert auf a:hover {color:#999999}. Wieso packst Du normalen Text zwischen <a>..</a>?

        man liest sich
        Wilhelm

        1. Also ich versteh jetzt irgend wie gar nix mehr..

          Ich habe keinen normalen Text in <a> </a> gepackt. Ich weiß nur nicht warum nach der E-Mail Adresse plötzlich diesen Effekt hat. HIer noch mal der Quelltext

          <div class="content">  
          <span class="header">Shuttle Service</span>  
          <p> Natürlich bieten wir Euch wieder unseren exklusiven MINI-Shuttle Service für Frauen zur Party, mit rotem Teppich, freiem Eintritt und einem kleinen Begrüßungsdrink. Die Anmeldung läuft dieses mal zusätzlich per Mail an </p><a href="mailto:team@students-club.net"style="color:#1c248f">team@students-club.net<a/>  
            
          <p>  
          Dafür brauchen wir folgende Infos von Euch:  
          <br><br>- Name, Vorname (von allen) und die  
          <br><br>- Adresse wo wir Euch abholen sollen</p>  
            
          <p>
          

          Gruß Eric

          habe d'ehre Eric

          Hallo Vinzenz

          So der Effekt ist schon gewollt, da ich links in der Leiste sonst nichts mehr seheh.
          Die Frage ist wieso er nach der E-Mail Adresse diesen Effekt anwendet.

          So und jetzt der Wink mit dem Zaunpfahl .ICh verstehe nicht was du mitz deinen 2 Fragen meinst. Meines Wissens nach ist das doch so richtig oder? Ich hab sehr wenig erfahrung mit html lese mir alles zusammen und probiere aus also helf mir mal bitte auf die Sprünge...

          <a href="mailto:team@students-club.net" style="color: rgb(28, 36, 143);">team@students-club.net</a>

          Die Angabe der Farbe hier überschreibt Dein CSS. Pack die Definition zu CSS.

          <a>Dafür brauchen wir folgende Infos von Euch:
          <br><br>- Name, Vorname (von allen) und die
          <br><br>- Adresse wo wir Euch abholen sollen</a>

          reagiert auf a:hover {color:#999999}. Wieso packst Du normalen Text zwischen <a>..</a>?

          man liest sich
          Wilhelm

          1. Hallo Eric,

            Ich habe keinen normalen Text in <a> </a> gepackt.

            <div class="content">
            <a href="mailto:team@students-club.net"style="color:#1c248f">team@students-club.net<a/>

            <p>
            Dafür brauchen wir folgende Infos von Euch:
            <br><br>- Name, Vorname (von allen) und die
            <br><br>- Adresse wo wir Euch abholen sollen</p>

            <p>

              
            da ist kein </a>!  
              
            Schau's Dir an:  
              
            ~~~html
            <div class="content">  
            <a href="mailto:team@students-club.net"style="color:#1c248f">team@students-club.net<a/>  
            
            

            Wo ist da ein </a>? Nirgends! Deswegen der unerwünschte Hover-Effekt für den folgenden Text ...

            Freundliche Grüße

            Vinzenz

            1. Oh je jetzt check ich es ich glaub ich brauch doch nen programm das so was erkennt und nicht nur nen Editor.Danke für eure Mühe.

              Grüße Eric

              Hallo Eric,

              Ich habe keinen normalen Text in <a> </a> gepackt.

              <div class="content">

              <a href="mailto:team@students-club.net"style="color:#1c248f">team@students-club.net<a/>

              <p>
              Dafür brauchen wir folgende Infos von Euch:
              <br><br>- Name, Vorname (von allen) und die
              <br><br>- Adresse wo wir Euch abholen sollen</p>

              <p>

              
              >   
              > da ist kein </a>!  
              >   
              > Schau's Dir an:  
              >   
              > ~~~html
              
              <div class="content">  
              
              > <a href="mailto:team@students-club.net"style="color:#1c248f">team@students-club.net<a/>  
              > 
              
              

              Wo ist da ein </a>? Nirgends! Deswegen der unerwünschte Hover-Effekt für den folgenden Text ...

              Freundliche Grüße

              Vinzenz

              1. habe d'ehre Eric

                Oh je jetzt check ich es ich glaub ich brauch doch nen programm das so was erkennt und nicht nur nen Editor.Danke für eure Mühe.

                http://validator.w3.org/

                man liest sich
                Wilhelm

                1. oopps, hier muss man ja selber verlinken :)

                  Seiten überprüfen

              2. hi $name,

                Oh je jetzt check ich es ich glaub ich brauch doch nen programm das so was erkennt und nicht nur nen Editor.Danke für eure Mühe.

                für den fuchs könnte dir tidy helfen....

                gruss
                shadow

                --
                I'm not paranoid. That's a rumor spread by my enemies.
          2. habe d'ehre

            <p>
            Dafür brauchen wir folgende Infos von Euch:
            <br><br>- Name, Vorname (von allen) und die
            <br><br>- Adresse wo wir Euch abholen sollen</p>

            vorher war in der Quelltextanzeige der Block in <a></a>, jetzt nicht mehr und der text wird auch nicht mehr gehovert.

            @Vinzenz

            im Seitenquelltext hat er richtig mit </a> geschlossen. Der Hover geht aber nicht wegen dem Inline-Style.

            man liest sich
            Wilhelm

            1. Hallo Wilhelm,

              vorher war in der Quelltextanzeige der Block in <a></a>, jetzt nicht mehr und der text wird auch nicht mehr gehovert.

              @Vinzenz

              im Seitenquelltext hat er richtig mit </a> geschlossen.

              Als ich nachgeschaut hatte (ungefähr 20.40 Uhr) nicht. Da war online und im Forum geposteter Code identisch. Dass jetzt das Hovern der E-Mail-Adresse nicht mehr geht, liegt in der Tat am Inlinestyle.

              Freundliche Grüße

              Vinzenz