Supportnet / Forum / Webseiten/HTML
Link aus Grafik , Rahmen
Frage
Wie bei Feinkost Albrecht-Nord
http://www.aldi-essen.de/OFFER_D/home.htm
im linken Frame zu sehen, im Mouseover-Status ein Rahmen um die kl verlinkte Grafik. - WIE ???
Antwort 1 von JimPanse5
Hmm, irgendwie verstehe ich dein Problem nicht so ganz. Beschreib es mal genauer und nicht nur in Stichpunkten.
Mfg Jim
Mfg Jim
Antwort 2 von cmkatz
also, wenn ich da mit der Maus über die kleinen Bildchen gehe, habe ich da keinen Rahmen...
Antwort 3 von BaronMuki
Hallo gelbrand
Ganz einfach, diese Seite wurde sauber programmiert. Die Bilder wurden in eine Tabelle gelegt und über das layout der Tabelle kannst Du den Rahmen machen.
Gruss Muki
Ganz einfach, diese Seite wurde sauber programmiert. Die Bilder wurden in eine Tabelle gelegt und über das layout der Tabelle kannst Du den Rahmen machen.
Gruss Muki
Antwort 4 von BaronMuki
Ups ..... oder meintest Du den alternativen Text ?
Antwort 5 von gelbrand
NACHTRAG: ... ist möglicherweise wirklich nur mit diesem Browsertyp zu sehen (?): IE 6.0.2800.1106IS
Im Quellcode auch Ungereimtheiten wie Styleangaben außerhalb Head, nicht korrekter Kommentarbeginn. -- Der erscheinende Rahmen hat offensichtlich mit der a:hover-Angabe zu tun, die dieser Browser eigen interpretiert (?).
ABER: Weiß wer eine elegante Methode, also kein Rollover mit 2 Bildern, ausschließlich Bilderlinks im Mouseoverstatus mit Rahmen zu versehen ?
Danke für eure Mühen !
Im Quellcode auch Ungereimtheiten wie Styleangaben außerhalb Head, nicht korrekter Kommentarbeginn. -- Der erscheinende Rahmen hat offensichtlich mit der a:hover-Angabe zu tun, die dieser Browser eigen interpretiert (?).
ABER: Weiß wer eine elegante Methode, also kein Rollover mit 2 Bildern, ausschließlich Bilderlinks im Mouseoverstatus mit Rahmen zu versehen ?
Danke für eure Mühen !
Antwort 6 von Dr.Ma-Busen
Also wenn ich dich jetzt richtig verstanden habe dann möchtest du einen Rahmen um die Linkgrafiken haben wenn du die Maus über die Grafik bewegst, richtig?
Dann versuch es mal so:
<img src="a.gif" border="0" alt="" style="border-color:white" onMouseover="this.border = 3" onMouseout="this.border = 0">
MfG
Dr. Ma-Busen
Dann versuch es mal so:
<img src="a.gif" border="0" alt="" style="border-color:white" onMouseover="this.border = 3" onMouseout="this.border = 0">
MfG
Dr. Ma-Busen
Antwort 7 von gelbrand
@ Dr. Ma-Busen:
genau so. - Danke!
Ergänzend kam noch der Hinweis, die Auszeichnungen in eine class zu legen:
<head>
<style>
.roterrahmen {border:2px solid red}
</style>
</head>
<body>
<a href="">
<img onmouseover="className='roterrahmen'" onmouseout="className=''"
src="..">
</a>
</body>
Würde dann noch Nachbearbeitung der Attribute vereinfachen.
Gruß
Jens
genau so. - Danke!
Ergänzend kam noch der Hinweis, die Auszeichnungen in eine class zu legen:
<head>
<style>
.roterrahmen {border:2px solid red}
</style>
</head>
<body>
<a href="">
<img onmouseover="className='roterrahmen'" onmouseout="className=''"
src="..">
</a>
</body>
Würde dann noch Nachbearbeitung der Attribute vereinfachen.
Gruß
Jens