• Aktualisierte Forenregeln

    Eine kleine Änderung hat es im Bereich Forenregeln unter Abschnitt 2 gegeben, wo wir nun explizit darauf verweisen, dass Forenkommentare in unserer Heftrubrik Leserbriefe landen können.

    Forenregeln


    Vielen Dank

CSS Mouseover-Problem bei Buttons!

gameratwork

Anfänger/in
Registriert
09.02.2002
Beiträge
69
Reaktionspunkte
0
Mein Problem ist der blaue Rand den verlinkte Button automatisch bekommen! Der eigentlich Rand ist weg, jedoch bleibt in der Mitte des Buttons ein kleiner blauer Strich übrig! Und ich weiß wirklich nicht wie ich den weg bekomme!?

Hier mal der Quellcode vom "<head>"-Bereich:

<style>
<!--

a.menu1 { display: block; width: 147px; height: 19px; border:none; background-image: url('gfx/Newsk.gif'); }
a.menu1:hover { background-image: url('gfx/Newsk2.gif'); }

a.menu2 { display: block; width: 147px; height: 19px; border:none; background-image: url('gfx/NewsArchiv.gif'); }
a.menu2:hover { background-image: url('gfx/NewsArchiv2.gif'); }

a.menu3 { display: block; width: 147px; height: 19px; border:none; background-image: url('gfx/History.gif'); }
a.menu3:hover { background-image: url('gfx/History2.gif'); }

usw. (für die anderen Buttons) ...

Hier der Quellcode vom "<body>"-Bereich:

<tr>
<td>
<div class="menu1" align="center"><a class="menu1" href="news.php"> </a>
</div>
</td>
</tr>
<tr>
<td><div class="menu2" align="center"><a class="menu2" href="news2.php"> </a>
</div>
</td>
</tr>
</table>
<table width="203" border="0">
<tr>
<td height="5"><img src="gfx/spacer.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="40">
<div align="center"><img src="gfx/Clan.gif" width="176" height="23">
</div>
</td>
</tr>
<tr>
<td><div class="menu3" align="center"><a class="menu3" href="news3.php"> </a>
</div>
</td>
</tr>

usw. (für die anderen Buttons) ...

thx, mfG gam0r
 
Ränder in links ( buttons ) entfernt man normalerweise mit text-decoration:none .. aber ein anschauliches Beispiel wäre nicht schlecht.
 
So hier noch ein Screenshot dazu! Jeweils unter der Schrift von jedem Button genau in der Mitte befindet sich ein kleiner blauer Strich! Bei dem ersten Button ist er schon lila weil ich draufgeklickt habe ;-)

http://j-o-m-u-e.homepage.t-online.de/Marius/cssproblem.bmp?foo=0.5854525675446688

Tja und da fällt mir gleich noch eine Frage ein! Auf dem Screenshot sieht man oben bei dem Banner die typische Anzeige von Windows (XP) für Bilder im Internet mit den Optionen "Speichern, Drucken, Senden, Öffnen"! Also die kleinen Buttons mit der Diskette, dem Drucker, dem Briefumschlag und dem Bilderordner! :ugly:
Ich würde gerne wissen wie (mit welcher Sprache/Befehl) ich diese Anzeige unterdrücken kann!?

thx, mfG gam0r

PS.: Bitte nicht von den anderen Unfeinheiten ablenken lassen, die noch korigiert werden müssen!
 
MiffiMoppelchen am 22.10.2004 13:33 schrieb:
gameratwork am 21.10.2004 13:21 schrieb:
http://j-o-m-u-e.homepage.t-online.de/Marius/cssproblem.bmp?foo=0.5854525675446688
Waaaaah, ein Bitmap-Bild. *nicht fertigladen lass*

Woher haste denn den Win XP Stil ??
Würd ich auch gern auf meinem PC ham, schaut goil aus !!! :-D
 
<div class="menu1" align="center"><a class="menu1" href="news.php"> </a>

Warum hast du eigentlich im div-Tag den class und im a-Tag auch ich würde da mal einen rausnehmen.

Das könntet dein Problem vielleicht schon lösen.
 
Der große ZAM hatte mein Problem bereits gelöst :top: :-X :top: :-X :top: !!!
Trotzdem vielen Dank an alle! :)

Der XP-Skin ist von http://www.alienware.com !

mfG gam0r

PS.: Auf dem Bild im JPG-Format hat man die kleine Striche irgendwie nicht mehr gesehen! >:-|
 
Zurück