Max Schmitt: Farbänderung Rahmen um verlinkte Grafik

Hallo,

habe da ein Problem und bekomme es nicht gelöst.

Ich habe kleine Bildchen in einer Tabelle verlinkt, bisher so:
<td>
<div align="center"><a href="Rosemeyer.htm" target="_blank"><img
src="Rosemeyer2x.JPG" alt="Eine Erinnerung an Bernd Rosemeyer"
style="border: 0px solid ; width: 131px; height: 74px;"> </a></div>
</td>

Beim überfahren mit der Maus über die Grafik soll ein Rahmen in orange angezeigt werden. Sonst nichts, also weiß.

Ich habe nun mit hoover, borderit, mouseover u.ä. experimentiert. Ich habe aber entweder nie einen Rahmen (wie aktuell mit 0px) oder der Rahmen ist blau, beim überfahren orange.

Es würde mir auch reichen, einen genauen Befehl dazu für die globale CSS zu haben/bekommen.

Danke.

P.S.: so riesig sind meine Kenntnisse auch leider nicht.

  1. Hi,

    Beim überfahren mit der Maus über die Grafik soll ein Rahmen in orange angezeigt werden. Sonst nichts, also weiß.

    Weiss und nichts sind ein Unterschied.

    Ich habe nun mit hoover, borderit, mouseover u.ä. experimentiert.

    Was ist borderit?

    Ich habe aber entweder nie einen Rahmen (wie aktuell mit 0px) oder der Rahmen ist blau, beim überfahren orange.

    Der blaue Rahmen kommt vom Link, nicht vom Bild.

    MfG ChrisB

    --
    “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
    1. 'ǝɯɐu$ ıɥ

      Ich habe nun mit hoover, borderit, mouseover u.ä. experimentiert.

      Was ist borderit?

      BorderIt - das ist eine befehlsform, vergleichbar mit !important, übersetzt:
      mach endlich die verf@&$&§"@ border um das element sonst reiß ich dir deine sch@"§$§"verd}{[²²³ einegweide raus...

      *SCNR*

      ssnɹƃ
      ʍopɐɥs

      --
      In a perfect world, spammers would get caught, go to jail,
      and share a cell with many men who have enlarged their penisses,
      taken Viagra and are looking for a new relationship.
    2. @@ChrisB:

      nuqneH

      Der blaue Rahmen kommt vom Link, nicht vom Bild.

      Kann man so nicht sagen.

      Das Blau kommt vom Link, der Rahmen kommt vom Bild.

      Qapla'

      --
      Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
  2. Grüße,
    a.verdammtesding:hover{
    border:solid 9999px #f00; /*VIT*/
    }

    dürfte anforderungen gerecht werden
    MFG
    bleicher

    --
    __________________________-

    FirefoxMyth
  3. @@Max Schmitt:

    nuqneH

    habe da ein Problem und bekomme es nicht gelöst.

    Ich muss dich enttäuschen: Es sind mehrere.

    Ich habe kleine Bildchen in einer Tabelle verlinkt

    Hast du wirklich tabellarische Daten?

    <div align="center">

    Wozu soll dieses 'div' gut sein? Kurz überlegt: Zu nichts. Es ist überflüssig. Weg damit!

    <a href="Rosemeyer.htm" target="_blank">

    Überlasse es bitte dem Nutzer, ob er Links im selben Tab/Fenster öffnen möchte oder in einem neuen. Weg mit @target!

    “Opening up new browser windows is like a vacuum cleaner sales person who starts a visit by emptying an ash tray on the customer's carpet. Don't pollute my screen with any more windows, thanks […]” (Top Ten Mistakes in Web Design, Punkt 9 [Nielsen])

    <img src="Rosemeyer2x.JPG" alt="Eine Erinnerung an Bernd Rosemeyer" style="border: 0px solid ; width: 131px; height: 74px;">

    Gib Styles niemals inline an, sondern immer gesammelt im Stylesheet! Weg mit @style!

    Ich denke mal, dass du nicht willst, dass das Bild beim Hover rumspringt. Also ist es sicher keine gute Idee, seine Rahmendicke auf 0 zu setzen.

    Beim überfahren mit der Maus über die Grafik soll ein Rahmen in orange angezeigt werden. Sonst nichts, also weiß.

    Und wenn da eine andere Hintergrundfarbe ist, nicht weiß?

    Was du willst, ist

    a img  
    {  
      border: 2px solid transparent;  
      width: 131px;  
      height: 74px;  
    }  
      
    a:hover img  
    {  
      border-color: orange;  
    }  
      
    tr  
    {  
      text-align: center;  
    }
    

    Ich habe nun mit hoover […] experimentiert.

    Wenn du bei dir fertig bist, kommst du dann bitte bei mir staubsaugen?

    Es würde mir auch reichen, einen genauen Befehl dazu für die globale CSS zu haben/bekommen.

    Es gibt keine Befehle in CSS, sondern Regeln bestehend aus Selektoren und Deklarationen (Eigenschaften und Werte). [CSS2 §4.1.7 f.]

    Beim Staubsaugen sieht das anders aus: Wenn du bei mir bist, wirst du einen genauen Befehl bekommen. ;-)

    Qapla'

    --
    Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
    1. Was du willst, ist

      a img
      {
        border: 1px solid transparent;
      }

      a:hover img
      {
        border-color: orange;
      }

      damit innerhalb der -wie ich es nenne- globalen CSS habe ich es nun für meine Zwecke ausreichend hinbekommen.

      Vielen Dank.

    2. @@Gunnar Bittersmann:

      nuqneH

      Wenn du bei dir fertig bist, kommst du dann bitte bei mir staubsaugen?

      Da fällt mir eine Begebenheit ein, die sich wirklich so zugetragen hat:

      Ort: Korridor im Studentenwohnheim in Warschau. Studentin Alice geht mit Reinigungsgerät an einer Gruppe von Studenten vorbei.
      Bob spricht sie an: „Możesz też u nas sprzątać‽“ („Kannst du auch bei uns saubermachen‽“)
      Alice: „Za ile?“
      Bob: „Za chwilę.“

      Für die, die kein Polnisch verstehen: Leider lässt sich das nicht übersetzen, nur erklären. Und wenn man Witze erklären muss, sind sie nicht mehr witzig. Ich versuch’s trotzdem mal.

      Die Präposition „za“ kann „für“ heißen, aber auch „in“: za 42 euro – für 42 Euro, za 42 minuty – in 42 Minuten. Auf „Kannst du auch bei uns saubermachen‽“ entgegnet Alice:
      „Für wieviel?“ (Was zahlste?)
      Bob: „Gleich.“ (Wörtlich: In einem Augenblick.)

      OK, ich werd nie wieder versuchen, Wortwitze zu erklären.

      Qapla'

      --
      Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)