Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Button in HTML





Frage

Hallo Leute, ich möchte mir für die Startpage meine Website ein Logo einsetzen, dass beim drücken als Button den Verweis zur nächsten page bringt...soweit kein Problem, allerdings soll ein besonderer Effekt drin sein, nämlich beim drücken soll dieses Logo einen Schatteneffekt bekommen und auch wie ein Button gleichzeitig reingedrückt werden! Kann mir einer sagen, wie das zu programmieren ist? MfG

Antwort 1 von rfb

Zitat:
Schatteneffekt
???

ansonsten:

im CSS:

a.logo img { border:0 none; }
a.logo:link { border:black thin outset }
...
a.logo:hover { border:black thin inset  }

im HTML:

<a href="..." class="logo"><img src="..." ... alt="Mein Logo - hier gehts weiter"></a>


mit border: inset und border: outset erreichst du den Button-Effekt per CSS.

weitere Infos: www.css4you.de/borderproperty.html

Antwort 2 von KralleKalle

Ok Schatten ist etwas unklar...
Das würd ich wahrscheinlich praktisch nur mit nem 2. Bild erreichen,das beim Klicken erscheint, oder?
Was heisst das alt="Mein Logo....??

Antwort 3 von rfb

Zitat:
Was heisst das alt="Mein Logo....??
manche Menschen - so auch ich - surfen ohne dabei Grafiken zu laden (in Textbrowsern gibts sowas gar nicht ;-). Damit auch die etwas zum Klicken bekommen solltest du das alt-Attribut mit einem aussagekräftigen text versehen. Um dein HTML valide (fehlerfrei) zu bekommen ist das sogar zwingend vorgeschrieben bei allen Grafiken.

zum Schatten: schau mal hier: www.css4you.de/trickkiste/tr00024.html
Du müsstest das irgendwie angepasst bekommen.

Antwort 4 von KalleKralle

Ok vergessen wir mal den Schatten...ist eh das falsche Wort dafür.

Was ich will ist folgendes, nur OHNE den komischen bunten Hintergrund, der soll von mir aus auch schwarz sein!


<html>
<head>
<title>Menüs mit Schatten</title>
<style type="text/css">

#shadow{
background-color:#bbbbbb;
width:120px;
height:220px;
margin:10px 0px 0px 10px;
}
#menu{
position:relative;
top:-230px;
width:120px;
height:220px;
background-color:#F0F4D6;
border:1px solid #000000;
}
</style>
</head>
<body>
<div id="menu">
<button>
<a href="Trendsetter/Home.html" class="logo"><img src="neu.jpg" width="600" height="441" border="0" alt="Mein Logo - hier gehts weiter"></a>
</button>
</div>
</body>
</html>


Und ansonsten meinte ich, dass dieser Button mit dem Logo von mir aus beim "pushen" die Farbe ändert, sowie beim Hover-Effekt von Grafiken!


MfG

Antwort 5 von rfb

welcher komische bunte Hintergrund??

wozu der <button>, wenn doch ein Link benutzt werden soll?

Wieso ist der umgebende <div> viel kleiner als das darin befindliche Bild?

Wozu die Positionierung -230px??

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: